CSS / HTML code for highlighting active/available dates within date field calendar dropdown

  • MaidCrew
    Asked on May 15, 2021 at 2:11 PM

    Hello...

    I am using the Date field on forms. When a user clicks on the date field, the calendar drops down allowing user to select a date. Currently, the active/available date are barely distinguishable from the inactive/unavailable dates (inactive dates are slightly less "grey).

    What sort of code would I need to insert into the CSS Advance Designer to bold type or change color of the active/available dates within the calendar drop-down?

    Thank you in Advance!

    Jotform Thread 3100407 Screenshot
  • Mike_G JotForm Support
    Replied on May 15, 2021 at 4:14 PM

    We will be glad to help you with your concern. Please allow me some time to work on a solution to your requirements. I'll get back to you on this ticket as soon as possible.

  • Mike_G JotForm Support
    Replied on May 15, 2021 at 5:32 PM

    Apologies for any delays. Please find the custom CSS codes below helpful in meeting your requirements.

    .days td:not(.unselectable) {
        font-weight: bold;
        color: #000000;
    }

    Reference Guide: How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know if you need any further assistance.