Skip to main content
Nintex Community Menu Bar

Change colors of the datepicker

  • Dec 19, 2016 11:46 AM UTC
  • 2 replies
  • 232 views
  • Translate All

Forum|alt.badge.img+4

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?

2 replies

Forum|alt.badge.img+11
  • Scholar
  • Dec 19, 2016 5:53 PM UTC

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. 

Translate

Forum|alt.badge.img+7
  • Nintex Partner
  • Jan 4, 2017 9:03 AM UTC

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-weight: bold !important;
    background: #f00 !important;
}

197368_pastedImage_1.png

Translate