How can I style my date picker with a few nice colors?

I want to change the style of my date picker widget, for instance the blue color once a date is selected.

Thanks

You can use custom CSS to edit your date picker field .

Here is a sample CSS code

.today{
background-color:red!important;
}

+

Please give it a try and let us know how it goes.

Thanks Richie - what I'm hoping to do is change the color of the selected date, not today's date.

Can you help me with that?

I'm not sure I understood your requirements correctly.

The widget only selects/highlights the current date.

To clarify, do you want to change the date color when hovered over?

Looking forward for your response.

Hi Richie,

I switched to the appointment widget and I'd like to change to blue color for a lighter one: #a6cdcd

How may I do this?

Also there is a large space between the times and the timezone. Can I remove it or remove altogether the timezone info?

Thanks

Please add this custom CSS code: 

.appointmentSlot {

    border: 1px solid #a6cdcd;

    color: #a6cdcd;

}

To add it to your form, please check this guide: https://www.jotform.com/help/108-Adding-Custom-CSS-in-JotForm

Result:

Great thank you!

One last thing, how to change the color of the selected date/time?

Could you please inject the following code:

.appointmentFieldRow.forSelectedDate {
background-color: red!important;
}
.appointmentSlot.active {
background-color: red!important;
}

Let us know how it goes.

Thanks.