Blazor DatePicker Example - Special Dates

DatePicker / Special Dates

The following example demonstrates the Special Dates sample of the DatePicker.It allowing users to easily identify and focus on important or pre-defined dates. This highlighting feature enhances usability by drawing attention to relevant days, such as events, deadlines, or custom markers.

Loading Syncfusion Blazor Server Demos…

Selected travel date is: 11/3/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
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE