Calendar/Date Pickers component is unaffected by the theme accent color.

[Petri]

When changing the accent color of a theme the color of the date picker does not change.

https://demos.telerik.com/kendo-ui/themebuilder/

How does one change the color of the Date Picker?

 

I've tried setting the colors manually through css with the attached code but some lines stay red.

 

.k-calendar .k-header{
    background-color: #448dcb !important;
}

.k-state-focused {
    border-color: #448dcb !important;
}

.k-state-active {
    background-color: #448dcb !important;
    border-color: #448dcb !important;
}

.k-calendar .k-input .k-picker-wrap .k-state-focused {
    border-color: #448dcb !important;
}

[Preslav]

Hello Petri,

This is a bug with the Less ThemeBuilder, and I logged it here:

• https://github.com/telerik/kendo-ui-core/issues/4885

To set the colors manually, use CSS similar to:

<style>
  .k-calendar td.k-state-selected .k-link {
    background-color: #ee3a43;
    border-color: #E80033;
  }
</style>

Regards,
Preslav
Progress Telerik