Unable to style selected date in kendo-datepicker

Question

I'm unable to change the background color of selected date in kendo-datepicker. This is how it looks, I want the entire blue box to be red.

This is how I'm selecting the element,

.k-calendar .k-state-selected {
background-color: red;
}

Any help would be appreciated, thank you.

Answer 1

demo this demo is a forked stackblitz of kendo-datepicker with k-state-selected class in styles.css

.k-state-selected {
  background: red !important;
  color:white !important
}