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 booking calendar and date time picker plugin that turns any text field into a smart availability datepicker. Define your business hours, booking type, and availability rules — the calendar enforces them automatically on the frontend. Works with Contact Form 7 via a simple CSS selector, with no code required on your end.
<h4>Perfect For</h4>
<ul>
<li>Doctor / Medical clinic — Fixed 30-minute appointment slots, Monday–Friday, 24-hour minimum notice, 60-day booking window.</li>
<li>Salon & Beauty — Fixed 60-minute sessions, Monday–Saturday, 2-hour advance notice, 30-day booking window.</li>
<li>Hotel / Vacation Rental — Day Based mode, check-in and check-out date selection, minimum 2-night / maximum 30-night stay, 365-day booking window.</li>
<li>Car Rental — Flexible Range, pickup and return with date and time, 4-hour minimum / 7-day maximum, every day, 90-day booking window.</li>
<li>Equipment Rental — Flexible Range, overnight to multi-day rentals, 12–72-hour duration, 60-day booking window.</li>
<li>Meeting Room — Flexible 1–8-hour bookings, Monday–Friday, 15-minute buffers between slots, 30-day booking window.</li>
<li>And anyone who runs appointments, reservations, or rentals and needs to show live availability on their booking form.</li>
</ul>
<h4>Works with Contact Form 7</h4>
Availability Datepicker integrates with Contact Form 7 (and any other form plugin) through a CSS selector. Add a text field to your form, copy the CSS class from the Integration panel, and paste it into the field’s class setting. No shortcodes or custom code needed.
Follow the step-by-step guide 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> to connect your date picker field in minutes.
<h4>Three Booking Types</h4>
Choose the booking type that matches how your business operates:
<ul>
<li>Fixed Time Slots — Guests pick a specific time slot (e.g. 9:00 AM – 10:00 AM). Ideal for appointments, consultations, and classes. Uses a single date and time field.</li>
<li>Day Based — Guests pick a check-in date and a check-out date. Ideal for hotels, B&Bs, and vacation rentals. Uses two separate date fields.</li>
<li>Flexible Range — Guests pick a start date+time and an end date+time. Ideal for car and equipment rentals, meeting rooms, and multi-hour bookings. Uses two separate date+time fields.</li>
</ul>
Six Quick Setup Presets let you pre-fill all availability settings for the most common scenarios in one click.
<h4>Advanced Availability Settings</h4>
The availability calendar is driven by a comprehensive set of rules you configure in the admin panel:
<ul>
<li>Business Hours — Enable or disable each weekday independently. Add multiple open time ranges per day to model morning and afternoon shifts.</li>
<li>Availability Window — Control how far ahead booking is open: dynamically (X days from today) or within a fixed predefined date range.</li>
<li>Slot Interval — Set the gap between available time slots: 15, 30, or 60 minutes.</li>
<li>Minimum Notice — Require a minimum lead time before a slot can be booked (e.g. 24 hours in advance).</li>
<li>Buffers — Add preparation or cleanup time before and after each slot to prevent back-to-back bookings.</li>
<li>Min/Max Bookable Days — Set the shortest and longest allowed stay lengths (Day Based mode).</li>
<li>Min/Max Duration — Set the shortest and longest allowed rental or booking period (Flexible Range mode).</li>
<li>Blocked Dates — Mark specific dates as unavailable: holidays, closures, one-off exceptions.</li>
<li>Allowed Date Exceptions — Open a normally-closed date with custom hours (e.g. a special Saturday opening).</li>
<li>Live Admin Preview — See how the calendar looks with your current settings before saving.</li>
</ul>
<h4>Features</h4>
<ul>
<li>Date picker — Allow users to pick a date on the availability calendar.</li>
<li>Time picker — Let users choose an available time alongside the date.</li>
<li>Three built-in themes — Light, and Dark.</li>
<li>Multiple language support — Display the datepicker interface in 40+ languages.</li>
<li>Date formats — Choose from 15+ date format options (d/m/Y, Y-m-d, M j Y, and more).</li>
<li>Time format — 12-hour (AM/PM) or 24-hour display.</li>
<li>Timezone — Configure the timezone your availability rules are based on.</li>
<li>Inline display — Keep the calendar always visible on the page instead of opening as a dropdown.</li>
<li>Quick Setup Presets — Six pre-configured templates (Doctor, Salon, Hotel, Car Rental, Equipment Rental, Meeting Room) to get started in seconds.</li>
</ul>
<h4>Upgrade to PRO</h4>
PRO unlocks (as shown on the Support page in the admin):
<ul>
<li>Bookings — Capture, manage, and block slots automatically so dates are disabled once booked.</li>
<li>Multiple Resources — Custom availability rules per resource or form field.</li>
<li>Branding & dynamic styling — Full control over calendar colors, fonts, and labels.</li>
<li>Import from .ics — Sync Google Calendar, Outlook, and other calendar services to block busy dates.</li>
<li>Divi & WooCommerce integration — Native integration with Divi and WooCommerce.</li>
</ul>
Try the <a href="https://www.inputwp.com" rel="nofollow ugc">PRO version</a> today. Have a feature request? <a href="https://www.inputwp.com/support/" rel="nofollow ugc">Let us know</a>.
<h3>Credits</h3>
<ul>
<li><a href="https://xdsoft.net/jqplugins/datetimepicker/" rel="nofollow ugc">xdsoft.net datetimepicker jQuery plugin</a></li>
</ul>

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.

Date Time Picker for WPForms vs Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP