DateTime Picker / Special Dates

Blazor DateTimePicker Example - Special Dates

Loading Syncfusion Blazor Server Demos…

Selected date is: 12/23/2025

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.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE