---
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: 2025-08-14T13:42:10Z
published: 2025-08-14T13:42:10Z
---

> ## 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/v9/docs/create-pages-dashboards) that contains a [Report Viewer Control](https://documentation.decisions.com/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/2024-08-06_13h57_46(1).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/2024-08-06_13h59_11.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/2024-08-06_13h59_56(1).png)
7. From the **Decisions****Studio**, **Add**the [**Page**](https://documentation.decisions.com/v9/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/2024-08-06_14h03_21.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-1755125176707.png) ![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1755125252976.png)

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

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

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

---

For further information on Pages, visit the [Decisions Forum](https://community.decisions.com/categories/Pages).