GAUTIER Antoine

After installing the plugin. You’ll have a new menu in your admin page “GAPlugin”. 
It will have a “form” page.
Then you just have to use the shortcode in your page to display it: 
– form shortcode is: [GAP-Form]
Enjoy !
Take a look at my website <a href="https://gautierantoine.com" rel="nofollow ugc">GautierAntoine.com</a>

gaplugin-form

Ruhul Amin

This plugin enables Contact Form 7 text field into a Date picker, Time picker or Date Time Picker by using CSS class. After installing the plugin you just need to add the necessary CSS class to the Contact Form 7 CSS Classes editor. If you use Multiple classes remember to separate each class with space.
Here is the classes to use in each field:
<ul>
<li>Only for Date Picker: walcf7-datepicker</li>
<li>Only for Time Picker: walcf7-timepicker</li>
<li>For both Date and Time Picker: walcf7-datetimepicker</li>
</ul>
Remember: The class should be added to [text field. Example: [text* book-date class:walcf7-datepicker placeholder “Date Picker”]
Check the demo site: <a href="https://wpapplab.com/contact-form-7-date-time-picker/" rel="nofollow ugc">Date Time Picker Demo</a>
<a href="https://wpapplab.com/plugins/date-time-picker-for-contact-form-7-pro/" rel="nofollow ugc">Download Pro Version</a>:
<ul>
<li>Lifetime Free Update</li>
<li>51 Language translation (<a href="https://wpapplab.com/plugins/date-time-picker-for-contact-form-7-pro/#language" rel="nofollow ugc">View supported Language</a>)</li>
<li>WPML – WordPress Multilingual Plugin Compatible</li>
<li>Light / Dark Theme</li>
<li>Disable past date selection</li>
<li>Disable today if necessary</li>
<li>Specify weekend and disable if necessary</li>
<li>Disable specific date selection</li>
<li>Specify holiday and Disable if necessary</li>
<li>Maximum allowed date selection</li>
<li>Minimum allowed date selection</li>
<li>24hr / 12hr time format</li>
<li>Hide/Show AM/PM</li>
<li>Change time step or interval</li>
<li>Provide Max and Min selectable time</li>
<li>Speed up website. Load script only at selected page</li>
</ul>
<a href="https://wpapplab.com/plugins/date-time-picker-for-contact-form-7-pro/" rel="nofollow ugc">Download Pro Version from Here</a>:
How to Video (Free):
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/782kHUkg4XM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://wpapplab.com/plugins/date-time-picker-for-contact-form-7-pro/" rel="nofollow ugc">Pro Version Features:</a>:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jQbbF7Usc44?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Credits:
<ul>
<li><a href="https://jquery.com/" rel="nofollow ugc">jQuery</a></li>
<li><a href="https://xdsoft.net/jqplugins/datetimepicker/" rel="nofollow ugc">xdsoft.net</a></li>
</ul>

Date Time Picker for Contact Form 7

Very bad. Please check then update and fix the problem

Its not working when I wanted to select time and date from form

Great plugin for Date & Times

This plugin enables Contact Form 7 text field into a Date picker, Time picker or Date Time picker by using CSS class.

gaplugin-form vs Date Time Picker for Contact Form 7