From b22b337c87b3e0d0067744b89780d54579c2f855 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Tue, 10 Aug 2021 14:10:44 +0200
Subject: [PATCH]  TimeRangeOption: Make entire list item clickable #37730
 (#37735)

(cherry picked from commit 5b575ae91f22dce2a3c15b5e4dbc0721146ba8a1)

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
---
 .../DateTimePickers/TimeRangePicker/TimeRangeOption.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeOption.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeOption.tsx
index a622e8d6f0c..14627ea9589 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeOption.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeOption.tsx
@@ -52,7 +52,7 @@ export const TimeRangeOption = memo<Props>(({ value, onSelect, selected = false,
   const id = uuidv4();
 
   return (
-    <li className={cx(styles.container, selected && styles.selected)}>
+    <li onClick={() => onSelect(value)} className={cx(styles.container, selected && styles.selected)}>
       <input
         className={styles.radio}
         checked={selected}