Appointment forms break when visitors can pick any time — including 2:00 AM on a Sunday or a slot your team does not actually offer. You need a time picker that only shows valid options: your business hours, at the intervals you schedule, in the format your visitors expect. Auto Form Builder includes a Time field with a custom dropdown picker that respects earliest time, latest time, and time interval settings. Pair it with a Date field to block weekends and past dates, and you have a complete scheduling form — no custom code, no calendar plugin, and no paid add-on required. Last updated: Last update 11 August Open-ended time fields invite bookings you cannot honor. Restricting time selection solves practical scheduling problems: Auto Form Builder handles this with field settings in the drag-and-drop form builder — not with JavaScript snippets or third-party scheduling tools. The Time field renders as a custom dropdown time picker — not a native browser time input. Visitors click the field to open a scrollable list of available times. The selected value is stored in a hidden input and submitted with the form. Key behaviors: This consistent UI works the same across browsers, themes, and embedded forms — unlike native time inputs, which vary by device and operating system. Open any Time field in the form builder to configure restrictions under Time Field Options: Set Earliest Time Allowed to the start of your business day — for example, 09:00 for a 9 AM opening. Visitors cannot select any time before this value. Leave empty for no lower limit (defaults to the start of the day in the picker). Set Latest Time Allowed to the end of your bookable window — for example, 17:00 for a 5 PM closing. Visitors cannot select any time after this value. Leave empty for no upper limit. Choose how precisely visitors can pick times from the Time Intervals dropdown: For most appointment and consultation forms, 15-minute or 30-minute intervals strike the right balance between flexibility and manageable scheduling. Choose between: Values are always stored in 24-hour Optionally pre-select a time when the form loads: For appointment booking, leave this blank so visitors actively choose a slot. Go to Auto Form Builder → All Forms, then create a new form or open an existing one. Drag a Date field onto the canvas for the appointment date. Label it clearly — for example, Preferred Date or Appointment Date. Configure date restrictions under Date Field Options: Drag a Time field below the date field. Label it Preferred Time or Appointment Time. Under Time Field Options: On the Date field settings, set Field Width to Half Width. Do the same on the Time field. Both fields appear on one row — a familiar date/time layout for scheduling forms. Enable Required Field on both the Date and Time fields so submissions always include a complete appointment slot. Save the form and use the preview to confirm the time dropdown only shows slots within your business hours at the chosen interval. Submit a test entry and verify the date and time appear correctly in your submissions inbox. Date and Time fields work independently but complement each other on scheduling forms: Date restrictions are validated on both the frontend and the server — including weekend blocking and past-date rejection. Time restrictions are enforced by the custom dropdown picker, which only generates selectable options within your min, max, and interval settings. Combine time restrictions with Auto Form Builder’s free conditional logic for more advanced scheduling flows: Conditional logic evaluates in real time as visitors change the date or time, keeping the form relevant without adding extra steps. Time values are validated on the server to ensure they match a valid Date values receive additional server-side checks for past dates, future date limits, weekend restrictions, and min/max date ranges. Required date and time fields block submission when left empty, with standard form validation messaging. Stored times appear in your submissions inbox, email notifications, and exports in 24-hour format regardless of the display format shown to visitors. Scheduling forms embedded on non-WordPress sites — including Elementor, WP Bakery, Brizy pages, or any external website — use the same custom time picker with min, max, and interval restrictions. Date blocking rules apply identically whether the form is placed via shortcode or embed code. Business hours time selection with custom dropdown picker, interval control, and date pairing is included in the free plugin — the same plugin that gives you conditional logic, submission management, form styling, and spam protection at no cost. Install it from the official WordPress.org directory: https://wordpress.org/plugins/auto-form-builder/ Last updated: Last update 11 August Auto Form Builder lets you create multi-step forms, calculators, and lead capture forms in WordPress, then embed them on any site with a single line of code. Add a Time field in Auto Form Builder and set Earliest Time Allowed and Latest Time Allowed under Time Field Options — for example, 09:00 and 17:00. The dropdown picker only shows times within that range. Yes. Set Time Intervals to Every 15 minutes or Every 30 minutes. The dropdown generates only slots at that interval within your earliest and latest time settings. No. The Time field uses a custom dropdown picker that enforces your interval, min, and max settings consistently across all browsers and devices. Yes. Set Time Format to 12-hour clock with AM/PM under Time Field Options. Values are stored in 24-hour format and displayed in 12-hour format in the picker. Add a Date field with Block Past Dates and No Weekend Selection enabled, then add a Time field with your business hours and interval settings. Set both fields to Half Width to display them side by side. Yes. The Time field includes a clear button (Ă—) that removes the selected time and resets the field to the Select time… placeholder. Yes. Enable No Weekend Selection on the Date field to prevent Saturday and Sunday selections. Combine with Block Past Dates to ensure only future weekday appointments. Yes. Time field restrictions, the custom dropdown picker, and date field scheduling options are included in the free Auto Form Builder plugin on WordPress.org.Creating Business Hours Forms: Restricting Time Selection
Why Restrict Time Selection on WordPress Forms?
How the Time Field Works
Time Field Settings for Business Hours
Earliest Time Allowed
Latest Time Allowed
Time Intervals
Time Format
HH:MM format internally; the display format is what visitors see in the picker.Starting Time Selection
How to Build a Business Hours Scheduling Form
Step 1: Open the Form Builder
Step 2: Add a Date Field
Step 3: Add a Time Field
Step 4: Set Field Width for Side-by-Side Layout (Optional)
Step 5: Mark Fields as Required
Step 6: Save, Preview, and Publish
Combining Date and Time Restrictions
Restriction
Field
Setting
Block past dates
Date
Block Past Dates
Block weekends
Date
No Weekend Selection
Booking window start/end
Date
First Allowed Date / Last Allowed Date
Business hours start
Time
Earliest Time Allowed
Business hours end
Time
Latest Time Allowed
Appointment slot size
Time
Time Intervals
Practical Business Hours Examples
Standard Office Hours (9 AM – 5 PM, 30-Minute Slots)
Restaurant Reservation (11 AM – 9 PM, Hourly)
Medical Clinic (8 AM – 4 PM, 15-Minute Appointments)
Lunch-Only Delivery Window (11:30 AM – 1:30 PM)
Add Conditional Logic for Smarter Scheduling
Validation and Submission Handling
HH:MM format before storage. Because the custom picker only offers pre-generated slot options, visitors cannot submit arbitrary times outside your configured range through the normal UI.Business Hours Forms on Embedded Sites
Download Auto Form Builder — Free Time Restrictions
Build forms that embed anywhere — free
Frequently Asked Questions
How do I restrict time selection to business hours on a WordPress form?
Can I offer 15- or 30-minute appointment slots?
Does Auto Form Builder use a native browser time input?
Can I display times in 12-hour AM/PM format?
How do I combine date and time fields for appointment booking?
Can visitors clear their time selection?
Can I block weekends on the date field for scheduling forms?
Are time restrictions free in Auto Form Builder?
Table of Contents
Table of Contents
Learn how to bulk delete form submissions in WordPress. Remove multiple entries at once to clean up spam, test data, and old submissions efficiently.
Master WordPress form submission management. Learn to view, filter, search, star, export, and organize form entries like a pro with this complete guide.
Learn how to search and find form submissions in WordPress. Filter by date, form, status, and search across all submission data.
Comparing Auto Form Builder and Contact Form 7 for WordPress. See which form plugin offers better ease of use, features, and value for your website.
Learn how to view, organize, search, filter, and export your WordPress form submissions. Complete guide to submission management.
Learn why storing form data on your own server helps with GDPR compliance. Choose form plugins that keep your user data local and under your control.
Learn how to filter WordPress form submissions by date. Find entries from specific time periods quickly using date range filters.
Learn how to bulk edit, delete, and manage form submissions in WordPress. Save time with mass actions on multiple entries at once.
Learn how to restrict date fields to future dates only for event registration forms. Block past dates and set booking windows in WordPress.
Learn how to create quantity fields in WordPress forms. Collect numbers for guests, items, tickets, and more with proper validation and limits.
Learn how to star and flag important form submissions in WordPress. Prioritize leads, mark urgent requests, and organize your form entries effectively.
Learn how to set up email notifications for your WordPress forms so you never miss a submission. Step-by-step guide with Auto Form Builder.
