How to mark specific dates in the calendar component

0 Answers 32 Views
Calendar
n/a
Top achievements
Rank 1
Iron
n/a asked on 09 May 2025, 03:22 AM

The project requires marking activities dates , so I want to highlight the corresponding event dates in the calendar component by displaying them with a red background. Are there any relevant methods for this?  

I've checked the customization options in the documentation:  

- The `CalendarCell` method only allows selecting dates within the current month and cannot select dates from other months.  
- The `slot` method does not support selecting dates, months, or years.  

Is there another way to achieve this?

Filip
Telerik team
commented on 13 May 2025, 12:03 PM

Hello, Qiushen,

The CalendarCell and slot are the suggested approaches in order to highlight event dates, the only other option that I can think of is to inspect the element and change the background of the desired item. Can you please provide more information on the faced scenario? For example what is the criteria by which a certain date will be highlighted and after what action? Better understanding the scenario will enable me to advise further on a solution that is a better fit for your case.

Regards,
Filip

No answers yet. Maybe you can help?

Tags
Calendar
Asked by
n/a
Top achievements
Rank 1
Iron
Share this question
or