Calendar accent/highlighting is backward


I am using the Form Datepicker and I’m finding it odd that the weekend dates are highlighted (dark blue) while the work week is muted (grey). This seems backward. Does anyone have any experience with reversing this?

Also, it would be handy to ‘highlight’ today’s date for convenience for the User. Any ideas on how that could be done? Thank you.


I found the CSS settings for the Datepicker. If you want the WEEKDAYS to be accented instead of the weekend, here’s how to reverse the out-of-the-box version:

.dhx_calendar-day { color: #0288d1; }
.dhx_calendar-day–selected { color: #fff; }
.dhx_calendar-day–muffled { color: rgba(0,0,0,.5); }
.dhx_calendar-day–weekend { color: rgba(0,0,0,.5); }

Still would like any ideas on how to highlight ‘today’s date’ in the calendar. The ‘selected’ has its own setting but I don’t see any way to isolate the current day.


Hello. Unfortunately there is no API for highlighting the days in the dhx.Calendar.