> For the complete documentation index, see [llms.txt](https://docs.simplespa.net/simplespa-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.simplespa.net/simplespa-documentation/daily-operations/appointments/calendar.md).

# Calendar

Find your way around the SimpleSpa appointments calendar, its views, printing, staff filter and search.

The SimpleSpa Calendar shows your entire business schedule, with all your appointments and all your staff, in a single window.

* **Colors:** An appointment's color changes with its status. For example, a completed appointment appears green, unless you change the color in your settings.
* **White slots** are free slots that you can book.
* **Grey slots** are non-working hours. Breaks appear in a lighter shade of the non-working color.
* **Drag and drop:** Drag an appointment to a different time slot, or to a different staff member's column to reassign it.
* **Click** any appointment to open it.

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FPP6uVui3zhDBIsCJsWlJ%2FScreenshot%202024-07-04%20at%202.09.34%E2%80%AFPM.png?alt=media&#x26;token=a255ebde-e8d2-43b8-98bb-109348e3dbca" alt=""><figcaption><p>The SimpleSpa Appointments page</p></figcaption></figure>

{% hint style="info" %}
A cleaner calendar look is available with the New UI. See [Switching to the New UI](/simplespa-documentation/get-started/new-ui.md).
{% endhint %}

## Changing dates

Use the date selection and navigation buttons in the top right of the Appointments page navigation to change dates.

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2Fu1CyvlcXfjJg7Zzz6JRg%2FScreenshot%202024-07-14%20at%208.24.09%E2%80%AFPM.png?alt=media&#x26;token=6f9172a7-b440-4c30-9fbc-22610d2282a8" alt=""><figcaption><p>The Appointments page date navigation</p></figcaption></figure>

## Appointment views

To change the view, click its button in the top menu. The default is the **Agenda** view, which most businesses prefer.

### Basic

![](https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FOCUmIP9ET33hf8jSWls2%2FScreenshot%202024-07-14%20at%208.11.34%E2%80%AFPM.png?alt=media\&token=6fc3d1f8-a8a7-443f-bcbb-02b6a857dac7)

### Agenda

![](https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FxLJTDiEXGZd3TD4Fo4O2%2FScreenshot%202024-07-14%20at%208.11.55%E2%80%AFPM.png?alt=media\&token=1d7bf38b-8c39-44f8-9013-bd0ed08d2a26)

### Timeline

![](https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FJLoJJEl4uJMm3x8DNphd%2FScreenshot%202024-07-14%20at%208.12.17%E2%80%AFPM.png?alt=media\&token=37c37f07-ad32-4016-b069-309a622e7a99)

### Weekly

![](https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FD1OIvnX5tpbMAuVTTx55%2FScreenshot%202024-07-14%20at%208.12.32%E2%80%AFPM.png?alt=media\&token=6425d323-93d3-4eef-8005-683498efd632)

### Monthly

![](https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FmdSeVwIpPIFdsCraBVmj%2FScreenshot%202024-07-14%20at%208.13.10%E2%80%AFPM.png?alt=media\&token=9279fef2-be29-447e-b985-b32620c74e2c)

### Resource

The Resource view shows all allocated resources, if you have resources set up in the system.

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FyYzFcnAKwSK94sIdDX65%2FScreenshot%202024-07-14%20at%208.08.51%E2%80%AFPM.png?alt=media&#x26;token=1361dac8-b916-435b-a699-681a227f2e7f" alt=""><figcaption><p>The Appointment View selection menu</p></figcaption></figure>

## Moving an Appointment When a Resource Is Busy

If you drag or resize an appointment to a time when its required resource (for example a room or machine) is already in use, SimpleSpa asks what to do:

* **OK** keeps your change, and the appointment is saved without a resource allocated.
* **Cancel** puts the appointment back where it was.

The new booking wizard asks the same question after you save a booking. Choosing not to keep it removes the booking.

## Live Updates Across Devices

When someone books or changes an appointment on another computer or tablet, your calendar updates on its own within about 20 seconds. You don't need to refresh the page.

## Printing the schedule

Press the **Print** button in the Appointments page navigation to quickly print a simple daily appointment view.

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FALljw8DOO7ZQwdbi25ae%2FScreenshot%202024-07-14%20at%208.14.52%E2%80%AFPM.png?alt=media&#x26;token=5575fa5d-6c81-4d07-a58f-93f25de54051" alt=""><figcaption><p>The Print button on the SimpleSpa Appointments page</p></figcaption></figure>

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FNdfGYSAWib5Elh9SUtgl%2FScreenshot%202024-07-14%20at%208.15.25%E2%80%AFPM.png?alt=media&#x26;token=254dfe77-1b20-4ecb-ad20-3ba1a1953dc5" alt=""><figcaption><p>The printer prompt after pressing the Print button</p></figcaption></figure>

## Filtering the calendar by staff

To show a single staff member on the calendar, use the filter button in the Appointments page navigation and select the staff member from the dropdown.

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2Fr1u9iATwUWyD2E80immA%2FScreenshot%202024-07-14%20at%208.17.36%E2%80%AFPM.png?alt=media&#x26;token=38f6a452-ff12-4eaa-b199-4fbba31648aa" alt=""><figcaption></figcaption></figure>

## Search appointments

Press the search icon in the Appointments page navigation to search by client name, service or phone number. See [Searching Appointments](/simplespa-documentation/daily-operations/appointments/searching-appointments.md).

<figure><img src="https://695085455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa9tSKQ7Cexg8YEba5Evb%2Fuploads%2FAS7u2qVA919LHVWzLurj%2FScreenshot%202024-07-14%20at%208.21.03%E2%80%AFPM.png?alt=media&#x26;token=99916d57-51bb-46d5-b50b-cf2ad85bf1bc" alt=""><figcaption><p>The appointment search area on the Appointments page</p></figcaption></figure>

## Related

* [Creating an Appointment](/simplespa-documentation/daily-operations/appointments/creating-an-appointment.md)
* [Creating a Block](/simplespa-documentation/daily-operations/appointments/creating-a-block.md)
* [Offline Mode](/simplespa-documentation/daily-operations/appointments/offline-mode.md)
