From b5bf54f5ac2abf9073ddb64947df339a733b7fe7 Mon Sep 17 00:00:00 2001
From: Carl Bergquist <carl@grafana.com>
Date: Fri, 22 May 2020 15:17:19 +0200
Subject: [PATCH] updates broken link to time range docs (#25008)

---
 .../TimePickerContent/TimePickerContent.tsx   | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/grafana-ui/src/components/TimePicker/TimePickerContent/TimePickerContent.tsx b/packages/grafana-ui/src/components/TimePicker/TimePickerContent/TimePickerContent.tsx
index 223d525b0c7..f5bc500518c 100644
--- a/packages/grafana-ui/src/components/TimePicker/TimePickerContent/TimePickerContent.tsx
+++ b/packages/grafana-ui/src/components/TimePicker/TimePickerContent/TimePickerContent.tsx
@@ -1,15 +1,15 @@
-import React, { useState, memo } from 'react';
-import { useMedia } from 'react-use';
+import { GrafanaTheme, isDateTime, TimeOption, TimeRange, TimeZone } from '@grafana/data';
 import { css } from 'emotion';
-import { useTheme, stylesFactory } from '../../../themes';
-import { GrafanaTheme, TimeOption, TimeRange, TimeZone, isDateTime } from '@grafana/data';
+import React, { memo, useState } from 'react';
+import { useMedia } from 'react-use';
+import { stylesFactory, useTheme } from '../../../themes';
+import { CustomScrollbar } from '../../CustomScrollbar/CustomScrollbar';
 import { Icon } from '../../Icon/Icon';
+import { getThemeColors } from './colors';
+import { mapRangeToTimeOption } from './mapper';
 import { TimePickerTitle } from './TimePickerTitle';
 import { TimeRangeForm } from './TimeRangeForm';
-import { CustomScrollbar } from '../../CustomScrollbar/CustomScrollbar';
 import { TimeRangeList } from './TimeRangeList';
-import { mapRangeToTimeOption } from './mapper';
-import { getThemeColors } from './colors';
 
 const getStyles = stylesFactory((theme: GrafanaTheme) => {
   const colors = getThemeColors(theme);
@@ -263,7 +263,11 @@ const EmptyRecentList = memo(() => {
         </span>
       </div>
       <div>
-        <a className={styles.link} href="https://grafana.com/docs/grafana/latest/reference/timerange/" target="_new">
+        <a
+          className={styles.link}
+          href="https://grafana.com/docs/grafana/latest/dashboards/time-range-controls"
+          target="_new"
+        >
           Read the documentation
         </a>
         <span> to find out more about how to enter custom time ranges.</span>