Skip to main content

Period Select Component

The Period Select component allows you to limit the fetched data within a specific time range.

Period Select

Selecting a Period​

Clicking on the component opens a list of predefined time ranges for easy selection.

Period Select Opened

Available Options​

  1. Today: Fetches today's data.
  2. Yesterday: Fetches yesterday's data.
  3. Last Three Days: Fetches data from the last three days.
  4. Last Week: Fetches data from the last seven days.
  5. Last Month: Fetches data from the last calendar month.
  6. Custom: Allows selecting a custom start and end date.

If you select Custom, two additional components—Start Date and End Date—will appear for manual date selection.

Custom Period Selection

Custom Date Selection​

Using the Start Date and End Date components is simple. Clicking on either will open a calendar interface.

Custom Period Calender

Changing the Month​

To select a different month:

  1. Click on the month name, and a list of months will appear.
  2. Choose the desired month from the list.

Picking a Month From the Calender

Changing the Year​

To select a different year:

  1. Click on the year, and a list of available years will appear.
  2. Choose the desired year.

Picking a Year From the Calender

Alternatively, you can use the arrow buttons next to the month and year to navigate through them.

Troubleshooting​

When selecting custom period, ensure that the start time is before the end time.