From 75a3e9262a514593c22fcae860b6fbfb60a1352b Mon Sep 17 00:00:00 2001
From: Ankur Singhal <ankur@appsmith.com>
Date: Wed, 30 Mar 2022 18:46:48 +0530
Subject: [PATCH] close picker on pressing enter on time fields

---
 app/client/src/components/ads/DatePickerComponent.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/client/src/components/ads/DatePickerComponent.tsx b/app/client/src/components/ads/DatePickerComponent.tsx
index 818850da2d..beccc1033f 100644
--- a/app/client/src/components/ads/DatePickerComponent.tsx
+++ b/app/client/src/components/ads/DatePickerComponent.tsx
@@ -182,6 +182,13 @@ function DatePickerComponent(props: DatePickerComponentProps) {
     setDatePickerVisibility(nextOpenState);
   }
 
+  function handleTimePickerKeydown(e: React.KeyboardEvent) {
+    if (e.key === "Enter") {
+      setDatePickerVisibility(false);
+      e.stopPropagation();
+    }
+  }
+
   return (
     <StyledDateInput
       className={Classes.DATE_PICKER_OVARLAY}
@@ -205,6 +212,9 @@ function DatePickerComponent(props: DatePickerComponentProps) {
         isOpen: isDatePickerVisible,
       }}
       showActionsBar={props.showActionsBar}
+      timePickerProps={{
+        onKeyDown: handleTimePickerKeydown,
+      }}
       timePrecision={props.timePrecision}
       value={props.value}
     />