Give us feedback
Web icon


Stable version 3.0.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 02 January 2019 by 
 (10 ratings)


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.

Release notes (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 (3)
in version 3.0.0
When I give minimum date 5 years before in custom mode, it starts showing calendar 5 years before. What I want, when I go in custom mode, current month should be shown and I'm still able to go back till 5 years date. How to achieve this.
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.