+++
# -----------------------------------------------------------------------
# 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>
import { TimeRangePicker } from '@grafana/ui';