Example of Default Functionalities in React DateRangePicker Component


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.

More Details...


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.