Skip to main content

I have no real CSS experiences.

How can I change the colors of the date picker? For example, the Today day in the calendar should be better highlighted.

Are their Custom CSS examples available?

Robert London

I'm not sure if this can be done in the native date picker. You will have to create a separate JQuery calendar UI within a custom form. Someone else may have a better approach.

You can default the date picker to today's date if that would help. 


Hi Robert,

If you only want to highlight Today day, you could add these custom CSS rules to your form :

.ui-datepicker-today  {
    background#f00 !important;
    border:  #fff !important;

.ui-datepicker-today  a {
    border:  #fff !important;
    color:  #fff !important;
    font-weightbold !important;
    background#f00 !important;
}

197368_pastedImage_1.png


Reply