Date Time Picker Range
Stable Version 1.1.0 (O11)
Also available for 10
Published on 4 Jan (2 weeks ago) by 
Created on 19 August 2018
Details
A JavaScript component for choosing date ranges, dates and times.
Read More

A JavaScript component for choosing date ranges, dates and times. The component import Jquery and MomentJs.

You can read all documentation here (http://www.daterangepicker.com/).

OptionDescriptionType
InputIdInput Id of the inputText
FormatDate Time formate. Example: "YYYY-MM-DD HH:mm"Text
TimePicker24Hour(true/false) Use 24-hour instead of 12-hour times, removing the AM/PM selection.Boolean
TimePicker(true/false) Adds select boxes to choose times in addition to dates.Boolean
TimePickerSeconds(true/false) Show seconds in the timePicker.Boolean
StartDateThe beginning date of the initially selected date range. If you provide a string, it must match the date format string set in your locale setting.Date Time
EndDateThe end date of the initially selected date range.Date Time
TimePickerIncrementIncrement of the minutes selection list for times (i.e. 30 to allow only selection of times ending in 0 or 30).Integer
ShowWeekNumbersShow localized week numbers at the start of each week on the calendars.Boolean
LinkedCalendarsWhen enabled, the two calendars displayed will always be for two sequential months (i.e. January and February), and both will be advanced when clicking the left or right arrows above the calendars. When disabled, the two calendars can be individually advanced and display any month/year.Boolean
SingleDatePickerShow only a single calendar to choose one date, instead of a range picker with two calendars. The start and end dates provided to your callback will be the same single date chosen.Boolean


PS. In OutSystems Now you can have some issues to pick date, but it is working in native applications.

What’s new (1.1.0)

New parameters:

- TimePickerIncrement

- ShowWeekNumbers

- LinkedCalendars

- SingleDatePicker

Reviews (0)
Category
UI & Widgets, Libraries
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Paulo Cação who created this component.
Dependencies
Date Time Picker Range has no dependencies.
Requirements
Platform
11.0.0.200
Database
All
Stack
All
Component Consumers
Date Time Picker Range has no consumers.
Weekly Downloads 
Related Components
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7980
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
11242
OutSystems UI Web
OutSystems R&D
Create amazing web responsive applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
1886
More from Paulo Cação
Local Storage
Paulo Cação
Local Storage allows you to store data on the client side from the Web Storage API. This API accesses the local storage area of the browser without time limit, ie, the stored data will be available whenever you use this page/app. Also, we can use the session storage, is limited to the lifetime of the window.
Lodash
Paulo Cação
Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc. Check all documentation: https://lodash.com/