Advanced Date & Time Picker for Contact Form 7, Gravity Forms, WPForms, Elementor, Fluent Forms, Formidable & Ninja Forms

Contact Form 7, Gravity Forms, WPForms, the Elementor Pro Form widget, Fluent Forms, Formidable Forms, and Ninja Forms. The Elementor integration requires Elementor Pro, since the Form widget is a Pro feature.

Go to Date Time Field → Integrations in your WordPress dashboard and switch on the card for your form builder. The change saves automatically. Then reload your form builder's editor — the new Advanced Date Time field type will be available.

Open your form, and in the tag generator panel click Advanced Date Time. Configure the options, insert the tag into your form template, and use the generated mail tag (such as [your-date-time]) in your Mail tab to include the value in notifications.

Yes — that is what it is built for. Combine the Min Date (block the past), Max Date (cap the booking window) and Disable Weekday (close Sundays or any day off) options to create a booking-ready date and time field for appointments, reservations, events and deliveries.

Yes. Set Min Date to Today and the calendar will only allow today and future dates.

Yes. Set Max Date to Today or a specific date and the calendar will not allow anything beyond it.

Yes. Use the Disable Weekday option and pick the day. That weekday becomes unselectable in the calendar — perfect for shops that don't take bookings on certain days.

Both are per-field options. Date Format offers d-m-Y, m-d-Y and Y-m-d, and Time Format switches between 12-hour (with AM/PM) and 24-hour time.

Yes. The field behaves like a native field in each builder — values appear in Contact Form 7 mail tags, Gravity Forms and WPForms entries, Elementor form emails and submissions, Fluent Forms entries and notifications, Formidable Forms entries, and Ninja Forms submissions and notifications.

Yes. Toggle the field as required in your form builder and its native validation will enforce it, with the picker attached.

In the free version the Min Date and Max Date options apply to the date picker itself, so visitors cannot select a blocked day. Server-side validation of submitted values is part of the Pro version.

1. Confirm the integration is enabled on Date Time Field → Integrations.
2. Reload the form editor page so the new field type is picked up.
3. For Elementor, verify Elementor Pro is installed and activated.
4. Make sure you are looking under the correct field section — in Gravity Forms it appears as Advanced Date Time under Standard Fields, in Fluent Forms under Basic Fields, and in Ninja Forms under Common Fields.

Very. The picker is powered by Flatpickr, a tiny standalone library with no dependencies on heavy frameworks. Scripts are only loaded where the field is used.

Yes. The plugin renders plain markup and enqueues standard static assets, so it works fine with the popular caching and minification plugins.