Combining Date and Time Fields for Complete Scheduling Forms

A scheduling form needs two things to be genuinely useful: a date and a time. On their own, each is only half a booking — “next Tuesday” without a time, or “2:30pm” without a day, still leaves you guessing. Combining a properly-restricted date field with a properly-restricted time field gives people a complete, valid slot to request. Here’s how to put the two together in Auto Form Builder.

Why you need both, restricted

It’s not enough to just drop a date and a time onto a form. An unrestricted pair invites invalid combinations — a date in the past, a time outside your hours, a slot with no notice. The key to a scheduling form that works is restricting each field so that whatever combination someone picks is one you can actually honor. Get that right and every request is valid by construction.

Set up the date field

Add a Date field and restrict it to sensible days:

• Set a first allowed date so past dates can’t be selected.
• Require a minimum number of days from today if you need lead time.

This ensures people can only request days you can accommodate. Our guide to future-only date selection covers the details, and the date picker guide covers the basics of adding one.

Set up the time field

Add a Time field alongside and restrict it to your operating hours:

• Set an earliest and latest time to match when you’re open.
• Set an interval (15, 30, or 60 minutes) so people pick clean, bookable slots.

Now the time side only offers real slots within your hours — our guide to business-hours forms walks through this. Together with the restricted date, people can only build a valid day-and-time combination.

Order and label them clearly

Place the date first, then the time, matching how people naturally think about scheduling (“what day, then what time”). Label them clearly — “Preferred date,” “Preferred time” — and add short help text if there’s anything people should know, like how much notice you need. Clear ordering and labeling make the form feel intuitive and reduce mistakes.

Adapt with conditional logic

If different services have different availability or durations, use conditional logic to shape the form around the choice — showing the relevant time options based on the service someone selects. Each person gets a scheduling flow that fits what they’re actually booking.

Confirm and manage requests

Set a confirmation email so people know their slot request came through, and an admin notification so you catch every one. Requests land in your submissions dashboard, where you can filter by date, search, and export — a clean, organized schedule of who wants what, and when. For a full walkthrough, see our guide to appointment scheduling forms.

A complete scheduling form

• Add a Date field restricted to valid future days.
• Add a Time field restricted to business hours, with clean intervals.
• Order date then time, and label both clearly.
• Use conditional logic for varying availability.
• Confirm requests and manage them from the dashboard.

Combine the two fields, each properly restricted, and you’ve got a scheduling form where every request is a valid, actionable slot — no impossible bookings, no back-and-forth. And it’s completely free.

Related reading: How to add a time picker to WordPress forms.

Ready to build a complete scheduling form? Install Auto Form Builder free from WordPress.org.