From f3fb083381e5d4f30414bfa907c39258599f1816 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Fern=C3=A1ndez?= <laura.fernandez@grafana.com>
Date: Mon, 8 Apr 2024 12:44:01 +0200
Subject: [PATCH] GrafanaUI: `DateTimePicker` - replace `HorizontalGroup` with
 `Stack` component (#85663)

---
 .../DateTimePickers/DateTimePicker/DateTimePicker.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/DateTimePicker/DateTimePicker.tsx b/packages/grafana-ui/src/components/DateTimePickers/DateTimePicker/DateTimePicker.tsx
index 4dfb5180d4f..3df2c3b7565 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/DateTimePicker/DateTimePicker.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/DateTimePicker/DateTimePicker.tsx
@@ -15,7 +15,7 @@ import { Button } from '../../Button/Button';
 import { InlineField } from '../../Forms/InlineField';
 import { Icon } from '../../Icon/Icon';
 import { Input } from '../../Input/Input';
-import { HorizontalGroup } from '../../Layout/Layout';
+import { Stack } from '../../Layout/Stack/Stack';
 import { getModalStyles } from '../../Modal/getModalStyles';
 import { Portal } from '../../Portal/Portal';
 import { TimeOfDayPicker, POPUP_CLASS_NAME } from '../TimeOfDayPicker';
@@ -329,14 +329,14 @@ const DateTimeCalendar = React.forwardRef<HTMLDivElement, DateTimeCalendarProps>
             disabledSeconds={disabledSeconds}
           />
         </div>
-        <HorizontalGroup>
+        <Stack>
           <Button type="button" onClick={() => onChange(dateTime(internalDate))}>
             Apply
           </Button>
           <Button variant="secondary" type="button" onClick={onClose}>
             Cancel
           </Button>
-        </HorizontalGroup>
+        </Stack>
       </div>
     );
   }