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.

This plugin enables WPForms 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 WPForms Advanced Options -> CSS Classes. 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: walwpf-datepicker</li>
<li>Only for Time Picker: walwpf-timepicker</li>
<li>For both Date and Time Picker: walwpf-datetimepicker</li>
</ul>
Check the demo site: <a href="https://demo.wpapplab.com/wpforms/" rel="nofollow ugc">Date Time Picker Demo</a>
Check Pro demo site: <a href="https://demo.wpapplab.com/wpforms-pro/" rel="nofollow ugc">Date Time Picker Demo (Pro)</a>
Error Note:
While using WPForms 2, 3 or 4 colums layout I found that the field is not selectable. This is WPForms css error and nothing to do with my plugin. You just need to use another css class (clearfix) immediate below field.
<a href="https://wpapplab.com/plugins/date-time-picker-for-wpforms-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-wpforms-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-wpforms-pro/" rel="nofollow ugc">Download Pro Version from Here</a>:
How to Video:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qcGjxYj9sY4?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-wpforms-pro/" rel="nofollow ugc">Pro Version Features:</a>:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/AvBN8pmr9Fs?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 WPForms

This plugin enables WPForms text field into a Date picker or Time picker by using CSS class.

Date Time Picker for Contact Form 7 vs Date Time Picker for WPForms