---
title: Add a time slider control to dashboards
description: Add a time slider control to a Kibana dashboard to filter time-based data across a range that viewers can adjust and animate.
url: https://docs-v3-preview.elastic.dev/elastic/docs-content/pull/5664/explore-analyze/visualize/add-time-slider-controls
products:
  - Kibana
applies_to:
  - Elastic Cloud Serverless: Generally available
  - Elastic Stack: Generally available
---

# Add a time slider control to dashboards
A time slider control filters a dashboard's time-based data to a range that viewers can adjust, and advance or animate backward and forward. It uses the dashboard's [global time filter](https://docs-v3-preview.elastic.dev/elastic/docs-content/pull/5664/explore-analyze/query-filter/filtering) as its initial range.

## Before you begin

To add a time slider control to a dashboard, you need:
- **All** privilege for the **Dashboard** feature in Kibana
- An existing dashboard open in **Edit** mode
- A [data view](https://docs-v3-preview.elastic.dev/elastic/docs-content/pull/5664/explore-analyze/find-and-organize/data-views) with a time field, so the dashboard has time-based data to filter

A dashboard supports only one time slider control, and it can't be placed freely on the dashboard's grid: it always stays pinned to the top of the dashboard.

## Add a time slider control

1. Open or create a dashboard.
2. Add a time slider control:
   - <applies-to>Elastic Cloud Serverless: Generally available</applies-to> <applies-to>Elastic Stack: Generally available since 9.2</applies-to> In **Edit** mode, select **Add** → **Controls** → **Time slider**.
- <applies-to>Elastic Stack: Generally available from 9.0 to 9.1</applies-to> In **Edit** mode, select **Controls** → **Add time slider control**.
3. Optional: Choose how the range moves as viewers advance or animate it. By default, the time slider covers a fixed-width range that slides along the timeline. To anchor the start instead, open the time slider and select `pin` **Pin start**, so the start stays fixed while the end extends. Select **Unpin start** to return to a sliding range. Viewers can also change this while using the control.
4. Save the dashboard. Viewers can now use the control.


## Manage the time slider control

To change the range the time slider covers, [change the dashboard's global time filter](https://docs-v3-preview.elastic.dev/elastic/docs-content/pull/5664/explore-analyze/query-filter/filtering).
To clear the current selection or remove the control, hover over the control to reveal its action icons, then select an action:

| Action                   | Description                                                                      |
|--------------------------|----------------------------------------------------------------------------------|
| **Clear**                | Reset the time slider's selected range. Available only when a range is selected. |
| **Remove** or **Delete** | Delete the time slider control from the dashboard.                               |