Blazor DateTimePicker 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
Selected date is: 9/29/2026
This sample demonstrates how to highlight specific dates in the calendar popup of the DateTimePicker component 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 and customization.
In this example, dates in the current month are customized with CSS classes such as personal-appointment and official-appointment to visually distinguish different types of appointments.