--- title: "The Calendar Object – Visualize and Edit Time-Based Events in Board" slug: "the-calendar-object" description: "Understand the Board Calendar Object: display events by date, assign data from Cubes, apply color rules, and connect interactions with Procedures or Screens." tags: ["Objects", "Developer", "Multiple Data Models", "Planner", "Calendar", "Mask", "Screen Selection", "Power User"] updated: 2026-01-29T10:02:49Z published: 2026-03-31T09:00:24Z canonical: "help.board.com/the-calendar-object" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.board.com/llms.txt > Use this file to discover all available pages before exploring further. # The Calendar Object The Calendar Object allows you to easily select a date or a range of dates and apply your custom time selection to a Screen or a Container. Its effect on other Objects on the Screen (or the Container) is similar to applying a [Screen Selection](/v1/docs/about-the-select) on the Day or Week time Entity. The Calendar Object can also be placed on [Masks](/v1/docs/about-screen-masks) and allows users to enter a date either through text input, or by clicking on a date from the pop-up calendar interface. The time range displayed when making a selection on a Calendar Object reflects the Time Range as defined for the Data Model associated with the Screen or, in case the [Multiple Data Models mode](/v1/docs/screen-properties) is active, the Calendar itself. The Calendar Object, just like every other Board Object, can be formatted to match the graphic style of your Capsule. ![contents/assets/images/Calednar Object.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/the-calendar-object-image-zx7nh1gv.png) ## Example The following image shows a Calendar in a dashboard that displays data about salespeople of a company. The Calendar on the Screen is configured on the Day Entity and the time selection made on it drives all the data displayed in the Bar chart and the [Data View](/v1/docs/the-data-view-object): all Objects are updated instantly according to the selected time range. ![contents/assets/images/calendar-example-NEW.gif](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/the-calendar-object-image-nqpsoydr.png)