The component provides two ways in which date ranges can be selected: Consecutive Clicks and OnKeyHold. Consecutive Clicks allows users to select a range by clicking consecutively on two different dates. OnKeyHold lets users choose a range by pressing the Shift button and clicking on the end date while having the Start date calendar open.
The first option is enabled by default, yet the component gives you full control to customize it to fit your project needs.
As the DateRangePicker comprises two DatePickers that act as two connected calendars, you can easily configure the entire component with the following options:
Set minimum and maximum allowed dates
Define the number of months visible
Configure date settings and format