How to disable certain date from my calendar?

Hi support,

How may I make certain dates not available in my reservation widget?

Thanks,

Mia

We are sorry that it is not possible to disable dates from the Date reservation widget. This is possible from the date picker field in the basic form elements.

However, the selected dates cannot be disabled using this field.

Thanks!

Hi Kiran,

I am now using the date picker widget but cannot see the options you have above to disable date ranges. Where may I find these?

Sorry for the confusion. I mean to say that the Date Picker field from the Basic Field elements. 

Please give it a try and let us know if you need any further assistance. We will be happy to help. 

Hi Kiran,

Ok I tried the appointment field.

How may I change the blue color of the boxes please?

Also, there is a weird space between the times and the timezone. Is it possible to reduce it or to remove the timezone completely?

Please try adding the following CSS code to your form to reduce the space between the slots and time zone.

.appointmentSlots {

    min-height: initial !important;

}

And the following code should help in changing the color. You may choose a different color as per your requirement. 

.appointmentCalendar .calendarDay.isActive .calendarDayEach {

    background-color: #111a3a;

    color: #fff;

    border: 1px solid #97adfd;

}

Hope this information helps!

Thanks!

The question related to changing color for the appointment field is moved to a separate ticket and shall be addressed there shortly.

https://www.jotform.com/answers/2379045

Thanks!