NF10 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