# Time Range Picker

> Use the shared time range picker to set relative or absolute time windows across Logs, Traces, Metrics, Dashboards, and more.

Source: https://last9.io/docs/time-range-picker/

The time range picker is available in the top-right corner of every page in Last9 — Logs, Traces, Metrics, Dashboards, Services, and more. It controls the time window for all data displayed on the current page.

![Time range picker showing quick ranges and calendar time presets](../../../../assets/content/docs/time-range-picker/time-range-picker-dropdown.png)

## Quick Access with Keyboard

The fastest way to change the time range is to never leave the keyboard. See [Keyboard Shortcuts](/docs/keyboard-shortcuts/) for all available shortcuts in Last9.

| Key           | Action                                             |
| ------------- | -------------------------------------------------- |
| `Alt/Opt + T` | Open time picker and focus the shorthand input     |
| `↑` / `↓`     | Navigate dropdown options or suggestions           |
| `Enter`       | Apply typed shorthand or select highlighted option |
| `Escape`      | Close dropdown                                     |
| `Tab`         | Move through interactive elements                  |

### Shorthand Input

Press `Alt/Opt + T` to open the picker and start typing a shorthand. Press `Enter` to apply.

| Shorthand   | Long Form  | Result            |
| ----------- | ---------- | ----------------- |
| `5m`        | `5minutes` | Last 5 mins       |
| `1h`        | `1hour`    | Last 1 hour       |
| `2d`        | `2days`    | Last 2 days       |
| `1w`        | `1week`    | Last 1 week       |
| `3mo`       | `3months`  | Last 3 months     |
| `today`     | —          | Since midnight    |
| `yesterday` | —          | Previous full day |

Space-separated forms like `1 day` or `15 minutes` also work.

:::tip
Nothing applies until you press `Enter` — type and review before committing.
:::

### Dynamic Suggestions

As you type a number, the picker suggests matching ranges across all units. For example, typing `3` shows:

![Typing "3" shows suggestions for 30m, 3h, 3m, 3d, 3w, and 3mo](../../../../assets/content/docs/time-range-picker/time-range-picker-suggestions.png)

Use `↑` / `↓` to move through suggestions and `Enter` to select.

## Preset Ranges

The picker includes preset ranges organized in two groups:

**Relative ranges** — durations measured from now:

| Badge | Range         |
| ----- | ------------- |
| `5m`  | Last 5 Mins   |
| `15m` | Last 15 Mins  |
| `30m` | Last 30 Mins  |
| `1h`  | Last 1 Hour   |
| `3h`  | Last 3 Hours  |
| `6h`  | Last 6 Hours  |
| `12h` | Last 12 Hours |
| `1d`  | Last 1 Day    |
| `2d`  | Last 2 Days   |
| `7d`  | Last 7 Days   |

**Calendar time presets** — ranges anchored to calendar boundaries:

| Badge | Range          |
| ----- | -------------- |
| `14h` | Today          |
| `24h` | Yesterday      |
| `14h` | Week to Date   |
| `7d`  | Previous Week  |
| `3w`  | Month to Date  |
| `1mo` | Previous Month |

Each option shows a duration badge so you can quickly gauge the time span.

## Custom Time Range

For precise control, select **Select from calendar...** at the bottom of the dropdown. This opens the calendar view where you pick exact **From** and **To** timestamps.

![Custom date range with From and To pickers and Apply Range button](../../../../assets/content/docs/time-range-picker/time-range-picker-calendar.png)

1. Click **Select from calendar...** in the dropdown
2. Set the **From** date and time
3. Set the **To** date and time
4. Click **Apply Range**

To go back to presets, click **Back to presets...** at the top of the calendar view.

## Timezone

The timezone selector is at the bottom of the dropdown. By default it uses your browser's local timezone. Click it to switch between your local timezone and UTC.

The trigger bar also displays the current timezone offset (e.g., `UTC+05:30`) for quick reference.

## Live Mode

Toggle **Live** mode using the play/pause button on the right side of the time picker. When enabled, the picker shows a **Live** badge on the left, the page auto-refreshes, and streams new data as it arrives. The selected relative time range continues to slide forward.

---

## Troubleshooting

Please get in touch with us on [Discord](https://discord.com/invite/Q3p2EEucx9) or [Email](mailto:support@last9.io) if you have any questions.
