Stable Version 3.0.0 (O11)
Also available for 10
Published on 02 January 2019 by 
Stable Version 3.0.0 (O11)
Also available for 10
Published on 02 January 2019 by 
Created on 27 June 2017


The Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or from predefined ranges like "Last 30 Days".
Read More

This date range picker component based on Bootstrap, creates a dropdown menu from which a user can select a range of dates.

Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, optional time picker (for e.g. making appointments or reservations), and styles that match the default Bootstrap 3 theme.

Simply drag and drop the DateRangePickerLibrary webblock once, in the page you wish to use is.
Drag and drop the DateRangePicker widget and fill in the required inputParamaters.

It's fully configurable, from functionallity to css/layout.

What’s new (3.0.0)

- Fully Upgraded to V11 (Theme + widgets esc..)

- Additional input 'LocalCurrDate' (Default currdate) instead of always using servers Currdate(). This will avoid conflicts with different timezones.

- Encoded Javascript where applicable

Reviews (2)
2 Feb
in version 3.0.0
I can't set a time. Need a functionality to add time with date
in version 3.0.0
Great component. I had implemented this js plugin in websites and was looking for the same in OutSystems.
User interface, Date, time & calendar
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 Niels Favreau who created this component.
See all 1 dependencies
Component Consumers
No consumers yet.
Weekly Downloads