---
title: "Date Range Filter on Pages"
slug: "date-range-filter-on-pages"
description: "This document demonstrates how to use and add the Date Range Filter to Pages in Decisions. This filter can be added to a Page, by creating a Page that contains a Report, then, adding a Data Range Filter via the Filter panel. "
tags: ["Simple Tiles", "Date Range Filter", "Pages and Dashboards", "Report Viewer"]
updated: 2026-06-30T17:37:06Z
published: 2026-06-30T17:37:06Z
canonical: "documentation.decisions.com/date-range-filter-on-pages"
---

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

# Date Range Filter on Pages

## Overview

The **Date Range Filter** is a feature that allows custom **Date** ranges to be applied in real-time by the viewer of a **Report** in Decisions. A user applies this filter from a **Report Viewer Page Component** at runtime, allowing them to change the data displayed via Date. The following document demonstrates applying and utilizing a Date Range Filter on **Pages** in Decisions.

Date Range Filters are not available for Reports that use data sources that are either a **Flow** or a **Query**. In these cases, a custom data source is recommended.

---

## Example

1. CREATE a [**Page**](https://documentation.decisions.com/version-10/docs/create-pages-dashboards) that contains a [Report Viewer Control](https://documentation.decisions.com/version-10/docs/report-viewer-control).
2. From the **Properties** of the **Report** **Viewer**, select PICK OR CREATE DEFAULT REPORT, then CREATE a new **Report**.
3. From the **Report** **Designer**, design a **Report** that utilizes the **Account Data Source**.
4. Under **Data Fields**, **Add Email Address** and **Created On Date**. Then, under **Filters**, Add a **Date Range Filter**. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781798670894.png)
5. Change THIS YEAR to CUSTOM under SETTINGS > Date Range in the Properties of the Date Range Filter. Then, click APPLY. **![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781798696691.png)**
6. Under **SETTINGS > Date Field**, select **Create on Date** from the drop-down; **Save** and close the **Report** **Designer** and the **Page Designer**.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781798718463.png)
7. From the **Decisions** **Studio**, **Add** the [**Page**](https://documentation.decisions.com/version-10/docs/create-pages-dashboards) to a **Designer Project**.
8. Navigate to the added **Page** via the tabs at the top of the Page. Then, via the CUSTOM DATE RANGE drop-down, set a **Date Range** by establishing a **From** and **To** **Date**, and click APPLY.
9. Verify that the **Report** is displaying entries within the defined **Date Range**. ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781798761338.png)

---

## Date Range Filter and Multiple Components

A key capability of the **Date Range Filter** is its ability to control how *multiple components,* such as Reports and Charts, are filtered simultaneously. When a Custom Date Range is selected at runtime, all components referencing the same **Date Field** (e.g., **Created On Date**) are filtered accordingly.

For example, a Page can include two separate **Reports**: one with the **isActive** field set to **True**, and another with **isActive** set to **False.** If both Reports use **Created On Date** within their **Date Range Filter**, selecting a custom date range at runtime filters both Reports in sync according to the selected range.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781799050772.png)![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781799158918.png)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781799475927.png)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781799514820.png)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1781799574237.png)