• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

The following sample demonstrates the default functionalities of the DateRangePicker. Today's date is always highlighted in the popup calendar and it get focused if there's no selected date. Select a date range from the popup calendar and the selected date range will be displayed in the DateRangePicker element.

DEMO
SOURCE

DateRangePicker is an interactive component that allows the user to select a range from the calendar, or to set a range value.

More information on the DateRangePicker instantiation can be found in the documentation section.