Calendar Overview
How to use the admin calendar to manage reservations - views, navigation, color coding, and creating events.
Calendar Overview
The calendar is every administrator's primary working tool in Reservine. It provides a visual overview of all reservations and blocks, the ability to quickly create new events, and real-time tracking of changes from customers and other team members.
After logging into the admin panel, the calendar is displayed as the default page. You can also access it at any time via the main menu by clicking Calendar.
View Modes
The calendar offers several view modes that you can switch between using the dropdown in the calendar header:
| Mode | Description | When to Use |
|---|---|---|
| Day | Detailed view of a single day with all time slots | For managing a specific day |
| 2 Days | View of the current and next day side by side | For short-term planning |
| 3 Days | View of three consecutive days | For mid-range overview |
| Week | Full weekly overview (Monday - Sunday) | Most common mode for management |
| Month | Overview of the entire month with event thumbnails | For long-term planning |
| Year | Annual occupancy overview | For seasonal analysis |
| Employees | Columns by employees instead of days | For team coordination |
| List | Text list of events (agenda) | For quick searching |
The Employees mode is particularly useful for ServiceProvider branches where you need to see the workload of individual team members within a single day.
Calendar Navigation
Moving Between Dates
- Click the left/right arrows in the calendar header to move to the previous/next period
- Click the Today button to instantly return to the current day
- In the month view, click directly on a specific day to jump to the day detail
Scrolling and Touch Gestures
The calendar uses smooth momentum-based scrolling. This means:
- On desktop, you can scroll vertically with the mouse to move through time slots
- On mobile devices and tablets, touch swiping works in all directions
- Scrolling has inertia - after a quick swipe, the calendar smoothly decelerates
Employee Filtering
In day or week view, you can hide or show columns for specific employees. This is useful when you want to see only certain team members:
- Click the filter icon in the calendar header
- Check or uncheck individual employees
- The calendar immediately displays only the selected columns
Status Filtering
You can filter which reservations appear in the calendar based on their status (confirmed, pending, cancelled, etc.). Filters are available in the calendar header.
Reservation Color Coding
Each reservation in the calendar is displayed as a colored block. The color corresponds to the current reservation status:
| Color | Status | Meaning |
|---|---|---|
| Green | Confirmed | The reservation is approved and the customer is expected |
| Yellow | Pending | A new reservation awaiting admin confirmation |
| Red | Cancelled | The reservation has been cancelled |
| Gray | Completed | The service has already been provided |
In addition to reservations, the calendar may also display blocks (gray without content) that indicate blocked time - for example, a lunch break or space maintenance.
Creating Events from the Calendar
You can quickly create a new reservation or block directly from the calendar:
- Click on an empty space in the calendar at the desired time slot
- The New Event dialog opens
- Select the event type:
- Reservation - create a new reservation for a customer
- Block - block a time slot (e.g., for a break or private event)
- Fill in the required details (customer, service, employee, time)
- Confirm the creation
Blocks are useful for blocking time when you don't want to accept reservations - for example, lunch breaks, team meetings, or space maintenance. Customers won't see these blocks and the time slots won't be offered to them.
Working with Existing Reservations
Opening the Detail
Clicking on any colored reservation block in the calendar opens the reservation detail, where you can change the status, add notes, or cancel the reservation.
Moving a Reservation (Drag and Drop)
You can move a reservation to a different time or day by dragging it directly in the calendar:
- Hover your mouse over the reservation
- Press and hold the mouse button
- Drag the reservation to the desired time
- Release the button to confirm the move
Real-Time Updates
The calendar updates automatically in real time. When a customer creates a new reservation through your online form, it appears in the calendar immediately without needing to refresh the page. You'll also see changes made by other team members.
This synchronization works through a WebSocket connection - the calendar is constantly connected to the server and responds to changes instantly.
If your calendar hasn't updated in a while (e.g., due to a poor internet connection), refresh the page to load the current state.
Returning to Today
If you're browsing old reservations and the calendar is showing past days, the system will prompt you to return to today after a period of inactivity. You can accept by clicking Back to Today or ignore the prompt and continue browsing history.
Tips for Working Efficiently with the Calendar
- Week view is ideal for daily management - you can see the entire working day at a glance
- Use Employees mode when you need to quickly see who's available and who's booked
- Status filters help when you want to see only pending reservations that need confirmation
- When creating blocks, don't forget to set up recurrence if it's a regular event (e.g., lunch breaks)