From bca8a5d1530059e54038863aed98beeb36f3bc83 Mon Sep 17 00:00:00 2001
From: Matej Kubinec <32638572+matejkubinec@users.noreply.github.com>
Date: Wed, 10 Aug 2022 10:00:02 +0200
Subject: [PATCH] Grafana UI: Add implicit submit to TimeRangeForm for A11y
 (#52647)

---
 .../DateTimePickers/TimeRangePicker/TimeRangeForm.tsx      | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeForm.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeForm.tsx
index 60c1584af2a..581001b1e68 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeForm.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeForm.tsx
@@ -109,12 +109,13 @@ export const TimeRangeForm: React.FC<Props> = (props) => {
       aria-label={selectors.components.TimePicker.calendar.openButton}
       icon="calendar-alt"
       variant="secondary"
+      type="button"
       onClick={onOpen}
     />
   );
 
   return (
-    <div>
+    <form>
       <div className={style.fieldContainer}>
         <Field label="From" invalid={from.invalid} error={from.errorMessage}>
           <Input
@@ -139,7 +140,7 @@ export const TimeRangeForm: React.FC<Props> = (props) => {
         </Field>
         {fyTooltip}
       </div>
-      <Button data-testid={selectors.components.TimePicker.applyTimeRange} onClick={onApply}>
+      <Button data-testid={selectors.components.TimePicker.applyTimeRange} type="submit" onClick={onApply}>
         Apply time range
       </Button>
 
@@ -154,7 +155,7 @@ export const TimeRangeForm: React.FC<Props> = (props) => {
         timeZone={timeZone}
         isReversed={isReversed}
       />
-    </div>
+    </form>
   );
 };