Date Range Component
Goal: UX/Functional
Developer: cloudempiere, Takacs Peter, Design: Norbert Bede Review: Hengsin Low, CarlosRuiz
Feature Ticket: IDEMPIERE-5443
Improvement
This feature introduces a new UI component that allows the user to select date ranges more effectively. The component can be used in various parts of the system. Mainly: windows, report and process, forms, info windows.- also custom modules as Dashboard Filter. (upcoming in next releases)
Implementations in system modules
Implementation - Process/Report

When Range is enabled, on process parameter, then new icon appear, allow select range with new range component
Implementation - Window Lookup Record/Advanced Tab

When use click on Date to on Lookup, or Select Advanced Search Between operator, allow select range with new range component
Implementation for Info Window

When 2 date fields added automatically Date Range detected, and Date Range Component appear.
Date vs Date Range Reference (new)
Date Field: on each Dates fields small "time" icons appear, which allow open Date Range Component - when user select specific range, the dates are filled into date from/to fields.
Date Range: replace date from to with human readable range eg. Before 10 november 2022 or Last 3 months etc. (TODO)
Functionalities
Current (default) - allow select full ranges of Day, Week, Month, Year

Allow select Current: Day, Week, Month, Quarter, Year
Previous N / Day, Week, Month, Quarter, Year (range) - starts with previous period (excl. actual)

Illustrates, how the user able to select previous period
Next N / Day, Week, Month, Quarter, Year (range) - starts with previous period (excl. actual)

Illustrates, how the user able to select future period
Before a specific date

Illustrates, how the user able to select a period before selected date.
After a specific date

Illustrates, how the user able to select a period after selected date.
ON exact date

Illustrates, how the user able to select a period On selected date.

Illustrates specific layout for selecting various periods quickly.
Between two dates

Illustrates how the user able to select a specific date ranges with 2 calendar pickers
Ago - defines a time interval in the past, in the length of the specified unit

Source: Wiki