moiseh

Provides nice availability calendar shortcode, making the proccess of booking more intuitive and easier to the end user.
This plugin uses FullCalendar library to renderize the calendar, so it’s have great customizability.
To add the availability calendar, just add the <code>[wbc-calendar]</code> shortcode in your page.
Attention: This plugin is an addon for the official <a href="https://woocommerce.com/products/woocommerce-bookings/" rel="nofollow ugc">WooCommerce Bookings</a> extension. It just provides the frontend calendar view, not booking functionalities nor booking type related products.
<iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/C2bk_vgCnuM?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>
Premium version features:
<ul>
<li>Allow to define product-specific colors <a href="https://youtu.be/EVNYlV_1Cbk" rel="nofollow ugc">view demo</a></li>
<li>Allow to add availability calendar as widget using drag and drop</li>
<li>Allow to filter by specified product and categories in plugin settings and shortcode</li>
<li>Open bookings directly in AJAX modal and display tooltip on event mouseover <a href="https://youtu.be/EFUXdYNpZU8" rel="nofollow ugc">view demo</a></li>
<li>Reverse calendar logic to display only taken slots</li>
<li>Perform calendar search using AJAX without page reload <a href="https://youtu.be/XRhR-YzI9UI" rel="nofollow ugc">view demo</a></li>
<li>Support for WooCommerce Booking Accommodations</li>
</ul>

WooCommerce Bookings Calendar

Provides nice availability calendar shortcode, making the proccess of booking more intuitive and easier to the end user.

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.

WooCommerce Bookings Calendar vs Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP