Time Picker Settings

Field titles help site visitors understand what the input element is used for. To keep your site accessible for all visitors, we recommend always having field titles for your input elements. 

Enter the text you want to display above the input element in the Field title field. 

Click the Select a time format drop-down and choose from the following formats:

Click to select the input option you want your time picker to use: 

Note: On mobile devices, the time picker uses the same standard time picker native to the mobile device's operating system. 

After choosing an input option for your time picker, select the relevant option under Show initial text: 

Yes. Drag the Time increments (minutes) slider to adjust the amount of time between time selections when using the Stepper or Dropdown input options.

Note: If you select Specific time under Show initial text, the time increment begins at that time. For example, if you set the specific time to 14:45, and the time increment to 30 minutes, the 1st time increment begins at 14:45 and the 2nd increment at 15:15, and so on. 

Click + Add Available Hours and enter a range of hours the visitor can select from. You can add multiple available hour slots. 

Click + Add Unavailable Hours to enter a time range that visitors cannot select from. You can also add multiple unavailable hour slots. 

Under Field type, click the checkbox to make this input element: