Blazor DateTimePicker Example - Special Dates

DateTime Picker / Special Dates

In the following example, specific dates are highlighted in the calendar popup.

Loading Syncfusion Blazor Server Demos…

Selected date is: 10/29/2025

The Special Dates example demonstrates, how to customize specific dates in a calendar by using the OnRenderDayCell event. This event gets triggered on each day cell element creation that allows you to customize or disable the specific dates in the calendar. Here, list of dates in the current month are customized with custom styles by adding the personal-appointment and official-appointment classes.

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