Blazor Calendar Example - Multi Selection
January 2026
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 28 | 29 | 30 | 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 | 31 |
Properties
Sat, 10 Jan 2026
Thu, 15 Jan 2026
Sun, 25 Jan 2026
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: