Ruhul Amin

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.

inputwp

Availability datepicker by <a href="https://www.inputwp.com/" rel="nofollow ugc">InputWP</a> is a plugin that allows you to convert text fields into a Date Picker, Time Picker, Date and Time Picker or a Date Range Picker, using a CSS Selector. It works with Contact Form 7, Divi, Ninja Forms and Gravity Forms. Define advanced rules for the dates and times available or disable the ones that are not needed.
<h4>Works well with Contact Form 7 and Divi</h4>
Perfect for appointments or booking forms that need to follow certain opening times and booking rules, the Date and Time Picker plugin integrates well with Contact Form 7 or Divi plugins through the CSS selector. Follow the rules for <a href="https://www.inputwp.com/about/date-and-time-picker-field-on-contact-form-7/" rel="nofollow ugc">Contact Form 7</a> or <a href="https://www.inputwp.com/about/date-picker-in-divi-contact-form/" rel="nofollow ugc">Divi</a>.
<h4>Upgrade for more</h4>
<ul>
<li>Multiple Events (input fields)</li>
<li>Date range (type)</li>
<li>Automatic integration (no code required) with Contact Form 7, Gravity and Ninja Forms.</li>
<li>Fresh new theme for the date picker (dropdown)</li>
<li>Ability to fully customize the theme with the right Colours for typography and backgrounds, with the right Font and Labels.</li>
<li>Sync with your external calendars (like Google Calendar, Outlook, Airbnb, Booking.com, etc) so that you automatically disable the busy dates/hours.</li>
</ul>
Try out the <a href="https://www.inputwp.com" rel="nofollow ugc">PRO version</a> today. If you have a feature request, submit it from <a href="https://www.inputwp.com/support/" rel="nofollow ugc">here</a>.
<h4>Features</h4>
<ul>
<li>Date picker — Allow users to pick a date on the calendar.</li>
<li>Time picker — It allows users to choose the time next to the date picker calendar.</li>
<li>Multiple date time picker themes — Keep it Light (default) or keep it Dark.</li>
<li>Inline — Keep your date calendar and time picker inline.</li>
<li>Multiple Language Support — Create a date and time picker field with a calendar for 42 different languages.</li>
<li>Keep Placeholder — It allows you to keep the original placeholder of the input field. Or, display the current date or next available time.</li>
<li>Prevent Keyboard Edit — It enables you to allow or prevent users from making edits in date and time using the keyboard.</li>
<li>Disable Past Dates — It allows you to hide past dates from the current date on the date picker calendar. If today is 11th Sep, then it won’t show 10th Sep, 09th Sep, and so on.</li>
<li>Time Step — Define time intervals in a minute for the time picker. If you set 60, then the time picker will show time choices as 12:00 AM, 01:00 AM, and so on.</li>
<li>Minimum Time — It allows you to define time in a slot from where a user can start choosing time.</li>
<li>Maximum Time — It allows you to define the time that would be regarded as the last time in a slot a user can choose from the time picker.</li>
<li>Offset for available times — Using this option, you can offset time from Now to the next available time. If right now it’s 03:15 PM, and you choose to offset 45 minutes, then the next available time would be 04:00 PM.</li>
<li>Minimum Date — Define the starting date for the date slot. Users will not be able to select the previous date from the defined minimum date.</li>
<li>Maximum Date — Define the last date for the date slot. Users will not be able to select the future date from the defined maximum date.</li>
<li>Date Format — Provides you with 15 different date formats to select for your date picker.</li>
<li>Hour format — Multiple hour formats for the time picker.</li>
<li>When to Load — Choose when and where to load the date time picker fields. Whether across the full website, for admin panel, full website including the admin panel, or only when the date time picker shortcode is available on a page.</li>
<li>Disable Week Days — Don’t want to receive bookings or reservation forms on certain days of the week? Worry not, using this option you can easily disable the days by merely checking the box next to the week name.</li>
<li>Disable Specific Dates — Taking a vacation or don’t want to receive forms on certain dates? Simply input dates in the Disable Specific Dates field of the Advanced settings to hide dates from the calendar.</li>
<li>Default list of allowed times — It enables you to provide users with a list of allowed times to choose from in the time picker for different days.</li>
</ul>
<h4>Who can make the most out of the Date and Time Picker plugin?</h4>
Well, there’s no such limit for whom this plugin is designed; however, there are some business 
industries that can take more benefits than others:
<ul>
<li>Hotel, restaurant or cafe that allows booking or reservation.</li>
<li>Hospitals or clinics.</li>
<li>Salon or parlour.</li>
<li>Mayors and government personnel for official meetings.</li>
<li>Businesses that offer fun activities, games and tours.</li>
<li>And anyone who wants to allow users to submit forms to book, reserve, and meet.</li>
</ul>
<h4>Seamless support</h4>
It’s a free plugin, but the <a href="https://wordpress.org/support/plugin/date-time-picker-field/" rel="ugc">support</a> you’ll get would be not less than a premium user. Whether the 
plugin is not working on your site, or you’d want something specific out of it, you can always 
look for the tremendous support , and get your issue resolved.
If you got some <a href="https://www.inputwp.com/support/" rel="nofollow ugc">features requests</a> in mind, let us know.
<h3>Credits</h3>
<ul>
<li><a href="https://xdsoft.net/jqplugins/datetimepicker/" rel="nofollow ugc">xdsoft.net datetimepicker jQuery plugin</a></li>
<li><a href="https://momentjs.com/" rel="nofollow ugc">Moment JavaScript date library</a></li>
</ul>

Availability datepicker – Integrate with Contact Form 7 and Divi

The Availability datepicker by InputWP plugin allows you to convert manually or automatically a text input field into an advanced Date Picker.

Date Time Picker for WPForms vs Availability datepicker – Integrate with Contact Form 7 and Divi