Date Range Picker Overview

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.

  • Example
  • View Source
  • Change Theme
    Default Theme

Book your flight tickets

Selected Dates
Departure: 03 Apr 2020
Return: 10 Apr 2020
Loading the demo source code...please wait.