Configure Relative Date Filtering and Default Timeframes

Get Started
Functionality
Learning
Extension
Dev Tooling
APIs
Releases

How-to Guide

Author:

Yulia Andreyanova

Changed on:

26 Feb 2026

Key Points

Relative date filtering enables dynamic time-based presets (e.g., last hour, last 24 hours, last 7 days).
Relative timeframes are calculated at runtime using templates.
This capability can be applied wherever date-based filters are supported.

Steps

Understand Relative Date Filtering

Relative date filtering allows filter values to be dynamically calculated based on the current time rather than fixed timestamps.You can define relative logic, such as:

Last 1 hour
Last 24 hours
Last 7 days
Last 30 days

This reduces user interaction and ensures results remain time-relevant.

Configure Default Relative Timeframe

Default date values can be configured using the `filter.overrides` property of the List component.When users open a date filter, the configured default timeframe is pre-populated in the date picker. The filter is not automatically applied — users must confirm the selection for it to take effect.

1{
2"overrides": {
3  "createdOn": {
4    "defaultValue": {
5      "from": "{{dateFormat (dateAdd day=-30) 'YYYY-MM-DD[T]HH:mm:ss[Z]' true _locale='en'}}",
6      "to": "{{dateFormat (dateAdd day=-1) 'YYYY-MM-DD[T]HH:mm:ss[Z]' true _locale='en'}}"
7            }
8        }
9    }
10}

Supported Default Value Types

Default values configured via `filter.overrides` may be static (absolute date values) or dynamically evaluated (relative timeframes using templates).

Note

Relative date configuration defines only the initial filter state.Users can override or remove the filter unless additional restrictions are configured.

Yulia Andreyanova

Knowledge Tracks Related To This Topic

Filtering and Searching in Fluent OMS Web App

Configuring Wildcard Search with a Two-Layer Model

Filter Panel Component

Complex Filter Component

Select Field Component

Multi-Value Search Component

Filter Panel: Configuration, Customization, and Best Practices

Complex Filter Configuration: Tips and Techniques

Using Predefined Values in Order Tag Filters

Rename Order Tag Filters to Business-Friendly Labels

Enable the Status Filter with Predefined Values

Configure Relative Date Filtering and Default Timeframes

Building Better Filters: From Reusable Components to Customer Search

1{
2"overrides": {
3  "createdOn": {
4    "defaultValue": {
5      "from": "{{dateFormat (dateAdd day=-30) 'YYYY-MM-DD[T]HH:mm:ss[Z]' true _locale='en'}}",
6      "to": "{{dateFormat (dateAdd day=-1) 'YYYY-MM-DD[T]HH:mm:ss[Z]' true _locale='en'}}"
7            }
8        }
9    }
10}

Configure Relative Date Filtering and Default Timeframes

Key Points

Steps

Understand Relative Date Filtering

Configure Default Relative Timeframe

Yulia Andreyanova

Knowledge Tracks Related To This Topic

Building Blocks

By Type

Helpful Resources

Quick Links