Blazor DateRangePicker - Overview


Debounce Delay

Selected Dates
Departure: 03 Apr 2020
Return: 10 Apr 2020
  • Overview.razor
Loading the demo source code...please wait.
blazor ui ninja image

The DateRangePicker component is part of Telerik UI for Blazor, a professional grade UI library with 95+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


The Blazor UI DateRangePicker component allows users to edit date ranges from start and end date inputs, and to select them directly from a calendar popup. The range is visualized in real time in an animated dropdown. The values of the date inputs and calendar are synchronized to enable further change of the chosen date range.

This Blazor DateRangePicker - Overview demo is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik Blazor components and their features in action. View the source code of each of the demos or directly adapt and edit them, including their theme appearance, in some of our dedicated playgrounds for Blazor projects - Telerik REPL for Blazor.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.