🐛 Fix the Esc key input refocus issue by deferring the focus operation to the next event loop

- This issue is caused due to the defer blur made in the commit 3682222 is getting executed after the focus operation for the ESC key press

Close #5084

Author: Balaji Sridharan

src/index.tsx

@@ -452,6 +452,14 @@ export default class DatePicker extends Component<
     }
   };
 
+  safeFocus = () => {
+    setTimeout(() => {
+      if (this.input && this.input.focus) {
+        this.input.focus({ preventScroll: true });
+      }
+    }, 0);
+  };
+
   safeBlur = () => {
     setTimeout(() => {
       if (this.input && this.input.blur) {
@@ -461,9 +469,7 @@ export default class DatePicker extends Component<
   };
 
   setFocus = () => {
-    if (this.input && this.input.focus) {
-      this.input.focus({ preventScroll: true });
-    }
+    this.safeFocus();
   };
 
   setBlur = () => {

src/test/datepicker_test.test.tsx

@@ -1983,7 +1983,7 @@ describe("DatePicker", () => {
     });
     expect(div.querySelector("input")).toBe(document.activeElement);
   });
-  it("should autoFocus the input when calling the setFocus method", () => {
+  it("should autoFocus the input when calling the setFocus method", async () => {
     const div = document.createElement("div");
     document.body.appendChild(div);
     let instance: DatePicker | null = null;
@@ -2001,7 +2001,9 @@ describe("DatePicker", () => {
     act(() => {
       instance!.setFocus();
     });
-    expect(div.querySelector("input")).toBe(document.activeElement);
+    await waitFor(() => {
+      expect(div.querySelector("input")).toBe(document.activeElement);
+    });
   });
   it("should clear preventFocus timeout id when component is unmounted", () => {
     const div = document.createElement("div");