DayPick: Date Fields for Contact Form 7
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 fro
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)