chore: temp commit with timeouts will be squashed

Sage · Sep 19, 2024 · 1ed9fd1 · 1ed9fd1
1 parent 47189ec
commit 1ed9fd1
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 9 deletions.
diff --git a/src/components/date/date.component.tsx b/src/components/date/date.component.tsx
@@ -153,6 +153,7 @@ export const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
     );
     const isInitialValue = useRef(true);
     const pickerTabGuardId = useRef(guid());
+    const timerRef = useRef<NodeJS.Timeout | null>(null);
 
     const computeInvalidRawValue = (inputValue: string) =>
       allowEmptyValue && !inputValue.length ? inputValue : null;
@@ -293,7 +294,12 @@ export const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
       isBlurBlocked.current = false;
 
       if (!open && !alreadyFocused.current) {
-        setOpen(true);
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(() => {
+          setOpen(true);
+        }, 0);
       } else {
         alreadyFocused.current = false;
       }
@@ -351,9 +357,19 @@ export const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(
 
       if (type !== "text") {
         alreadyFocused.current = true;
-        setOpen((prev) => !prev);
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(() => {
+          setOpen((prev) => !prev);
+        }, 0);
       } else if (!open) {
-        setOpen(true);
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(() => {
+          setOpen(true);
+        }, 0);
       }
     };