Calendar field - CSS disabled dates background coloring

Forms Public Forms
1

We have a calendar field that we added the CSS below to make the date fields more visible. The problem is that the CSS changes the backgrounds for disabled and enabled dates with the same background color (blue).

Is it possible to have a CSS that would make the background color for the disabled fields a totally different color? i.e. enabled dates would have a background color of blue while disabled dates would have a background color of light yellow.

This is the CSS that I'm currently using:

.k-calendar .k-content .k-link {
    
    background-color: #35C2DE;
    /* color: white; */
    font-weight: bold;
}
2

CalendarCss

3

Dear @adasilva,
Sure, you can use CSS like this:

.k-calendar .k-content .k-state-disabled .k-link {
    background-color: yellow;
    color: white;
}

image

1 Like