From b5f56537c94da4da95b6c7fc984985604e87cd4d Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Mon, 15 May 2023 10:07:19 +0100
Subject: [PATCH] Accessibility: Prevent TimePickerContent overflowing page
 height (#68356)

* add max-height to TimePickerContent/Calendar

* undo change to TimePickerCalendar
---
 .../DateTimePickers/TimeRangePicker/TimePickerContent.tsx        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerContent.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerContent.tsx
index 1f65228d284..cf8d336b958 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerContent.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerContent.tsx
@@ -276,6 +276,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2, isReversed, hideQuickRang
       display: flex;
       flex-direction: row-reverse;
       height: ${isContainerTall ? '381px' : '217px'};
+      max-height: 100vh;
     `,
     leftSide: css`
       display: flex;