{"id":170520,"date":"2023-02-15T14:56:45","date_gmt":"2023-02-15T14:56:45","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/date-picker-for-contact-form-7\/"},"modified":"2026-10-25T10:10:53","modified_gmt":"2026-10-25T10:10:53","slug":"date-picker-for-contact-form-7","status":"publish","type":"plugin","link":"https:\/\/ido.wordpress.org\/plugins\/date-picker-for-contact-form-7\/","author":16973082,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0","stable_tag":"trunk","tested":"7.0.7","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"Date Picker For Contact Form 7","header_author":"theme funda","header_description":"Google Map for contact form 7 show as field","assets_banners_color":"6583ad","last_updated":"2026-10-25 10:10:53","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":3.9,"author_block_rating":0,"active_installs":4000,"downloads":18588,"num_ratings":7,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0":"<p>Initial version launch. Enjoy the best date picker for CF7!<\/p>"},"ratings":{"1":2,"2":0,"3":0,"4":0,"5":5},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3471439,"resolution":"128x128","location":"assets","locale":"","width":1024,"height":1024},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3471439,"resolution":"256x256","location":"assets","locale":"","width":1024,"height":1024}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3471439,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3471439,"resolution":"772x250","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2865796,"resolution":"1","location":"assets","locale":"","width":756,"height":496},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2865796,"resolution":"2","location":"assets","locale":"","width":855,"height":573},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2865796,"resolution":"3","location":"assets","locale":"","width":832,"height":415}},"screenshots":{"1":"The Date Picker tag generator interface in Contact Form 7.","2":"Example of a front-end date picker with a custom skin.","3":"Settings panel for restricting minimum and maximum dates."}},"plugin_section":[],"plugin_tags":[275,5445,1152,156285,13804],"plugin_category":[42],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-170520","plugin","type-plugin","status-publish","hentry","plugin_tags-booking-calendar","plugin_tags-cf7","plugin_tags-contact-form-7","plugin_tags-date-picker","plugin_tags-wpcf7","plugin_category-contact-forms","plugin_committers-gravitymaster97"],"banners":{"banner":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/banner-772x250.png?rev=3471439","banner_2x":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/banner-1544x500.png?rev=3471439","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/icon-128x128.png?rev=3471439","icon_2x":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/icon-256x256.png?rev=3471439","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/screenshot-1.png?rev=2865796","caption":"The Date Picker tag generator interface in Contact Form 7."},{"src":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/screenshot-2.png?rev=2865796","caption":"Example of a front-end date picker with a custom skin."},{"src":"https:\/\/ps.w.org\/date-picker-for-contact-form-7\/assets\/screenshot-3.png?rev=2865796","caption":"Settings panel for restricting minimum and maximum dates."}],"raw_content":"<!--section=description-->\n<p><strong>Date Picker For Contact Form 7<\/strong> is a lightweight yet powerful Contact Form 7 datepicker alternative that adds a flexible, mobile-friendly calendar field to your CF7 forms \u2014 no coding required. If you've been searching for a simple way to stop users from typing dates by hand, this plugin gives you a clean calendar widget in just a few clicks.<\/p>\n\n<p>Whether you need a <strong>Contact Form 7 calendar booking<\/strong> system for appointments, an <strong>Arrival\/Departure<\/strong> date range, a <strong>Check-in\/Check-out<\/strong> flow for a rental or hotel site, or a simple <strong>Appointment Booking<\/strong> form, this plugin gives you full control over how dates are selected and displayed.<\/p>\n\n<h3>Popular use cases<\/h3>\n\n<ul>\n<li>Setting a <strong>Contact Form 7 date min today<\/strong> so customers can't book dates in the past.<\/li>\n<li>Building a <strong>Contact Form 7 booking calendar<\/strong> for hotels, clinics, salons, and consultants.<\/li>\n<li>Adding a <strong>Contact Form 7 datepicker placeholder<\/strong> so users instantly know the expected date format.<\/li>\n<li>Looking to <strong>disable past dates<\/strong> in Contact Form 7 without writing custom JavaScript.<\/li>\n<li>Restricting bookings to a specific date range for events, rentals, or reservations.<\/li>\n<\/ul>\n\n<h3>Why choose this Date Picker?<\/h3>\n\n<ul>\n<li><strong>User Experience:<\/strong> Faster date selection leads to higher form conversion rates.<\/li>\n<li><strong>Data Accuracy:<\/strong> Forces a consistent date format, making data management easy.<\/li>\n<li><strong>Scheduling Control:<\/strong> Perfect for businesses that need to restrict weekends, holidays, or past dates.<\/li>\n<li><strong>No Coding Needed:<\/strong> Configure everything from the CF7 tag generator \u2014 set the minimum date to today, add a placeholder, and pick a skin, all from the admin screen.<\/li>\n<\/ul>\n\n<h3>Main Features<\/h3>\n\n<ul>\n<li><strong>Multiple Date Pickers:<\/strong> Add multiple unique date fields to a single form.<\/li>\n<li><strong>Custom Date Formats:<\/strong> Choose how the date appears (e.g., dd\/mm\/yy, mm-dd-yy).<\/li>\n<li><strong>Min\/Max Date Restrictions:<\/strong> Set the Contact Form 7 date min to today, or set a max date, to disable past dates or limit how far ahead users can book.<\/li>\n<li><strong>Custom Skins:<\/strong> Change the design and look of the calendar to match your site.<\/li>\n<li><strong>Placeholder Support:<\/strong> Add a custom Contact Form 7 datepicker placeholder text inside the date field.<\/li>\n<\/ul>\n\n<h3>[Pro] Advanced Features<\/h3>\n\n<ul>\n<li><strong>Disable Specific Days:<\/strong> Blackout holidays, weekends, or specific dates where you are unavailable \u2014 ideal for a booking calendar.<\/li>\n<li><strong>Advanced Logic:<\/strong> Perfect for complex Contact Form 7 calendar booking requirements.<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/www.codesmade.com\/store\/date-picker-for-contact-form-7-pro\/\">Get Premium<\/a> | <a href=\"https:\/\/www.codesmade.com\/contact-us\/\">Support<\/a> | <a href=\"https:\/\/www.codesmade.com\/date-picker-for-contact-form-7-documentation\/\">Documentation<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>date-picker-for-contact-form-7<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Open your <strong>Contact Form 7<\/strong> editor.<\/li>\n<li>Look for the \"Date Picker\" tag generator button.<\/li>\n<li>Configure your settings (Min\/Max date, Skin, etc.) and insert the shortcode.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20the%20latest%20version%20of%20contact%20form%207%3F\"><h3>Does this work with the latest version of Contact Form 7?<\/h3><\/dt>\n<dd><p>Yes, we regularly test the plugin against the latest CF7 updates to ensure 100% compatibility.<\/p><\/dd>\n<dt id=\"can%20i%20have%20two%20date%20pickers%20for%20%22check-in%22%20and%20%22check-out%22%3F\"><h3>Can I have two date pickers for \"Check-in\" and \"Check-out\"?<\/h3><\/dt>\n<dd><p>Absolutely. You can add multiple fields and set different rules for each.<\/p><\/dd>\n<dt id=\"is%20it%20mobile-friendly%3F\"><h3>Is it mobile-friendly?<\/h3><\/dt>\n<dd><p>Yes, the date picker is responsive and works smoothly on touch devices.<\/p><\/dd>\n<dt id=\"is%20this%20a%20good%20contact%20form%207%20datepicker%20alternative%20to%20built-in%20date%20fields%3F\"><h3>Is this a good Contact Form 7 datepicker alternative to built-in date fields?<\/h3><\/dt>\n<dd><p>Yes. Unlike the default CF7 date field, this plugin adds a full visual calendar, custom skins, placeholder text, and min\/max date restrictions \u2014 everything you need for a proper date picker without extra coding.<\/p><\/dd>\n<dt id=\"how%20do%20i%20set%20a%20contact%20form%207%20datepicker%20placeholder%3F\"><h3>How do I set a Contact Form 7 datepicker placeholder?<\/h3><\/dt>\n<dd><p>Open the Date Picker tag generator in your CF7 form editor and enter your custom text in the Placeholder field. It will display inside the empty date field until the user makes a selection.<\/p><\/dd>\n<dt id=\"how%20do%20i%20disable%20past%20dates%20in%20contact%20form%207%3F\"><h3>How do I disable past dates in Contact Form 7?<\/h3><\/dt>\n<dd><p>In the tag generator, set the Minimum Date option to \"Today.\" This automatically blocks users from selecting any date before the current day.<\/p><\/dd>\n<dt id=\"can%20i%20set%20the%20contact%20form%207%20date%20min%20to%20today%20automatically%3F\"><h3>Can I set the Contact Form 7 date min to today automatically?<\/h3><\/dt>\n<dd><p>Yes, the Minimum Date setting has a built-in \"Today\" option, so you don't need to enter a fixed date manually \u2014 it always updates to the current day.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20as%20a%20contact%20form%207%20booking%20calendar%3F\"><h3>Can I use this as a Contact Form 7 booking calendar?<\/h3><\/dt>\n<dd><p>Yes. Combine the Min\/Max date restrictions with multiple date fields to build a simple booking calendar for appointments, reservations, or check-in\/check-out forms.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Added Min\/Max date options.<\/li>\n<li>Added custom skin support.<\/li>\n<\/ul>","raw_excerpt":"Easily add a customizable Date Picker to Contact Form 7. Restrict dates, disable specific days, and improve your booking forms.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/170520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=170520"}],"author":[{"embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/gravitymaster97"}],"wp:attachment":[{"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=170520"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=170520"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=170520"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=170520"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=170520"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ido.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=170520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}