fix: date input click outside (#9676)

cc @lucasbordeau

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-front/src/testing/components/StorybookFieldInputDropdownFocusIdSetterEffect.tsx

@@ -0,0 +1,26 @@
+import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
+import { getDropdownFocusIdForRecordField } from '@/object-record/utils/getDropdownFocusIdForRecordField';
+import { useSetActiveDropdownFocusIdAndMemorizePrevious } from '@/ui/layout/dropdown/hooks/useSetFocusedDropdownIdAndMemorizePrevious';
+import { useContext, useEffect } from 'react';
+
+export const StorybookFieldInputDropdownFocusIdSetterEffect = () => {
+  const { recordId, fieldDefinition } = useContext(FieldContext);
+
+  const { setActiveDropdownFocusIdAndMemorizePrevious } =
+    useSetActiveDropdownFocusIdAndMemorizePrevious();
+
+  const fieldDropdownFocusIdTableCell = getDropdownFocusIdForRecordField(
+    recordId,
+    fieldDefinition.fieldMetadataId,
+    'table-cell',
+  );
+
+  useEffect(() => {
+    setActiveDropdownFocusIdAndMemorizePrevious(fieldDropdownFocusIdTableCell);
+  }, [
+    setActiveDropdownFocusIdAndMemorizePrevious,
+    fieldDropdownFocusIdTableCell,
+  ]);
+
+  return null;
+};