---
title: "Understanding Calendar Widget"
slug: "understanding-calendar-widget"
updated: 2026-03-10T13:04:13Z
published: 2026-03-10T13:04:13Z
canonical: "documentation.encodify.com/understanding-calendar-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.encodify.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Understanding Calendar Widget

## Overview

---

The**Calendar Widget**allows you to display your data in a calendar layout, making it ideal for visualising time-based elements such as deadlines, events, scheduled tasks, or milestones. It helps teams stay coordinated and aware of upcoming priorities.

## Understanding Calendar Widget

---

Once a **Calendar Widget** has been configured, it will appear on the **Workspace**. Users with **Creator**, **Co-owner**, or **Editor** permissions can **drag and drop** the widget to **reposition** and **resize** it as needed.

![Calendar widget displaying July 2025 with scheduled events and bar chart data.](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-07-25 171824.png)

An image showcasing the Calendar Widgets on a workspace in a view mode

The table below provides a quick overview of Calendar Widget:

| **Action** | **Visual Guide** |
| --- | --- |
| 1. The [**Filters**](/v1/docs/filters) panel allows you to define specific search criteria to narrow down results and quickly find relevant items. Filters specified within the widget configuration are respected as the primary level of filtering. Any additional filters applied by the user within the widget itself serve only to narrow down the available data, without altering the original filter settings. You can apply one or multiple filters based on fields such as status, date, user, or custom metadata, helping you refine your view with precision. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.12.21.png) |
| 1. **Maximise** the widget to occupy the full height and width of the workspace. You can **Restore** it to its previous size at any time. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.12.39.png) |
| 1. Navigate to the **Next** or **Previous** date period. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.13.31.png) |
| 1. Adjust the view to display the timeline by **Day**, **Week**, **Month**, or **Schedule**, depending on the level of detail you need. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.14.08.png) |
| 1. Navigate directly to **Today** | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.16.13.png) |
| 1. **Add** a new item to a specific module. To add items to the calendar, the following conditions must be met: - You must have access to the module. - Edit access to the **Start Date** field is required. - Edit access to the **End Date** field is also required, if it has been configured. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.17.34.png) |
| 1. You can adjust the start and end dates of a**timeline bar** by dragging its handles or by moving the entire bar. To open the item in a modal, simply left-click on the selected bar. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.21.28.png) |
| 1. The **actions menu** can be accessed by right-clicking on the**timeline bar.** It provides access to a range of additional features, including **changing the status**, **copying the item**,**launching online proofing**, and more. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-05-08 at 13.23.04.png) |
| 1. **Refresh** the widget to load the latest data. During data retrieval (manual or automatic), the refresh button is disabled to avoid duplicate requests. It will be re-enabled once loading is complete. *Note*: Configuration changes require a full page reload, and the “last updated” timestamp is not updated when data is refreshed via configuration changes or item edits within the widget. | ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Screenshot 2025-07-28 095445.png) |