Advanced Dates Selection Options

Booking Form Example for ‘Resource #1

In this live demo, the default configuration (which users can modify) includes date selections in the calendar, which work as a range days selection with just 2 mouse clicks (the selection method can be changed in the General Settings page in the Calendar section). First, select the check-in date, and then select the check-out date. All dates in between are automatically chosen. If any middle days are unavailable, the selection resets.

You can customize date selection by setting conditions, such as defining the minimum or maximum number of days or specific day intervals, like 7, 14, 21, or 28 days, which allows for selecting entire weeks. You also have the flexibility to choose the starting day of the week for selection. Whether it’s starting the selection from Friday, Sunday, or any other weekday, you can define your preferred day as the starting point.
Additionally, you can further customize the duration of day selection based on the weekday or the season of the start day selection. This gives you the freedom to select, for example, only 3 or 5 days if you start on a Friday, or 7 days if you begin your selection on a Monday, and more.

This example showcases the use of change-over dates (marked by triangles or vertical divider lines), allowing you to use the same date for both ‘check in’ and ‘check out’ for different bookings.

Additionally, this booking resource is configured with season filters, making the first 2 weeks of the next month unavailable.

Calendar is loading...
-
Available
 
-
Booked
 
-
Pending
·
 
-
Partially booked
Dates: ... (... - night(s))
Full cost of the booking: $0.00











 

Dates: ... (... - night(s))
Full cost of the booking: $0.00