# Calendar

The calendar widget shows the status of a selected asset distributed over the course of a day. The calendar widget is specifically designed to display room occupancy.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/JmkoxUOwOUInUdu1j8mL/112CBDA3-6695-4BF8-9193-B787E0E4C934.png" alt=""><figcaption><p>The calendar widget. <br>From top to bottom: day view, week view, month view</p></figcaption></figure></div>

## Operation

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/oFCs9UNVH868OZnmZwcC/1F3DE6F7-53D9-44AF-85E5-544F911247B6.png" alt=""><figcaption><p>Month view</p></figcaption></figure></div>

<table><thead><tr><th width="102.33333333333331"></th><th></th><th></th></tr></thead><tbody><tr><td><strong>[A]</strong></td><td>Widget title</td><td>Title of the widget. Is influenced by the selection of the "Primary Asset".</td></tr><tr><td><strong>[B]</strong></td><td>Icon</td><td>Widget icon</td></tr><tr><td><strong>[C]</strong></td><td>Entry</td><td>Times that are considered "Occupied" are highlighted in the widget as an entry.<br>Move the mouse over an occupied entry to see details.</td></tr><tr><td><strong>[D]</strong></td><td>Total time </td><td>The total time the room was occupied on a given day. Note: This value also includes times outside the displayed time range.</td></tr><tr><td><strong>[E]</strong></td><td>Day</td><td>Name of the weekday</td></tr><tr><td><strong>[F]</strong></td><td>Set scaling</td><td>Click to select whether a day, a week, or a month should be displayed.</td></tr><tr><td><strong>[G]</strong></td><td>More options</td><td>See -> Widget options</td></tr></tbody></table>

### Show details

Move the mouse over a calendar entry to see more details about the corresponding entry.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/qrnzD0DwDJSCK9SoHa4e/ECE9845D-5FEA-42C4-865C-428B63A27195.png" alt=""><figcaption><p>When the mouse is moved over an entry in the calendar, the entry is highlighted and details are displayed.</p></figcaption></figure></div>

## Configuration

{% @supademo/embed demoId="iGe9ya8ZTxs7kUI6FPMDu" url="<https://app.supademo.com/demo/iGe9ya8ZTxs7kUI6FPMDu>" fullWidth="true" %}

1. Make sure you are in the "Dashboard" menu
2. Click "Add widget"
3. Click on “View”
4. Click on "Calendar"
5. Select the primary asset. The name of this asset will appear in the widget title bar.
6. Under "Room Asset", select the asset you want to link with the "Calendar" widget.
7. Specify whether the whole week or only weekdays should be considered in the widget
8. Specify the start time and end time. The time between the two values is displayed in the widget.
9. Select whether the current value or the aggregated value should be displayed.
10. Optional: Choose how much space the widget should take up on the dashboard.
11. Click "Add widget"