DateRangePicker - Overview

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 75+ 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.

Support & Learning Resources

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