Description
Date Picker For Contact Form 7 is a powerful add-on that integrates a flexible calendar widget into your CF7 forms. Say goodbye to manual date entry errors and provide your users with a sleek, mobile-friendly interface for selecting dates.
Whether you are setting up an Arrival/Departure system, a Check-in/Check-out flow, or a simple Appointment Booking form, this plugin gives you full control over how dates are selected.
Why choose this Date Picker?
- User Experience: Faster date selection leads to higher form conversion rates.
- Data Accuracy: Forces a consistent date format, making data management easy.
- Scheduling Control: Perfect for businesses that need to restrict weekends, holidays, or past dates.
Main Features
- Multiple Date Pickers: Add multiple unique date fields to a single form.
- Custom Date Formats: Choose how the date appears (e.g., dd/mm/yy, mm-dd-yy).
- Min/Max Date Restrictions: Prevent users from picking dates in the past or too far in the future.
- Custom Skins: Change the design and look of the calendar to match your site.
- Placeholder Support: Add custom placeholder text inside the date field.
[Pro] Advanced Features
- Disable Specific Days: Blackout holidays, weekends, or specific dates where you are unavailable.
- Advanced Logic: Perfect for complex booking requirements.
Screenshots
The Date Picker tag generator interface in Contact Form 7. 
Example of a front-end date picker with a custom skin. 
Settings panel for restricting minimum and maximum dates.
Installation
- Upload the
date-picker-for-contact-form-7folder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Open your Contact Form 7 editor.
- Look for the “Date Picker” tag generator button.
- Configure your settings (Min/Max date, Skin, etc.) and insert the shortcode.
FAQ
-
Does this work with the latest version of Contact Form 7?
-
Yes, we regularly test the plugin against the latest CF7 updates to ensure 100% compatibility.
-
Can I have two date pickers for “Check-in” and “Check-out”?
-
Absolutely. You can add multiple fields and set different rules for each.
-
Is it mobile-friendly?
-
Yes, the date picker is responsive and works smoothly on touch devices.
Reviews
December 24, 2025
Tons of typos in the code; stylee, scritps, scrpts, folder named “assents” instead of “assets”, etc.Copy pasted code from a google maps plugin, forgot to change the description.Talks about loading a whatsapp box in descriptions.Reason I looked into it this is the min_date and max_date values didn’t process dates correctly. A quick cursor run through fixed it for me:Issue at line 15 in assents/js/script.js: the date string is split but not converted to numbers before creating the Date. Converting the components to integers: configdat.minDate = new Date(parseInt(date_min_val_arr[0]), parseInt(date_min_val_arr[1])-1, parseInt(date_min_val_arr[2]));
Issue: date components are strings after splitting, causing incorrect Date construction. Converting them to integers with parseInt() before creating the Date. Fixing both minDate and maxDate parsing: configdat.maxDate = new Date(parseInt(date_max_val_arr[0]), parseInt(date_max_val_arr[1])-1, parseInt(date_max_val_arr[2]));
Fixed the date parsing issue. The problem was that after splitting “2026-01-04” by -, the values were strings, and JavaScript’s Date constructor can misparse them.Posting this in case anyone else runs into this plugin, it’s buggy.
December 18, 2024
I had this plugin running on one of my sites for a year. It works great, so I installed it on a fresh site today. Exact same version number, but it seems you made a sneaky update without creating a new version, but turning free features into premium.
I know for sure, because I migrated the ‘same version’ from my current site to the new one and all functions are there. This is just misleading and not according to Wordpress standards. Very naughty and bad.
April 23, 2024
Perfect, does exactly what it’s supposed to do. Contacting support also went without any problems. Response within 24 hours. Further developments possible for a small additional charge for the Pro version. I would love to come back here.
April 9, 2024
Great and useful plugin, fast answer from the creator when I had doubts.
December 18, 2023
Very much useful and user-friendly. The plugin is amazing.Only one problem I face while using this plug in is the width of the text/date input area. It takes maximum width of the form. The developer could have adjusted the width of the input area only to the required width or could have given option to select width of the input area.I don’t know is there any way to re-adjust the width
September 6, 2023
You just got a five star review from me. I installed the plugin and wham! It works right out of the box. I had been having trouble with a different date picker for CF7, where the calendar would not invoke and some devices. Your date picker works across all devices I’ve tested it on. I also like how I can customize it with CSS.
Contributors & Developers
“Date Picker For Contact Form 7” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Date Picker For Contact Form 7” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- Initial release.
- Added Min/Max date options.
- Added custom skin support.