--- title: "Navigation and interface (Calendar)" canonical: "https://support.appfire.com/space/SPM/1918830944/Navigation%20and%20interface%20(Calendar)" format: markdown --- > Macro (aura-html) ## Navigation and interface (Calendar) (old navigation)
Expand ## Navigation You can navigate the Calendar in the following ways: - Scroll while hovering your mouse over it to move forward or backward by one month. - Use the navigation buttons or [keyboard shortcuts](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918862503) to move forward or backward by one month. | **Button** | **Action** | **Keyboard shortcut** | | --- | --- | --- | | ![Previous year button.](media://68bad15f-761d-41c5-abac-a0cd0b5736a0) | Previous year | Shift + Alt + , | | ![Previous month button.](media://29c5f52a-2cbf-4410-9e37-3fae94b9b192) | Previous month | Shift + , | | ![Today button.](media://1465a4b6-a2a1-4340-8fde-2a6ad51f8cb4) | Today | Shift + 0 | | ![Next month button.](media://ca4aa227-73a5-4b8c-b19b-4d370e4a789e) | Next month | Shift + . | | ![Next year button.](media://3ab8babf-4337-409b-a41e-3dcd21fbe1fc) | Next year | Shift + Alt + . | - Select the date from the date picker. The calendar will adjust the month and year. ## First day of the week In the **View** dropdown menu, you can set the first day of the week to Saturday, Sunday, or Monday. ![A dropdown menu where you can set the first day of the week.](media://b174eca0-bd76-49e2-8221-9ffbdbfd9164) ## Upcoming tasks Open the sidebar to see the list of upcoming tasks that are counted for each day starting from today. The tasks will be displayed on the list just like in the Gantt module, which means that the day on the list falls into the duration of the task (between the start and end dates of the task): ![Video presenting the Upcoming tasks panel in the Calendar module.](media://265ff104-8051-44cf-a312-eba00a1b144c) ## Full task list for a selected day Click **Show all tasks** on the calendar to view all tasks scheduled for a given date. A task list is displayed in a separate window. ![Opening a full task list scheduled for a given day.](media://7a7987f8-735d-4521-bc97-11bb98c63df6) ## End date mode The end date mode displays tasks as one-day events based on their end date. This view mode lets you focus on task deadlines. | **End date mode ON** | **End date mode OFF** | | --- | --- | | ![Screenshot of the Calendar module when end end date mode is on.](media://e3076562-4e3b-4a15-9aa7-316de39c012c) | ![Screenshot of the Calendar module when end end date mode is off.](media://2ae7ff64-ecf6-4c8a-b98a-141579a8d675) | ### Activate end date mode To activate the end date mode: 1. Expand the **View** menu at the top of the **Calendar module**. 2. Check the **End date mode** feature. > ℹ️ To activate the **End date mode**, you can use the **Shift** + **D** keyboard shortcut. ![Screenshot of the end date mode in the Calendar module.](media://e063c3f5-d2d5-4478-8548-566a515c9f67)
## Navigation and interface (Calendar) (new navigation)
Expand ## Navigation You can navigate the Calendar in the following ways: - Scroll while hovering your mouse over it to move forward or backward by one month. - Use the navigation buttons or [keyboard shortcuts](https://appfire.atlassian.net/wiki/spaces/SPM/pages/1918862503) to move forward or backward by one month. | **Button** | **Action** | **Keyboard shortcut** | | --- | --- | --- | | ![calendar-back.png](media://45f8e2f1-5062-479e-8317-01156fda1aef) | Previous year | Shift + Alt + , | | ![calendar-back-single.png](media://f9c67b59-424b-4896-8529-f93df86c8691) | Previous month | Shift + , | | ![calendar-today.png](media://a7a39f0b-4931-4c6b-b267-6885898410b6) | Today | Shift + 0 | | ![calendar-forward.png](media://93638719-6431-4100-a528-0e51e187a548) | Next month | Shift + . | | ![calendar-forward-double.png](media://eac8d415-20c1-4ddf-9995-b0729742c2b1) | Next year | Shift + Alt + . | - Select the date from the date picker. The calendar will adjust the month and year. ## First day of the week In the **View** dropdown menu, you can set the first day of the week to Saturday, Sunday, or Monday. ![calendar-first-day-of-a-week.png](media://84d3ba33-9f4b-45ac-99f7-3880d705f44a) ## Upcoming tasks Open the sidebar to see the list of upcoming tasks that are counted for each day starting from today. The tasks will be displayed on the list just like in the Gantt module, which means that the day on the list falls into the duration of the task (between the start and end dates of the task): ## Full task list for a selected day Click **Show all tasks** on the calendar to view all tasks scheduled for a given date. A task list is displayed in a separate window. ## End date mode The end date mode displays tasks as one-day events based on their end date. This view mode lets you focus on task deadlines. | **End date mode ON** | **End date mode OFF** | | --- | --- | | ![end-date-mode-on.png](media://6d6f6b93-629c-4b2f-b9ba-89b4c8689524) | ![end-date-mode-off.png](media://019a2421-2fbe-4451-afb5-be505f23b53e) | ### Activate end date mode To activate the end date mode: 1. Expand the **View** menu at the top of the **Calendar module**. 2. Check the **End date mode** feature. > ℹ️ To activate the **End date mode**, you can use the **Shift** + **D** keyboard shortcut. ![calendar-activate-end-date-mode.png](media://df953f94-c36c-42f6-9a03-55a86808a05f)