=== Advanced Date Time Field For Contact Form 7, Gravity Forms, WPForms, Elementor & Fluent Forms === Author: Pluginscafe Contributors: kaisarahmmed, pluginscafe Tags: datetime, date picker, time picker, contact form 7, gravity forms Requires at least: 6.2 Tested up to: 7.1 Requires PHP: 7.4 Stable tag: 1.0.2 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html A beautiful, lightweight date & time picker field for Contact Form 7, Gravity Forms, WPForms, Elementor Pro Forms and Fluent Forms. == Description == Stop losing bookings because your forms ask people to type dates by hand. **Advanced Date Time Field** adds a gorgeous, touch-friendly calendar and time picker to the form builder you already use — no rebuilds, no shortcodes to memorize, no bloat. Powered by [Flatpickr](https://flatpickr.js.org/), one of the fastest and lightest date picker libraries in the world, the field pops open a smooth calendar your visitors can tap through instantly on any device. Whether you need a simple date, a precise time, or both side by side in a single field, it takes about thirty seconds to set up. **Works inside the form builder you already use** * Contact Form 7 * Gravity Forms * WPForms * Elementor Pro Form widget * Fluent Forms Only enable the integrations you need — each one is a one-click toggle on the plugin dashboard. **Perfect for appointments, bookings, events and deliveries** * Let customers pick a date and time in one field * Block past dates so nobody books yesterday * Close your shop on Sundays — disable any weekday you like * Start the week on the day your audience expects * Show dates in the format your locale reads naturally = Features = * **Five form builder integrations** — Contact Form 7, Gravity Forms, WPForms, Elementor Pro Forms and Fluent Forms, each individually toggleable * **Three picker modes** — Date only, Time only, or Date & Time combined in one field * **Date formats** — d-m-Y, m-d-Y and Y-m-d * **12-hour or 24-hour time** — match your audience's habit * **Minimum date option** — restrict the picker to today onward, ideal for bookings * **Disable any weekday** — keep Sundays (or any day) off the calendar entirely * **Custom start of week** — begin the calendar on Monday, Sunday, or whatever suits you * **Blazing fast & lightweight** — built on Flatpickr, no heavyweight frameworks, no slowdown * **Mobile friendly** — smooth, responsive picker that feels native on touch screens * **Clean, modern dashboard** — manage every integration from one screen * **Required-field validation** — works with each builder's native required rules * **Plays well with your stack** — submitted values flow into notifications, entries and integrations like any other field * **Translation ready** — every string is wrapped for easy localization = Field options at a glance = Every Advanced Date Time field gives you: 1. **Field Type** — Date / Time / Date & Time 2. **Date Format** — d-m-Y, m-d-Y or Y-m-d 3. **Min Date** — None or Today 4. **Disable Weekday** — none, or any day of the week 5. **Start Weekday** — none, or any day of the week 6. **Time Format** — 12 or 24 hour == Installation == 1. Upload the `advanced-date-time-field` folder to the `/wp-content/plugins/` directory, or install it via the Plugins screen in WordPress. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Go to **Date Time Field → Integrations** and enable the form builders you use. 4. Add the **Advanced Date Time** field to your form from your form builder's editor and configure its options. == Frequently Asked Questions == = Which form builder plugins are supported? = Contact Form 7, Gravity Forms, WPForms, the Elementor Pro Form widget, and Fluent Forms. The Elementor integration requires Elementor Pro, since the Form widget is a Pro feature. = How do I enable the field for my form builder? = 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. = How do I add the field in Contact Form 7? = 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. = Can I stop visitors from selecting past dates? = Yes. Set **Min Date** to *Today* and the calendar will only allow today and future dates. = Can I disable a specific weekday, like Sundays? = 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. = How do I change the date format or switch between 12-hour and 24-hour time? = 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. = Will the submitted value appear in emails and entries? = 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, and Fluent Forms entries and notifications. = Does the field support required validation? = Yes. Toggle the field as required in your form builder and its native validation will enforce it, with the picker attached. = The field is not showing in my form editor. What should I check? = 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, and in Fluent Forms under Basic Fields. = Is the plugin lightweight? = 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. = Is it compatible with page caching and optimization plugins? = Yes. The plugin renders plain markup and enqueues standard static assets, so it works fine with the popular caching and minification plugins. == Changelog == = 1.0.2 = * Added Elementor Pro Form integration — new Advanced Date Time field for the Elementor Form widget with full picker options * Added Fluent Forms integration — registered through Fluent Forms' official custom field API with required validation and conditional logic support * Fixed the Elementor Forms integration loading reliably regardless of plugin activation order * Fixed the Elementor Forms field not rendering in the editor canvas preview * Minor bug fix = 1.0.1 = * Added WPForms and Contact Form 7 * Added more options * Added dashboard = 1.0.0 = * Added a Date Time field for Gravity form * Added an option to add custom date time format