Blazor Calendar Example - Multiple Date Selection Capability
June 2026
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 31 | 1 | 2 | 3 | 4 | 5 | 6 |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
Properties
This sample demonstrates multiple date selection functionality of the Calendar. Click desired dates from the calendar, and the selected dates will be added to the Values property.
The Multi Selection example shows how to enable and select multiple dates in the Calendar using the IsMultiSelection property and the Values collection.
In this example, dates 10, 15, and 25 are preselected to demonstrate the multi-selection capability.
See also: