DatePicker Calendar change background color for Mondays.

[Masa]

Hi

Is there any way to change the background color of all Mondays of the calendar of a MVC datepicker?

[Georgi]

Hello Masa,

A possible solution is to create a custom template via the month.content configuration as in the below demo:

• https://demos.telerik.com/kendo-ui/datepicker/template

Below you will find a small sample which demonstrates the above approach:

• https://dojo.telerik.com/OnELUBAC

Regards,
Georgi
Progress Telerik

[Masa]

Thank you for your response. It works on the text level background.

I should have been more specific but looking for a way to do it by modifying the 'td' element's class, the parent class of the cell's text (span) element.

such as:

<td class="k-other-month yellow">

<a>30</a>

</td>

is the td's class element accessible?

[Georgi]

Hello Masa,

Currently the date picker does not have a configuration for setting a class to the cell element. However, you could style the template to cover the whole cell.

e.g.

.yellow {
    background-color: yellow;
    width: 100%;
    height: 100%;
}

.k-calendar-container [data-role="calendar"] .k-link,
.k-calendar-container [data-role="calendar"] td,
.k-calendar-container [data-role="calendar"] tr {
    margin: 0;
    padding: 0;
}

Below you will find a small sample which demonstrates the above approach:

• http://dojo.telerik.com/OcesiDoN

Regards,
Georgi
Progress Telerik