Blazor Calendar Example - Disabled Dates
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Selected date is: 10/2/2026
October 2026
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 27 | 28 | 29 | 30 | 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 |
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
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.