Booking Detail Modal
Updated March 2, 2026
The Booking Detail Modal gives you full control over any booking directly from the calendar. Click any booking block to open a detailed modal with two tabs, inline editing, notes, and all available actions — no need to navigate to a separate page.
Opening the Modal
Click on any booking in the Calendar (Week, Day, or Month view). The modal opens with the Booking tab active.
Booking Tab
The main tab shows all booking information in a two-column layout:
| Left Column | Right Column |
|---|---|
| Date | Service name and price |
| Time range and duration | Customer name and email |
| Location (if set) | Staff member |
Meeting Link
If the booking is for an online service, you'll see a meeting section with Join Meeting and Copy Link buttons.
Notes
- Staff note — add or edit a private note visible only to staff. Click Add note or Edit note to open an inline editor.
- Customer note — read-only note left by the customer during booking.
Actions
Available actions depend on the booking status:
| Status | Available Actions |
|---|---|
| Pending | Confirm, Reschedule, Cancel |
| Pending Payment | Confirm, Cancel |
| Pending Approval | Approve, Reject (with countdown timer) |
| Confirmed | Edit, Reschedule, Cancel, Complete, Mark No-Show |
Inline Editing
For Pending or Confirmed bookings, click the Edit button to switch to edit mode:
- Change the service — staff list updates automatically
- Change the staff member
- Change the date and start time — end time recalculates based on service duration
- Click Save changes or Cancel to return to view mode
Tip: Only changed fields are sent to the server — no unnecessary updates.
Client Tab
Switch to the Client tab to see customer details:
- Contact info — name, email, phone
- Stats — total visits, no-shows, last visit date
- Recent bookings — last 5 bookings with status badges
- View profile link to the full customer page
Closing the Modal
Close the modal by clicking the X button, pressing Escape, or clicking outside the modal.