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.

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 Contact Form 7 vs Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP