Change 'next month selectable date' colour

Hello,

I have a calendar at checkout and I would like to change the colour of the next month’s selectable date to black, it’s currently a darker shade of grey than the inactive non-selectable dates.

Customers think, in the current month the next month dates are non-selectable but they are unless they switch month at the top.

I can’t seem to find the target to change the colour of the darker grey colour of the next month’s selectable date. I would like it in the picture I posted below.

My website: https://www.onyxhive.com.au

@onyx_au - add this css to the very end of your css file and check

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #000000 !important;
}
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #000000 !important;
}

1 Like

@suyash1

YOU’RE A LEGEND! THANK YOU!

I was inspecting the code and couldn’t figure it out! I wouldn’t have coded what you have coded.

THANKS!