New to Telerik UI for Blazor? Download Free 30-day trial

Calendar - Selection

Single Selection

Select a date by clicking on it - you can choose only one.

Today
SuMoTuWeThFrSa
  123456
78910111213
14151617181920
21222324252627
282930       
             
Selected Date

Multiple Selection

Select several dates by holding down the Shift or Ctrl keys when clicking on it.

Today
SuMoTuWeThFrSa
    12345
6789101112
13141516171819
20212223242526
27282930     
             
Selected Dates

Range Selection

When you select the first date, it is marked as the start of the range and the Calendar will highlight the range you would choose with the second click.

Today
SuMoTuWeThFrSa
    12345
6789101112
13141516171819
20212223242526
27282930     
             
SuMoTuWeThFrSa
        123
45678910
11121314151617
18192021222324
25262728293031
             
Selected Range
Range Start: 01 Apr 2019
Range End: 10 Apr 2019
  • Selection.razor
Loading the demo source code...please wait.

Support & Learning Resources

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