Date Range Picker

Overview

The date range picker allows you to adjust the report date range.

It appears at the top of every page where date adjustments are relevant and offers both keyboard input and visual controls for setting date ranges.

You can manually input dates, choose from preset ranges, or set your own custom range.

Display

• Visibility: The picker is available on pages where adjusting the date range is supported, once the page has fully loaded.
• Desktop View: Located in the navigation bar at the top of the page.
• Mobile View: Displayed below the page title for easier access.

Interaction Modes

There are two primary ways to interact with the Date Range Picker:

1. Keyboard Input

You can manually edit the date and time by interacting with individual date segments:

day / month / year, hour : minute : second

Each segment is editable using the keyboard, allowing for precise date-time inputs.

Applying the Date Range

Once you’ve edited the fields, click or tap anywhere outside the picker to apply the range.

2. Calendar Popup

Clicking the calendar icon opens a popup that offers several options:

• Preset Date Ranges: Includes options such as Today, This Week, Last Month, Yesterday, and All Time.
• Custom Range Selector: Allows you to define a custom range, such as Last 15 Minutes.
• Range Calendar: A visual calendar to manually pick specific start and end dates, with additional fields for selecting start and end times.
• Year Selector: Enables setting the report range to entire years.

Applying the Date Range

After selecting or adjusting the range, clicking anywhere outside the popup automatically applies the chosen range to the report.

Resetting the Range

If you need to discard the current selection, a Reset button is available in the year selector section. This will reset the picker range to the current report range.