{"id":66,"date":"2018-03-06T16:26:51","date_gmt":"2018-03-06T16:26:51","guid":{"rendered":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/?page_id=66"},"modified":"2020-08-02T12:02:44","modified_gmt":"2020-08-02T12:02:44","slug":"contact-form-7-single-date-and-time-picker","status":"publish","type":"page","link":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/contact-form-7-single-date-and-time-picker\/","title":{"rendered":"Contact Form 7 Single Date and Time Picker"},"content":{"rendered":"\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f61-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"61\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/66#wpcf7-f61-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"61\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f61-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your Email (required)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-1 <strong>With Dropdown<\/strong>\n<\/h4>\n<p><strong>Style with Dropdown<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-1-2 <strong>Without Dropdown<\/strong>\n<\/h4>\n<p><strong>Style Without Dropdown and Short Calendar Label Text<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime1\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime1\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-2 <strong>All <code>Past\/Previous<\/code> Date Disable<\/strong>\n<\/h4>\n<p><strong>All Past\/Previous <code>Date Disable<\/code> as like Event Date &amp; Time<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime2\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-3 <strong>With Dropdown<\/strong>\n<\/h4>\n<p><strong>Style With Dropdown<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime3\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime3\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime3\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-3-2 <strong>Without Dropdown<\/strong>\n<\/h4>\n<p><strong>Style Without Dropdown<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime3-2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime3-2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime3-2\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-4 <strong>Set minDate - <code>Active Date from the Next Week<\/code><\/strong>\n<\/h4>\n<p><strong>Set <code>minDate<\/code> - Date Active from the Next Week<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime4\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime4\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime4\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-5 <strong>Set minDate and <code>5 minutes Interval<\/code><\/strong>\n<\/h4>\n<p><strong>Set minDate - <code>Date Active<\/code> from the <code>Next Week<\/code> and 5 minutes Interval<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime5\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime5\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime5\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-6 <strong><code>Limited Time Offer<\/code> - Set minDate and maxDate<\/strong>\n<\/h4>\n<p><strong>Set minDate and maxDate - Date Active for a <code>specific Date Range<\/code> (December Current Year)<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime6\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime6\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime6\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-6-2 <strong><code>Limited Time Offer<\/code> - Set minDate and maxDate<\/strong>\n<\/h4>\n<p><strong>Set minDate and maxDate - Date Active for a <code>specific Date Range<\/code> (20 August - 20 September, 2027)<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime6-2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime6-2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime6-2\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-7 <strong>All <code>Future Date Disable<\/code> as like for Date of Birth<\/strong>\n<\/h4>\n<p><strong>All Future Date Disable as like for Date of Birth<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime7\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime7\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime7\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-8 <strong>All Past Day Disable with <code>Selected Date Alert<\/code><\/strong>\n<\/h4>\n<p><strong>All <code>Past Day Disable<\/code> and On date select will Show Alert Box for Selected date<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime8\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime8\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime8\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-9 <strong>Without Dropdown and All <code>Past Day<\/code> Disable<\/strong>\n<\/h4>\n<p><strong>Without Dropdown and All Past Day <code>Disable<\/code> as like Event Date &amp; Time<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime9\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime9\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime9\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-10 <strong>All <code>Past Day Disable<\/code> with Selected Date Alert<\/strong>\n<\/h4>\n<p><strong>All Past Day Disable and On Clck Apply button will <code>Show Alert Box for Selected date<\/code><\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime10\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime10\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime10\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-11 <strong>Show <code>Week Numbers<\/code> and <span>Week Start day:<\/span> <code>Saturday<\/code><\/strong>\n<\/h4>\n<p><strong>Calendar Show <code>Number<\/code> of the Week<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime11\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime11\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime11\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-12 <strong>Set <code>Start Date<\/code> <span>after<\/span> <code>15 Days<\/code><\/strong>\n<\/h4>\n<p><strong>Set Start Date after 15 Days from the <code>current Date<\/code><\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime12\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime12\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime12\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-13 <strong>TimePicker <code>12Hour<\/code><\/strong>\n<\/h4>\n<p><strong>Calendar with 12 hour Clock<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime13\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime13\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime13\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-13-2 <strong>TimePicker <code>24Hour<\/code><\/strong>\n<\/h4>\n<p><strong>Calendar with 24 hour Clock<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime13-2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime13-2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime13-2\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-14 <strong>Calendar in <code>French<\/code><\/strong>\n<\/h4>\n<p>For Language Change please check <a href=\"https:\/\/docs.mgscoder.com\/daterange-picker-documentation\/\" target=\"_blank\"><code>Online Documentation<\/code><\/a>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime14\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime14\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime14\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-15 <strong>Default value <code>Blank<\/code> and <span>Week Start day:<\/span> <code>Monday<\/code><\/strong>\n<\/h4>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime15\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime15\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime15\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-16 <strong>Set <code>startHour<\/code> and <code>endHour<\/code> <span>Only for<\/span> <code>24hours<\/code> mode<\/strong>\n<\/h4>\n<p><strong>As like Office Opening Hour. Here Opening Hour: <code>9 - 17<\/code><\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime16\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime16\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime16\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-17 <strong>Enabled <code>Hours<\/code> <span>Only for<\/span> <code>24hours<\/code> mode<\/strong>\n<\/h4>\n<p><strong>As like Opening Hours: <code>8-14 &amp; 17-22<\/code><\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime17\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime17\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime17\" \/><\/span>\n<\/p>\n<p><label> <\/label>\n<\/p>\n<h4>Style-18 <strong>Set Booking active <code>after 16 hours<\/code> <span>from<\/span> <code>current time<\/code> and Set <code>startHour<\/code> and <code>endHour<\/code><\/strong>\n<\/h4>\n<p><strong>Time enable <code>after 16 hours<\/code> from the <code>current time<\/code> and Here Start Hour: <code>9<\/code> and end Hour: <code>17<\/code><\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"reservationdatesingledatetime18\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"reservationdatesingledatetime18\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"reservationdatesingledatetime18\" \/><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-daterange-picker.php","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":1,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/pages\/66\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/daterange-picker-plugin\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}