kendo calendar selected date

1 Answer 42 Views
Calendar
Hyginus
Top achievements
Rank 1
Hyginus asked on 20 Oct 2022, 11:07 AM
How to change color of selected date on kendo calendar

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 20 Oct 2022, 02:40 PM | edited on 20 Oct 2022, 02:40 PM

Hi Hyginus,

You can use the following CSS to adjust the background color and color of the selected date:

 

    <style>
      .k-calendar .k-calendar-td.k-selected .k-link,
      .k-calendar .k-calendar-td.k-selected .k-link:hover{
        background-color: green;
        color: orange;
      }
    </style>

 

Dojo demo: https://dojo.telerik.com/UtaXOCaZ

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Calendar
Asked by
Hyginus
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or