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

Ruhul Amin

Date Time Picker for Contact Form 7

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

inputwp

Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP

Availability datepicker & booking calendar for any form. Configure business hours, time slots, date overrides and a booking window.

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>

Alternatives to Date Time Picker for WPForms

Top alternatives