Blazor Calendar Example - Special Dates
April 2026
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 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 | 1 | 2 |
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
Selected date is: 4/2/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.