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

Sign up for a car service

Template of online time reservation for car service services Details
Free

Evaluation request form

Ideal for Appraisal Company Websites, Facility managers, Properties landlords, Arquitects . Details
Gold

Hotel booking

Take a reservation for a hotel, motel, or apartment using this template Details
Basic

Conference room rental

Get a selection of optimal offers for renting a conference room Details

Order turnkey form development

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