cancel
Showing results for 
Search instead for 
Did you mean: 
Workflow Hero

Change colors of the datepicker

Jump to solution

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?

Reply
2 Replies
Workflow Hero

Re: Change colors of the datepicker

Jump to solution

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. 

0 Kudos
Reply
Workflow Hero

Re: Change colors of the datepicker

Jump to solution

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;
}

Reply