{"id":328614,"date":"2026-06-19T07:27:48","date_gmt":"2026-06-19T07:27:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/daypick-date-time-picker-for-contact-form-7\/"},"modified":"2026-06-19T07:42:47","modified_gmt":"2026-06-19T07:42:47","slug":"daypick-for-contact-form-7","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/daypick-for-contact-form-7\/","author":20007282,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"DayPick: Date Fields for Contact Form 7","header_author":"Wolinka","header_description":"Modern, mobile-first date & time picker for Contact Form 7. All features free, all translations free.","assets_banners_color":"eef0f6","last_updated":"2026-06-19 07:42:47","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/wolinka\/daypick-for-contact-form-7","header_author_uri":"https:\/\/github.com\/wolinka","rating":0,"author_block_rating":0,"active_installs":0,"downloads":37,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"wolinka","date":"2026-06-19 07:27:15"},"1.0.1":{"tag":"1.0.1","author":"wolinka","date":"2026-06-19 07:42:47"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3579010,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3579010,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3579010,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3579010,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3579010,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3579010,"resolution":"1","location":"assets","locale":"","width":956,"height":882},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3579010,"resolution":"2","location":"assets","locale":"","width":956,"height":978},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3579010,"resolution":"3","location":"assets","locale":"","width":1492,"height":1492}},"screenshots":{"1":"Date picker on the front end.","2":"Date &amp; time picker with a restricted hour range.","3":"Tag generator panel in the Contact Form 7 editor."}},"plugin_section":[],"plugin_tags":[269,1152,156285,13043,156286],"plugin_category":[40],"plugin_contributors":[267837],"plugin_business_model":[],"class_list":["post-328614","plugin","type-plugin","status-publish","hentry","plugin_tags-booking","plugin_tags-contact-form-7","plugin_tags-date-picker","plugin_tags-datetime","plugin_tags-time-picker","plugin_category-calendar-and-events","plugin_contributors-wolinka","plugin_committers-wolinka"],"banners":{"banner":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/banner-772x250.png?rev=3579010","banner_2x":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/banner-1544x500.png?rev=3579010","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/icon.svg?rev=3579010","icon":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/icon.svg?rev=3579010","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/screenshot-1.png?rev=3579010","caption":"Date picker on the front end."},{"src":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/screenshot-2.png?rev=3579010","caption":"Date &amp; time picker with a restricted hour range."},{"src":"https:\/\/ps.w.org\/daypick-for-contact-form-7\/assets\/screenshot-3.png?rev=3579010","caption":"Tag generator panel in the Contact Form 7 editor."}],"raw_content":"<!--section=description-->\n<p>DayPick adds a <code>[daypick]<\/code> form-tag to Contact Form 7: a fast, mobile-friendly date and time picker built on the flatpickr library.<\/p>\n\n<p><strong>Everything is free.<\/strong> 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.<\/p>\n\n<h4>Why DayPick?<\/h4>\n\n<ul>\n<li><strong>Local display, ISO storage<\/strong> \u2013 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.<\/li>\n<li><strong>Server-side validation<\/strong> \u2013 min\/max dates, disabled days and hour ranges are enforced on the server too, not just in the browser.<\/li>\n<li><strong>Automatic language<\/strong> \u2013 the picker follows your WordPress site language out of the box. All 50+ flatpickr locales are bundled.<\/li>\n<li><strong>Visual tag generator<\/strong> \u2013 add a field from the Contact Form 7 editor without writing any code.<\/li>\n<li><strong>Loads only when needed<\/strong> \u2013 assets are enqueued only on pages that actually render a DayPick field, with <code>defer<\/code> strategy.<\/li>\n<li><strong>Theme-safe styling<\/strong> \u2013 isolated popup CSS prevents theme conflicts.<\/li>\n<\/ul>\n\n<h4>Usage<\/h4>\n\n<p>Add a tag to your form, either with the <strong>DayPick<\/strong> button in the form editor or manually:<\/p>\n\n<pre><code>[daypick* appointment mode:datetime min:today max:+90d hours:09:00-18:00 step:30 disable:weekends firstday:1]\n<\/code><\/pre>\n\n<p>Available options:<\/p>\n\n<ul>\n<li><code>mode:date<\/code> \/ <code>mode:time<\/code> \/ <code>mode:datetime<\/code> \u2013 picker type (default: date)<\/li>\n<li><code>min:today<\/code>, <code>min:2026-07-01<\/code>, <code>min:+7d<\/code> \u2013 earliest selectable date<\/li>\n<li><code>max:+90d<\/code>, <code>max:2026-09-30<\/code> \u2013 latest selectable date<\/li>\n<li><code>hours:09:00-18:00<\/code> \u2013 allowed time range<\/li>\n<li><code>step:30<\/code> \u2013 minute increment<\/li>\n<li><code>disable:weekends<\/code>, <code>disable:2026-07-15,2026-07-16<\/code> \u2013 disabled days (can be combined)<\/li>\n<li><code>firstday:1<\/code> \u2013 first day of week (0 = Sunday, 1 = Monday; default: site setting)<\/li>\n<li><code>format:d.m.Y<\/code> \u2013 display format (PHP date tokens; use <code>_<\/code> for a space, e.g. <code>format:d.m.Y_H:i<\/code>)<\/li>\n<li><code>\"Select a date\" placeholder<\/code> \u2013 show the quoted text as the field placeholder; without <code>placeholder<\/code> the same text becomes a pre-filled default value<\/li>\n<\/ul>\n\n<p>The submitted value is always ISO: <code>Y-m-d<\/code>, <code>H:i<\/code> or <code>Y-m-d H:i<\/code> depending on the mode. Use the regular mail-tag (e.g. <code>[appointment]<\/code>) in your email template.<\/p>\n\n<h4>Credits<\/h4>\n\n<p>DayPick bundles the <a href=\"https:\/\/flatpickr.js.org\/\">flatpickr<\/a> library (v4.6.13), released under the MIT license, which is GPL-compatible. The non-minified source code is available in the <a href=\"https:\/\/github.com\/flatpickr\/flatpickr\/tree\/v4.6.13\">flatpickr GitHub repository<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate Contact Form 7.<\/li>\n<li>Go to Plugins \u2192 Add New, search for \"DayPick\", install and activate.<\/li>\n<li>Edit a form and use the <strong>date\/time picker (DayPick)<\/strong> button, or add a <code>[daypick your-field]<\/code> tag manually.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20a%20license%20key%20or%20a%20pro%20version%3F\"><h3>Do I need a license key or a pro version?<\/h3><\/dt>\n<dd><p>No. Everything \u2013 all features, all translations \u2013 is free.<\/p><\/dd>\n<dt id=\"which%20languages%20are%20supported%3F\"><h3>Which languages are supported?<\/h3><\/dt>\n<dd><p>All 50+ locales bundled with flatpickr (Turkish, German, French, Spanish, Arabic, Japanese and many more). The picker automatically follows your site language. You can override it with the <code>daypick_locale<\/code> filter.<\/p><\/dd>\n<dt id=\"what%20value%20is%20sent%20in%20the%20email%3F\"><h3>What value is sent in the email?<\/h3><\/dt>\n<dd><p>By default the ISO value (e.g. <code>2026-07-15 14:30<\/code>). If you set a display format on the tag (e.g. <code>format:d.m.Y_H:i<\/code>), the email uses that same format (e.g. <code>15.07.2026 14:30<\/code>), localized to your site language and timezone. Stored\/exported data (database, CFDB7) always stays ISO for consistency.<\/p><\/dd>\n<dt id=\"can%20visitors%20bypass%20the%20date%20restrictions%3F\"><h3>Can visitors bypass the date restrictions?<\/h3><\/dt>\n<dd><p>No. min\/max, disabled days, hour range and minute step are validated on the server during submission, not only in the browser.<\/p><\/dd>\n<dt id=\"does%20it%20work%20on%20mobile%3F\"><h3>Does it work on mobile?<\/h3><\/dt>\n<dd><p>Yes. DayPick renders the same picker on mobile devices so that your rules (disabled days, hour ranges) keep working everywhere.<\/p><\/dd>\n<dt id=\"can%20i%20add%20placeholder%20text%3F\"><h3>Can I add placeholder text?<\/h3><\/dt>\n<dd><p>Yes. In the tag generator, fill in <strong>Default value<\/strong> and tick <em>Use this text as the placeholder of the field<\/em>, or add it manually: <code>[daypick your-field \"Select a date\" placeholder]<\/code>. The placeholder is shown on the visible field; the submitted value stays ISO.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Updated the plugin display name.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release: date, time and datetime modes; min\/max limits; disabled weekends\/dates; hour range and minute step; automatic locale; visual tag generator; server-side validation; ISO submission values.<\/li>\n<\/ul>","raw_excerpt":"Modern, mobile-friendly date &amp; time picker for Contact Form 7. All features free, all translations included, no license keys.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/328614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=328614"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wolinka"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=328614"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=328614"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=328614"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=328614"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=328614"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=328614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}