Setting the time interval in the calendar

Good afternoon.

Today we would like to tell you about our recent enhancements to the "Date" form element. This element is very commonly used when creating various online appointment and booking forms.

In the settings of this element you can set the time interval that will be displayed after selecting a date. Previously, you could set the time increments on the calendar to anywhere from 5 to 60 minutes. With this setting, users would first need to select the date, then the hour, and then the minutes:

Calendar time selection

Calendar time selection 2

The time step in the calendar is 5 minutes.

And it worked fine, but to the point where the time step needs to be set greater than 60 minutes. This is useful when there is a specific amount of time for a service and you can only book for that amount of time. For example, we have a 90 minute service and we need to set it so we can only record at 12:00, 1:30, 3:00 pm, etc.

It wasn't possible to set this up before, but now it works just fine. To do this, just set the desired time step in minutes in the "Calendar Time Step, Minutes" field of the "Date" form element, and everything will work:

calendar

With this, we select the desired hour and minutes right away:

In addition to this, there is another option in the Date item settings: "Don't show locked time on calendar:

Don't show locked time in calendar

If it is disabled, the time that is already locked and unavailable for recording is still displayed on the calendar, but is not available for selection:

Display locked time in calendar

If you enable this option, locked time will not be displayed at all:

Display only active time in calendar

That's all for today. Leave your comments in the form below.

Comments
Ready-made templates of web forms
Basic

Doctor's appointment

Make an online appointment with the required specialist Details
Gold

Mortgage Calculation

Template for mortgage calculation by annuity or differential payment Details
Basic

Shopping place rent

Answer the questions and get a price for a suitable rent Details
Gold

Evaluate the work of our carwash

Evaluate the work of our car wash, find out the evaluation of the car wash and customer wishes. Details

Order turnkey form development

No time to figure out all the settings yourself? No problem!
Order web form development from us