Blazor Calendar Example - Disabled Dates
September 2026
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 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 | 1 | 2 | 3 |
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
This sample demonstrates disabled dates functionality in the Calendar. All weekends (Saturday and Sunday) of a month are disabled and restricted from selection.
The Disabled Dates example shows how to disable specific dates in the Calendar using the OnRenderDayCell event. This event triggers on each day cell element creation, allowing you to customize or disable specific dates.
In this example, weekend dates are disabled using the OnRenderDayCell event by adding appropriate CSS classes to restrict selection.