Availability fields connected to booking rules

Availability Datepicker Pro extends the Availability Datepicker calendar and date and time picker for WordPress. It turns a text field into a guided selector that shows dates and times allowed by your configured schedule. Use it for appointments, reservations, rentals, and other forms where visitors select a date, time, or date range.

Connect a field from Contact Form 7 or another form add-on with its CSS class or ID in the Integration panel. The selector links the datepicker to the field without a shortcode or custom code.

Choose a booking type and matching fields

• Fixed Time Slots: Use one date and time field for a specific slot, such as an appointment, consultation, or class.
• Day Based: Use separate check-in and check-out date fields for a hotel, bed and breakfast, or vacation rental. Configure minimum and maximum stay lengths.
• Flexible Range: Use separate start and end date-and-time fields for car or equipment rentals, meeting rooms, and multi-hour bookings. Set minimum and maximum durations.

Set schedules and availability windows

Enable or disable each weekday and add multiple open periods for schedules with morning and afternoon hours. Set the booking window to move forward a chosen number of days from today or use a fixed date range. You can also set 15, 30, or 60-minute slot intervals, require advance notice, and add preparation or cleanup buffers around appointments.

Block specific dates for holidays, closures, or other exceptions. For a normally closed date, add an allowed-date exception with custom hours. In Day Based mode, set minimum and maximum bookable days; in Flexible Range mode, set minimum and maximum booking duration. A live admin preview shows the calendar with the current options before you save.

Calendar display and setup presets

Choose the timezone used for availability rules and a 12-hour or 24-hour time display. Select from more than 15 date formats, show the calendar inline instead of in a dropdown, and choose from three built-in themes. The datepicker interface works with more than 40 languages. Branding and dynamic styling controls in Pro let you adjust calendar colors, fonts, and labels.

Six quick setup presets provide starting settings for doctor or medical clinic, salon, hotel or vacation rental, car rental, equipment rental, and meeting room bookings. Each preset can be adjusted to suit the schedule and booking type.

Pro booking management and integrations

Pro can capture and manage bookings, block booked slots automatically, and disable dates once they are taken. It also supports separate availability rules for multiple resources or form fields, so various services can use their own schedules.

Import availability from an ICS calendar to block dates that are already occupied. Calendar sources include Google Calendar, Outlook, Airbnb, Booking.com, and other calendar services. Native Divi and WooCommerce integrations are also included.

Connect and review the form

1. Install Availability Datepicker Pro in WordPress and add a plain text input to the form.
2. Open the Integration panel and copy the field’s CSS class or ID into the CSS Selector setting.
3. Configure the booking type, business hours, availability window, and other schedule rules.
4. For Day Based and Flexible Range bookings, connect separate start and end fields.
5. Review the calendar on the form’s frontend before publishing.