---
title: "Configuring Calendar Widget"
slug: "configuring-calendar-widget"
updated: 2026-03-11T07:54:49Z
published: 2026-04-30T10:00:01Z
canonical: "documentation.encodify.com/configuring-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.

# Configuring Calendar Widget

## How to create a Calendar Widget

---

To open the Calendar widget configuration modal, follow these steps:

1. Navigate to the **Widget Library**(see [Manage Widgets](/v1/docs/manage-widgets) for more details).
2. Locate **Calendar**and click on the card.
3. Select a module in **Module** select box.
4. Toggle the following options if needed: **Weekends**, **Week number**, **Fade events in the past**.
5. Select **Default Calendar Period**(default value is “Week”).
6. Configure **Widget Refresh Rate** **(seconds)**if needed**.** If enabled, set a time interval – the widget will auto-refresh after this period, unless previous request is still in progress.
7. In the **Fields** section, configure the**Bar Label Field, Start Date Field,**and**End Date Field**options.
8. Specify a **Filter** to limit the data returned and define which records should appear in the search results (active, inactive, etc). To use an existing filter from the module, select **Saved Filters**. To create a new filter, choose **Custom Filter**.
9. Define available item actions in the **Widget Actions**section.

![Calendar widget displaying scheduled meetings and configuration options for event management.](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Calendar widget settings.png)

An image highlighting the Data tab within Calendar Widget configuration

1. Navigate to the **Appearance** tab to configure widget’s appearance or click **Create** to save with default settings.
2. Select a **Bar Color** from the color picker, or add **Conditional Formatting** to apply dynamic formatting based on the item’s data.
3. Click **Create** to confirm your settings and add the widget.

![Calendar widget displaying scheduled meetings and offline status for the week of March 9, 2026.](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Calendar widget settings_2.png)

An image highlighting the Appearance tab within Calendar Widget configuration

**Known behaviour:** after implementing the **“Default Calendar Period”** property, the user’s preference is reset to **“Week”** for all existing Calendar widgets during migration.