Skip to main content

New Booking & Availability

This document describes the "Add New Booking" and "Update Availability" features, which allow staff to create new bookings or manage room availability for specific dates.

Key Features​

Add New Booking​

  • Date Range Selection:
    • Use the date picker to select the check-in and check-out dates.
    • Automatically calculates the total number of days for the booking.
  • Guest Selection:
    • Search for an existing guest by name or phone number.
    • Add a new guest directly from the form if they are not already in the system.
  • Price Calculation:
    • Automatically calculates the total price based on the selected dates and price per day.
    • Allows manual adjustment of the total price or price per day.
  • Platform Selection:
    • Choose the booking platform (e.g., Booking.com, Airbnb, Direct).
  • Additional Notes:
    • Add any extra notes or comments about the booking.

Update Availability​

  • Date Range Selection:
    • Select the dates for which availability needs to be updated.
  • Availability Toggle:
    • Mark the selected dates as "Available" or "Unavailable" with a simple toggle button.

How to Use​

Add New Booking​

  1. Select Dates: Use the date picker to choose the check-in and check-out dates.
  2. Search for a Guest: Use the search bar to find an existing guest or click Add New Guest to create a new profile.
  3. Set Prices: Adjust the total price or price per day as needed.
  4. Choose Platform: Select the booking platform from the dropdown menu.
  5. Add Notes: Enter any additional notes in the text area.
  6. Save Booking: Click the Save Booking button to finalize the booking.

Update Availability​

  1. Select Dates: Use the date picker to choose the date range.
  2. Toggle Availability: Use the toggle button to mark the dates as "Available" or "Unavailable."
  3. Update Availability: Click the Update Availability button to save the changes.

Visual Indicators​

  • Processing State: A loading indicator appears when saving a booking or updating availability.
  • Error Messages: Displays clear error messages if required fields are missing or invalid.

Additional Features​

  • Real-Time Price Fetching: Automatically fetches the price for the selected dates based on room availability.
  • Guest Details Preview: Displays the selected guest's name and phone number for confirmation.