Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP
Availability Datepicker by InputWP 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. Perfect For Doctor / Medical clinic — Fixed 30-minute appointment slots, Monday–Friday, 24-hour minimum notice, 60-day booking window. Salon & Beauty — Fixed 60-minute sessions, Monday–Saturday, 2-hour advance notice, 30-day booking window. Hotel / Vacation Rental — Day Based mode, check-in and check-out date selection, minimum 2-night / maximum 30-night stay, 365-day booking window. Car Rental — Flexible Range, pickup and return with date and time, 4-hour minimum / 7-day maximum, every day, 90-day booking window. Equipment Rental — Flexible Range, overnight to multi-day rentals, 12–72-hour duration, 60-day booking window. Meeting Room — Flexible 1–8-hour bookings, Monday–Friday, 15-minute buffers between slots, 30-day booking window. And anyone who runs appointments, reservations, or rentals and needs to show live availability on their booking form. Works with Contact Form 7 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 Contact Form 7 or Divi to connect your date picker field in minutes. Three Booking Types Choose the booking type that matches how your business operates: 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. 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. 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. Six Quick Setup Presets let you pre-fill all availability settings for the most common scenarios in one click. Advanced Availability Settings The availability calendar is driven by a comprehensive set of rules you configure in the admin panel: Business Hours — Enable or disable each weekday independently. Add multiple open time ranges per day to model morning and afternoon shifts. Availability Window — Control how far ahead booking is open: dynamically (X days from today) or within a fixed predefined date range. Slot Interval — Set the gap between available time slots: 15, 30, or 60 minutes. Minimum Notice — Require a minimum lead time before a slot can be booked (e.g. 24 hours in advance). Buffers — Add preparation or cleanup time before and after each slot to prevent back-to-back bookings. Min/Max Bookable Days — Set the shortest and longest allowed stay lengths (Day Based mode). Min/Max Duration — Set the shortest and longest allowed rental or booking period (Flexible Range mode). Blocked Dates — Mark specific dates as unavailable: holidays, closures, one-off exceptions. Allowed Date Exceptions — Open a normally-closed date with custom hours (e.g. a special Saturday opening). Live Admin Preview — See how the calendar looks with your current settings before saving. Features Date picker — Allow users to pick a date on the availability calendar. Time picker — Let users choose an available time alongside the date. Three built-in themes — Light, and Dark. Multiple language support — Display the datepicker interface in 40+ languages. Date formats — Choose from 15+ date format options (d/m/Y, Y-m-d, M j Y, and more). Time format — 12-hour (AM/PM) or 24-hour display. Timezone — Configure the timezone your availability rules are based on. Inline display — Keep the calendar always visible on the page instead of opening as a dropdown. Quick Setup Presets — Six pre-configured templates (Doctor, Salon, Hotel, Car Rental, Equipment Rental, Meeting Room) to get started in seconds. Upgrade to PRO PRO unlocks (as shown on the Support page in the admin): Bookings — Capture, manage, and block slots automatically so dates are disabled once booked. Multiple Resources — Custom availability rules per resource or form field. Branding & dynamic styling — Full control over calendar colors, fonts, and labels. Import from .ics — Sync Google Calendar, Outlook, and other calendar services to block busy dates. Divi & WooCommerce integration — Native integration with Divi and WooCommerce. Try the PRO version today. Have a feature request? Let us know. Credits xdsoft.net datetimepicker jQuery plugin
Top keywords
- date19×2.57%
- time15×2.03%
- booking13×1.76%
- availability12×1.62%
- calendar9×1.22%
- form8×1.08%
- window7×0.95%
- booking window6×0.81%
- field6×0.81%
- rental6×0.81%
- day5×0.68%
- flexible5×0.68%
Icalviz
Icalviz connects to any public iCal feed and displays your availability day by day on any page or post, using a simple shortcode. Works with Google Calendar, Outlook, Apple Calendar, Nextcloud, and any service that exposes a public .ics link. Each day is automatically classified: 🟢 Free — no events scheduled 🟡 Partial availability — some time slots are taken 🔴 Fully booked — your entire working hours are covered Visitors can click any day to see occupied time slots in a clean timeline modal. Optionally display a call-to-action button (e.g. “Book this slot”) that links to your booking system. Why Icalviz? Stop copy-pasting your schedule into a webpage. Connect your Google Calendar, Outlook, Apple Calendar, or any iCal-compatible calendar — Icalviz reads your public iCal feed and updates automatically, every 30 minutes. Use cases 🏢 Meeting room & shared space booking — Display a room’s availability calendar so your team or clients can instantly see open slots, without logging into any system. 📅 Show your public availability as a freelancer or consultant — Let potential clients see when you are free before they even reach out. Display months of availability from your Google Calendar, Outlook or any iCal feed in seconds. 🎓 Training sessions & open office hours — Show students or participants which session slots are still open. Mark them as full automatically when your agenda is blocked. 🏡 Seasonal rental & short-stay property — Display your gîte, studio, or vacation rental availability directly on your WordPress site, synced live from any iCal-compatible calendar. 🚗 Fleet & equipment availability — Track and display the availability of a shared vehicle, camera kit, or any bookable asset — simply by blocking time in Google Calendar, Outlook, or any other iCal calendar. Key features Zero configuration — Paste your iCal URL, copy the shortcode, done. No API key required — Works with any public iCal feed: Google Calendar, Outlook, Apple Calendar, Nextcloud, and more. Responsive — 2 columns on desktop, 1 on mobile. Navigation arrows for multi-month views. Timeline modal — Click a day to see occupied time slots in a visual hourly timeline. Call-to-action button — Add a custom button (e.g. “Request a slot”) inside the modal, linking to your booking page or contact form. Custom labels — Rename “Free”, “Partial availability”, “Fully booked” to match your vocabulary. Dark mode — Built-in light and dark themes. Booking window — Limit how many days ahead users can see (e.g. next 90 days only). Onboarding wizard — Step-by-step setup guides you from iCal URL to ready shortcode in under a minute. Inline iCal tester — Paste a URL and instantly see whether it connects, how many events it contains, and what the next upcoming events are. Debug panel — One-click diagnostic report covering WordPress environment, plugin version, cache status, iCal feed health, and slot calculation trace. Designed for quick support. How it works Get your public iCal URL (.ics link) from your calendar app: Google Calendar: ⋮ → Settings and sharing → Make available to public → Public address in iCal format Outlook: Calendar settings → Shared calendars → Publish → ICS link Apple Calendar / iCloud: Calendar settings → Public Calendar → Copy link Any other app: look for “Subscribe”, “iCal export” or “public ICS link” In WordPress: go to Settings → Icalviz, paste your iCal URL and follow the 3-step wizard. Copy the generated shortcode and paste it into any page or post. Shortcode reference Basic: [icalviz url=”https://calendar.google.com/calendar/ical/…/basic.ics”] All options: [icalviz url=”…” start=”9″ end=”17″ months=”3″ days_ahead=”90″ show_titles=”0″ disable_modal=”0″ legend=”1″ theme=”light” lbl_free=”Available” lbl_partial=”Limited availability” lbl_full=”Fully booked” cta_label=”Request this slot” cta_url=”https://your-booking-page.com”] url (required) — Your public .ics iCal link (Google Calendar, Outlook, Apple Calendar, etc.) start (0–23, default: 8) — Start of your working day in hours end (1–24, default: 18) — End of your working day in hours months (1–12, default: 2) — Number of months to display days_ahead (0–730, default: 0) — Days ahead to show; 0 = unlimited show_titles (0 or 1, default: 0) — Show event titles in the modal timeline legend (0 or 1, default: 1) — Show colour legend below calendar theme (light / dark, default: light) — Colour theme lbl_free (text, default: Free) — Label for free days lbl_partial (text, default: Available) — Label for partially available days lbl_full (text, default: Fully booked) — Label for fully booked days cta_label (text) — Text for the call-to-action button in the modal cta_url (URL) — Link for the call-to-action button disable_modal (0 or 1, default: 0) — Disable day-click modal; show only availability colour Privacy Icalviz connects only to the iCal URL you provide. No data is sent to any third party. The iCal feed is cached locally in your WordPress database for 30 minutes. If show_titles is set to 0 (default), event titles are never exposed to visitors. Requirements WordPress 5.8 or higher PHP 7.4 or higher A public iCal URL (.ics link) from Google Calendar, Outlook, Apple Calendar, Nextcloud, or any iCal-compatible service Your WordPress timezone must be set correctly (Settings → General → Timezone)