From 5b575ae91f22dce2a3c15b5e4dbc0721146ba8a1 Mon Sep 17 00:00:00 2001
From: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
Date: Tue, 10 Aug 2021 12:43:50 +0200
Subject: [PATCH]  TimeRangeOption: Make entire list item clickable #37730

---
 .../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}