Rental Availability

The idea behind the front end booking calendar is that a client can easily view the availability.

Button 1: Click to refresh to update price in calendar when add price have error

Button 2: Click to display previous month(s)

Button 3: Click to display next month(s)

Item 4: Previous month day(s), or day(s) that have passed. To properly separate this day(s), we reduced the opacity.

Item 5: Next month day(s). To properly separate this day(s), we reduced the opacity.

Item 6: Current day

Item 7: Day with unavailable status. This day will not display prices

Item 8: Day with available status. This day will display prices

Item 9: Day selected when click on the calendar, move mouse in the calendar to select multiple days

Item 10 & 11: Selected period for which you can make a price

Item 14: Set a price for day

Item 15: Price detail of a day

Item 16: Set status for day range from item 10 to item 12

Button 17: Click to update price & status for day range from item 10 to item 12

Calendar view

  • Item 1: Click to display previous month(s).
  • Item 2: Click to display next month(s).
  • Item 3: Day with unavailable status or past day
  • Item 4: Day with available status
  • Item 5: Day selected to book