Title: Advanced Date Time Field For Contact Form 7, Gravity Forms, WPForms, Elementor &amp; Fluent Forms
Author: PluginsCafe
Published: <strong>26 januari 2025</strong>
Last modified: 29 augustus 2026

---

Plugins zoeken

![](https://ps.w.org/advanced-date-time-field/assets/icon-256x256.png?rev=3384622)

# Advanced Date Time Field For Contact Form 7, Gravity Forms, WPForms, Elementor & Fluent Forms

 Door [PluginsCafe](https://profiles.wordpress.org/pluginscafe/)

[Download](https://downloads.wordpress.org/plugin/advanced-date-time-field.1.0.2.zip)

[Live voorbeeld](https://nl.wordpress.org/plugins/advanced-date-time-field/?preview=1)

 * [Details](https://nl.wordpress.org/plugins/advanced-date-time-field/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/advanced-date-time-field/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/advanced-date-time-field/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/advanced-date-time-field/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/advanced-date-time-field/)

## Beschrijving

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

## Installatie

 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.

## FAQ

### 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.

## Beoordelingen

![](https://secure.gravatar.com/avatar/8751500f120a691f14b657784409cca5e1904b5b07871d1522eeebc53010df5b?
s=60&d=retro&r=g)

### 󠀁[Perfect Plugin for Adding Advanced Date & Time Fields!](https://wordpress.org/support/topic/perfect-plugin-for-adding-advanced-date-time-fields/)󠁿

 [Shahrukh Ahammed](https://profiles.wordpress.org/saabhi/) 26 oktober 2025

It works perfectly. thank you!

 [ Lees 1 beoordeling ](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/)

## Bijdragers & ontwikkelaars

“Advanced Date Time Field For Contact Form 7, Gravity Forms, WPForms, Elementor &
Fluent Forms” is open source software. De volgende personen hebben bijgedragen aan
deze plugin.

Bijdragers

 *   [ PluginsCafe ](https://profiles.wordpress.org/pluginscafe/)
 *   [ Kaisar Ahmmed ](https://profiles.wordpress.org/kaisarahmmed/)

[Vertaal “Advanced Date Time Field For Contact Form 7, Gravity Forms, WPForms, Elementor & Fluent Forms” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/advanced-date-time-field)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/advanced-date-time-field/),
haal de [SVN repository](https://plugins.svn.wordpress.org/advanced-date-time-field/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/advanced-date-time-field/)
via [RSS](https://plugins.trac.wordpress.org/log/advanced-date-time-field/?limit=100&mode=stop_on_copy&format=rss).

## 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

## Meta

 *  Versie **1.0.2**
 *  Laatst geüpdatet **2 maanden geleden**
 *  Actieve installaties **80+**
 *  WordPress versie ** 6.2 of nieuwer **
 *  Getest t/m **7.1.3**
 *  PHP versie ** 7.4 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/advanced-date-time-field/)
 * Tags
 * [contact form 7](https://nl.wordpress.org/plugins/tags/contact-form-7/)[Date Picker](https://nl.wordpress.org/plugins/tags/date-picker/)
   [datetime](https://nl.wordpress.org/plugins/tags/datetime/)[gravity forms](https://nl.wordpress.org/plugins/tags/gravity-forms/)
   [Time Picker](https://nl.wordpress.org/plugins/tags/time-picker/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/advanced-date-time-field/advanced/)

## Waarderingen

 5 van 5 sterren.

 *  [  1 5 ster beoordeling     ](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/?filter=5)
 *  [  0 4 sterren beoordelingen     ](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/?filter=4)
 *  [  0 3 sterren beoordelingen     ](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/?filter=3)
 *  [  0 2 sterren beoordelingen     ](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/?filter=2)
 *  [  0 1 sterren beoordelingen     ](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/?filter=1)

[Je beoordeling](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/advanced-date-time-field/reviews/)

## Bijdragers

 *   [ PluginsCafe ](https://profiles.wordpress.org/pluginscafe/)
 *   [ Kaisar Ahmmed ](https://profiles.wordpress.org/kaisarahmmed/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/advanced-date-time-field/)