...

Summary: A new calendar interface to view resource availability before making bookings

Overview

Video Snapshot

...

https://www.loom.com/share/4b233e08414e46eba932697782693aa4?sid=c56594a4-1f3a-452e-a3c7-6a8e25132c00

Calendar Based Availability

...

1. An overview of the resource consisting of:

   1. Image

   2. Capacity (if enabled)

   3. Available discounts (if enabled. Feature coming soon)

   4. Name of the resource

   5. Location of the resource
      

      

      
      As you vertically scroll, the image section will be collapsed to free up screen space. The title and location will remain stuck in the header:
      

      

2. Horizontal scroll to view available resources. Simply scroll L > R or R > L to view the available resources
   

   

3. Current time indicator for today (green horizontal line) and automatic scroll to the current time of day when loading the calendar:
   

   

   
   

   

4. Availability times on the y axis:
   

   

5. Date picker to view today or a future date:
   

   

6. The same search and filtering options from the list view to further refine your search:
   

   

7. The ability to view and book resources set up with available slots or as a flexible booking:
   

   

8. Selecting a flexible time, or a predefined slot, will launch the side modal with the date prefilled on the form and the slot preselected (if applicable):
   

   

9. Colour coded backgrounds to indicate available/unavailable times. If a resource has a grey background to indicate it’s Not available it can be due to the a number of reasons:
   - The resource having specific From/To hours or if the resource is
   - The resource may be included in a blockout date:
   - The resource may be configured with a Prep time (before) and Prep time (after)
   

   

   
   

10. Ability to launch the booking form either by selecting a time/available slot or by selecting the title of the resource:
    

    

...