How to Edit a Package Service Appointment in MioSalon?

How to Access Appointment Details to Edit the Package Service Appointment

Before you can edit, for a package booking, you need to open the appointment details. MioSalon gives you two ways to do this:

Option 1: Via Calendar View

1.      Go to Appointment from the left menu.

2.      Make sure you’re on the Calendar view (top-right toggle).

3.      The package appointment appears as a coloured block under the assigned staff column.

4.      Click on the appointment block to open the Appointment Details popup.

Calendar view showing package appointment blocks under staff columns

Appointment Details popup (Calendar view) displays:

·       On the right side, you’ll see the Appointment Status options.

·       At the bottom, you have four action buttons:

o   Cancel Appointment (red) — Cancel this appointment

o   Freeze — Freeze the appointment

o   Edit — Edit the appointment details

o   Raise Sale — Raise a sale/bill for this appointment

Appointment Details popup showing package info, status options, and action buttons

Option 2: Via List View

1.      Go to Appointment from the left menu.

2.      Click the “List” toggle in the top-right corner (next to Calendar).

3.      All appointments are displayed as individual cards.

Each appointment card shows the client details, date, staff, time, and booked services.

At the bottom of each card, you’ll see two buttons: - “View Details” — Opens the appointment details popup - “New ▲” — Shows the current appointment status

Appointment List card showing client details, package info, and View Details button

Click “View Details” to open the Appointment Details popup:

·       At the bottom, you have three action buttons:

o   Cancel Appointment (red) — Cancel this appointment

o   Edit — Open the Edit Appointment screen

o   Raise Sale — Raise a sale/bill for this appointment

Appointment Details popup from List view with Cancel, Edit, and Raise Sale buttons

1. Edit a Package Appointment

Overview

Clients may need to adjust their package booking by changing the preferred stylist or shifting the time of specific services within the package. The Edit Appointment feature lets you update these details directly without deleting and rebooking the package. You can reassign staff or tweak the time slots for individual services within the package, and the system will re-check availability to ensure there are no conflicts.

Navigation Path

·       Via Calendar: Appointment → Calendar → Click appointment block → Edit

·       Via List: Appointment → List → View Details → Edit

Step-by-Step Instructions

Step 1: Click “Edit”

·       On the Appointment Details popup, click the “Edit” button at the bottom.

·       This opens the Edit Appointment screen.

Step 2: Make Your Changes

On the Edit Appointment screen, you can update the package services:

·       Left Panel: Displays available packages.

·       Right Panel: Displays the selected package and its services. You can update the Date and Appointment Start Time at the top.

·       For each service within the package (e.g., Facial, Threading), you can:

o   Change the Staff assigned to that specific service using the staff dropdown.

o   Change the Time Slot for that specific service using the time dropdown.

o   Click the Delete icon to remove a service from this booking session.

Edit Appointment screen with package services and editable fields on right

Step 3: Check Availability and Update

·       Click “Check All Availability” to verify that the updated staff and time slots are available.

·       Click “Proceed Appointment” to go to the Appointment Summary.

Step 4: Review and Save

·       On the Appointment Summary screen, review all the updated details:

o   Client information and financial summary on the left.

o   Package details (name, services, staff, time slots) on the right panel.

·       Click “Update” to save your changes.

Appointment Summary screen showing updated package details with Update button