Blazor DateRangePicker Example - Preset Ranges

This sample demonstrates the preset ranges functionality in the DateRangePicker component. Click the DateRangePicker popup icon to view and select from a list of custom preset ranges. The "custom range" option at the end of the list opens the date range picker popup calendar for selecting custom ranges.

The DateRangePicker component provides presets support to display the collection of required ranges in the popup element. Users can select a required range from the list, and the selected range value will be updated in the component.