Calendar Views
Switch between multiple calendar layouts to match your workflow:- Month View
- Week View
- Day View
- List View
Best for: Long-term planning and overview- See entire month at a glance
- Bookings displayed as colored events
- Click any day to see details
- Fixed week count for consistent layout
Calendar Navigation
Move through your schedule efficiently:Navigation Arrows
Click Previous/Next to move forward or backward by the current view period
Today Button
Instantly jump back to today’s date from anywhere in the calendar
Date Picker
Select any specific date to jump directly to that day
Calendar Display
Time Configuration
Your calendar respects your preferences:Time Format
Time Format
Choose between:
- 12-hour format: 9:00 AM, 2:30 PM
- 24-hour format: 09:00, 14:30
Week Start Day
Week Start Day
Configure whether your week starts on:
- Monday (default)
- Sunday
Time Slots
Time Slots
Define your calendar granularity:
- 5-minute intervals (most common)
- 10-minute intervals
- 15-minute intervals
- 30-minute intervals
Business Hours
Visually distinguish your operating hours:Non-business hours appear with a subtle gray overlay, making available time slots immediately visible.
- Set different hours for each day of the week
- Define start and end times
- Mark days as closed
- Automatic visual distinction in calendar
Booking Events
Bookings appear as colored blocks in your calendar:Event Information
Each booking displays:
- Customer name (or “Walk-in”)
- Time range
- Service color coding
- Duration indicator
Event Colors
- Each service has a unique color
- Text color automatically adjusts for readability
- Helps quickly identify service types
- Visual consistency across all views
Booking Details Modal
Click any booking to view complete details:
- Customer Info
- Service Details
- Actions
- Full name
- Contact information
- Customer profile link
- Customer notes (if any)
Creating Bookings from Calendar
Add appointments directly from the calendar interface:Choose Booking Type
Select:
- New Booking: Customer appointment
- Blocked Time: Mark time as unavailable
Fill Details
Side panel opens with the booking form (see Booking Management)
Drag-and-Drop Rescheduling
Quickly reschedule appointments by dragging bookings to new time slots.
How It Works
- Click and hold any booking event
- Drag to the desired new time slot
- Drop the booking
- Confirm the reschedule in the dialog
Drag Restrictions
The system validates:- New time must be in the future
- Booking duration stays the same
- New time must fit within a single day (no overnight drag)
Confirmation Dialog
Before finalizing the reschedule, you’ll see:- Original date and time
- New date and time
- Option to confirm or cancel
- Ability to revert by clicking cancel
Canceling a Drag
Canceling a Drag
If you change your mind:
- Click “Cancel” in the confirmation dialog
- The booking returns to its original time
- No changes are saved
Blocked Time Management
Mark time as unavailable for bookings:Creating Blocked Time
Configure Block
Set:
- Block type (vacation, meeting, break, etc.)
- Start and end time
- All-day option
- Employee assignment (if applicable)
Blocked Time Display
Visual Style
- Dark semi-transparent background
- Clearly distinguishable from bookings
- Shows block name and icon
Behavior
- Prevents customer bookings in that time
- Can be edited or deleted
- Can be moved by dragging
- Supports all-day blocks
Editing Blocked Time
Click any blocked time block to:- View block details
- Change duration or time
- Update block type
- Delete the block
Recurring Events
Recurring bookings created through the booking form appear as individual instances in the calendar.
- Displays as a separate event
- Can be individually modified
- Links back to the booking series
- Shows series indicator (if configured)
Calendar Side Panel
The calendar includes a sliding side panel for:- New Booking
- Blocked Time
- Booking Details
Full booking creation interface without leaving the calendar view
Calendar Toolbar
Quick actions available in the calendar header:View Selector
Dropdown to switch between Month, Week, Day, and List views
Date Navigation
Current date display, navigation arrows, and “Today” button
Create Menu
Quick access to create bookings or block time
Date Picker
Jump to any date with the calendar picker
Responsive Calendar
The calendar adapts to your screen size:Mobile View
- Simplified day headers
- Touch-friendly event selection
- Vertical layout for better mobile viewing
- Create menu as floating action button
Desktop View
- Full calendar with all features
- Multiple visible weeks/days
- Side-by-side panels
- Hover interactions
Calendar Performance
Lazy Loading
Events load only for the visible date range, ensuring fast performance
Live Updates
Calendar refreshes automatically when bookings change
Time Zone Handling
All times are displayed in your business’s local time zone as configured in your merchant settings.
Keyboard Shortcuts
Navigate efficiently with keyboard controls:- Today:
tkey - Previous: Left arrow
- Next: Right arrow
- Month view:
mkey - Week view:
wkey - Day view:
dkey
Calendar Integration
Your calendar can sync with external calendars:Google Calendar Sync
Connect your Google Calendar for two-way synchronization
Tips for Effective Scheduling
Use Color Coding
Assign distinct colors to different service types for quick visual identification
Block Buffer Time
Add blocked time between bookings for preparation and cleanup
Review Week View
Start each week by reviewing your schedule in week view
Set Business Hours
Properly configure business hours to prevent late bookings
Next Steps
Create Bookings
Learn about booking management
Configure Settings
Set up calendar preferences
Sync Calendar
Connect external calendars