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.
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.