DayPick: Date Fields for Contact Form 7

DayPick: Date Fields for Contact Form 7

Details
View on WordPress

DayPick adds a [daypick] form-tag to Contact Form 7: a fast, mobile-friendly date and time picker built on the flatpickr library.

Everything is free. No pro version, no license keys, no per-domain restrictions, no paid translations. 50+ languages ship with the plugin and are picked automatically from your site language.

Why DayPick?

  • Local display, ISO storage – the visitor sees the date in their own format (e.g. 15.07.2026), but the form always submits a clean ISO value (2026-07-15). No more AM/PM confusion or broken database exports.
  • Server-side validation – min/max dates, disabled days and hour ranges are enforced on the server too, not just in the browser.
  • Automatic language – the picker follows your WordPress site language out of the box. All 50+ flatpickr locales are bundled.
  • Visual tag generator – add a field from the Contact Form 7 editor without writing any code.
  • Loads only when needed – assets are enqueued only on pages that actually render a DayPick field, with defer strategy.
  • Theme-safe styling – isolated popup CSS prevents theme conflicts.

Usage

Add a tag to your form, either with the DayPick button in the form editor or manually:

[daypick* appointment mode:datetime min:today max:+90d hours:09:00-18:00 step:30 disable:weekends firstday:1]

Available options:

  • mode:date / mode:time / mode:datetime – picker type (default: date)
  • min:today, min:2026-07-01, min:+7d – earliest selectable date
  • max:+90d, max:2026-09-30 – latest selectable date
  • hours:09:00-18:00 – allowed time range
  • step:30 – minute increment
  • disable:weekends, disable:2026-07-15,2026-07-16 – disabled days (can be combined)
  • firstday:1 – first day of week (0 = Sunday, 1 = Monday; default: site setting)
  • format:d.m.Y – display format (PHP date tokens; use _ for a space, e.g. format:d.m.Y_H:i)
  • "Select a date" placeholder – show the quoted text as the field placeholder; without placeholder the same text becomes a pre-filled default value

The submitted value is always ISO: Y-m-d, H:i or Y-m-d H:i depending on the mode. Use the regular mail-tag (e.g. [appointment]) in your email template.

Credits

DayPick bundles the flatpickr library (v4.6.13), released under the MIT license, which is GPL-compatible. The non-minified source code is available in the flatpickr GitHub repository.

Details

Plugin code:
daypick-for-contact-form-7
Plugin version:
1.0.1
Author:
Outdated:
No
WP version:
6.0 or higher
PHP version:
7.4 or higher
Test up to WP version:
7.0
Total installations:
0
Last updated:
2026-06-19
Rating:
Times rated:
0
booking
contact-form-7
date-picker
datetime
time-picker