From bcaf4dc0b1766991d9f38dc3c69c0e341c9435d1 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Thu, 23 Feb 2023 09:53:32 +0000
Subject: [PATCH] TimeRangeInput: Fix positioning of dropdown menu (#63472)

fix TimeRangeInput positioning
---
 .../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,