+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "TimeRangePicker"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++

## TimeRangePicker variable

### TimeRangePicker variable

<b>Signature</b>

```typescript
TimeRangePicker: React.FunctionComponent<Pick<Props, "timeZone" | "value" | "onChange" | "history" | "onChangeTimeZone" | "hideText" | "timeSyncButton" | "isSynced" | "onMoveBackward" | "onMoveForward" | "onZoom">>
```
<b>Import</b>

```typescript
import { TimeRangePicker } from '@grafana/ui';
```