Skip to content

📅 Booking Calendar – Front Desk

Module: Front Desk
Section: Booking Calendar
Location: Operations > Front Desk > Booking Calendar
Version: 1.0.0
Last Updated: June 2025

🧭 Overview

The Booking Calendar module provides a visual representation of all current and upcoming reservations across different rooms. It includes both monthly calendar and Gantt-style timeline views, allowing staff to manage room occupancy and plan effectively.

This view is essential for front desk users, room allocators, and hotel managers to track daily check-ins, check-outs, and availability.

🖼️ Interface Preview

📅 Monthly Booking View

Monthly Booking View

  • Displays a calendar layout for June 2025.
  • Shows booking blocks for guests like Afra Mariyah Guirguis and Ira Wilcox.
  • Helpful for visualizing stays across days/weeks in a single glance.
  • Navigation options: Month, Week, Day, Agenda.

📊 Booking Calendar (Gantt Style)

Gantt Booking View

  • Timeline view with room categories on the left and booking dates along the top.
  • Colored blocks represent bookings (e.g., Reception, Booking.com, etc.).
  • Supports filtering by source (Agoda, AirBnB, etc.).
  • Includes an Import/Export button for data operations.

🧾 Booking Details Popup

Booking Details

  • Popup appears on clicking a booking block.
  • Includes:
  • Guest Name: Ira Wilcox
  • Contact Info: Phone, Email
  • Source: Reception
  • Amounts: Total (SAR 800), Paid (SAR 80), Due (SAR 720)
  • “View Details” link for extended booking information.
  • Main Sections:
  • Front Desk
  • New Booking / Reservation
  • Booking Calendar
  • Availability, Payment, History, Room Services
  • Check-in/Check-out
  • Room & Inventory
  • Finance and Housekeeping
  • Sidebar includes logout and version number (v1.0.0).

👤 Who Can Access

Role Access Level
Admin Full access
Manager View/Edit
Receptionist View
Staff View only (optional)

🔍 View Modes and Filters

View Mode Description
Month / Week / Day / Agenda Switches between calendar views
Gantt View Horizontal timeline across rooms and dates
Source Filter Filters bookings by origin (e.g., Agoda, Booking.com, Reception, etc.)
Room Type Filter Show only selected room categories or floors

🧾 Booking Details Displayed

Field Description
Guest Name Full name of the customer
Contact Info Phone and email address
Source Origin of reservation (e.g., Reception)
Total Amount Total reservation value (in SAR)
Paid / Due Payment breakdown
View Link Redirects to full reservation detail
Section Purpose
New Booking / Reservation Add individual, group, or company booking
Availability View room availability in real time
Payment Collection Manage payments and dues
Today’s Check-In / Out Track daily guest flow

✅ How to check booking Calender – Step by Step

  1. Access the Booking Calendar

    • Navigate to Front Desk > Booking Calendar from the left-side menu.

    Side Bar Booking Calender

  2. Switch Between Views

    • Use the top toolbar to select:

      • Monthly Calendar View: Click on marked area, it will change the view. Monthly Calendar View
      • Yearly Calendar View: Click on marked area, it will change the view. Yearly Calendar View
      • Daily,or hourly View: Click on marked area, it will change the view. Daily Calendar View Hourly Calendar View
      • Gantt-style Timeline View Gantt Style View

  3. Filter Bookings

    • Apply filters to narrow down data by:
      • Source (Reception, Agoda, Booking.com, etc.)
      • Room Name
      • Date Range Filter Bookings

  4. Review Booking Information

    • Click a booking block to view:
      • Guest Name and Contact Details
      • Source of Booking
      • Total, Paid, and Due Amounts
      • Quick link to full reservation details Review Booking Information

  5. Manage Calendar Data

    • Use the Import/Export button (top-right) to:
      • Click on Kebab Menu (⋮)
      • Export booking data in supported formats
      • Import external reservation data (if needed) Manage Calendar Data

  6. View Inividual Room wise reservation

    • Click on any room to view room wise reservation Click On Room Inividual Room Wise Reservation

  7. Go to Add Reservation

    • Click on Add New Booking button to to go to Add Reservation page Click On Add New Booking

❗ Troubleshooting

Issue Solution
Booking block not showing Ensure reservation dates are valid and not expired
Overlapping reservations Use availability module to avoid room overbooking
Filter not working Reset filters or reload the calendar

📞 Support

For help with calendar display or booking conflict resolution:

  • Contact your front desk manager
  • Or email: hello@cistechltd.com

Visualize and manage your hotel’s occupancy with the intuitive and flexible booking calendar view.

📄 Download as PDF