Datepicker css for disabled dates where to find it

Wappler General
1

How do I change the disabled dates css for boootstrap 5 datepicker. I want to change it from underline to maybe red text.

2

Try adding this to your CSS styles:

.weekend.off.disabled {
    color: red; /* Change 'red' to any color value you prefer */
}

That is for weekends. For custom disabled dates use:

.off.disabled {
    color: red; /* Change 'red' to any color value you prefer */
}
3

Actually forget that last post ...... if it doesn't work try this:

.daterangepicker td.off  {
        color: red;
        text-decoration: none;
}
4

The solution is

.daterangepicker td.off.disabled  {
        color: red;
        text-decoration: none;

Thanks for pointing me in the right direction. :grinning:

1 Like