This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Various questions

#20586
Ernest MarcinkoErnest Marcinko
Keymaster

Hi Miguel,

You are welcome! These might be possible as well, at least to some extent. Try these additional custom CSS rules:

/* Align text center */
table.ui-datepicker-calendar a {
   text-align: center !important;
}

/* Today color and border */
.asp-ui td.ui-datepicker-today a {
   color: #f07f19 !important;
   border: 1px solid #f07f19 !important;
}

/* Current selected day background */
.asp-ui td.ui-datepicker-current-day a {
   background: #f07f19 !important;
}

/* Hovering over a date */
.asp-ui td a.ui-state-default:hover {
   background: #f07f19 !important;
   color: white !important;    
}

/* Line below the header */
.asp-ui table.ui-datepicker-calendar thead tr {
    border-bottom: 1px solid #e8e8e8;
}

This should result in something like this: https://i.imgur.com/hDdoNI2.png