Skip to main content
Nintex Community Menu Bar

Change colors of the datepicker

  • December 19, 2016
  • 2 replies
  • 223 views

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
  • December 19, 2016

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. 


Forum|alt.badge.img+7
  • Nintex Partner
  • January 4, 2017

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