Blazor Calendar Example - Special Dates
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
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 |
Selected date is: 10/9/2026
This sample demonstrates how to highlight specific dates in the Calendar with custom styling.
The Special Dates example shows how to customize specific dates using the OnRenderDayCell event. This event triggers on each day cell element creation, allowing custom styling or customization of specific dates.
In this example, dates in the current month are customized with custom CSS classes such as personal-appointment and official-appointment to visually distinguish different types of appointments.