DateRangePicker / Default Functionalities

Blazor Date Range Picker Example

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the default functionalities of the Blazor DateRangePicker component. Today's date is always highlighted in the popup calendar and receives focus if no date is selected. Select a date range from the popup calendar, and the selected range will be displayed in the DateRangePicker element.

The DateRangePicker is an interactive component that allows users to select a date range from the calendar or set a range value directly.

See also:

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE