TimeRangeOption: Make entire list item clickable #37730 (#37735)

(cherry picked from commit 5b575ae91f)

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>

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}