From 57ecd3d3d34c5c4544dd222e6c40d990810da78d Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 23 Feb 2023 11:01:03 +0100
Subject: [PATCH] [v9.4.x] TimeRangeInput: Fix positioning of dropdown menu
 (#63612)

TimeRangeInput: Fix positioning of dropdown menu (#63472)

fix TimeRangeInput positioning

(cherry picked from commit bcaf4dc0b1766991d9f38dc3c69c0e341c9435d1)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
---
 .../src/components/DateTimePickers/TimeRangeInput.tsx          | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx
index d4c6d4d29c0..ae8f995f63e 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx
@@ -127,6 +127,9 @@ const getStyles = stylesFactory((theme: GrafanaTheme2, disabled = false) => {
     `,
     content: css`
       margin-left: 0;
+      position: absolute;
+      top: 116%;
+      z-index: ${theme.zIndex.dropdown};
     `,
     pickerInput: cx(
       inputStyles.input,