revert: go back to previous version with untouched DateInput component

twentyhq · Dec 16, 2024 · 2d707ea · 2d707ea
1 parent 246a4fb
commit 2d707ea
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 42 deletions.
diff --git a/...ont/src/modules/object-record/record-field/meta-types/input/components/DateFieldInput.tsx b/...ont/src/modules/object-record/record-field/meta-types/input/components/DateFieldInput.tsx
@@ -4,9 +4,8 @@ import { useDateField } from '@/object-record/record-field/meta-types/hooks/useD
 import { DateInput } from '@/ui/field/input/components/DateInput';
 import { isDefined } from '~/utils/isDefined';
 
-import { useRef, useState } from 'react';
-import { usePersistField } from '../../../hooks/usePersistField';
 import { FieldInputClickOutsideEvent } from '@/object-record/record-field/meta-types/input/components/DateTimeFieldInput';
+import { usePersistField } from '../../../hooks/usePersistField';
 
 type FieldInputEvent = (persist: () => void) => void;
 
@@ -68,25 +67,16 @@ export const DateFieldInput = ({
 
   const dateValue = fieldValue ? new Date(fieldValue) : null;
 
-  const wrapperRef = useRef<HTMLDivElement>(null);
-
-  const [temporaryValue, setTemporaryValue] =
-    useState<Nullable<Date>>(dateValue);
-
   return (
-    <div ref={wrapperRef}>
-      <DateInput
-        onClickOutside={handleClickOutside}
-        onEnter={handleEnter}
-        onEscape={handleEscape}
-        clearable
-        onChange={handleChange}
-        onClear={handleClear}
-        onSubmit={handleSubmit}
-        wrapperRef={wrapperRef}
-        temporaryValue={temporaryValue}
-        setTemporaryValue={setTemporaryValue}
-      />
-    </div>
+    <DateInput
+      onClickOutside={handleClickOutside}
+      onEnter={handleEnter}
+      onEscape={handleEscape}
+      value={dateValue}
+      clearable
+      onChange={handleChange}
+      onClear={handleClear}
+      onSubmit={handleSubmit}
+    />
   );
 };
diff --git a/...src/modules/object-record/record-field/meta-types/input/components/DateTimeFieldInput.tsx b/...src/modules/object-record/record-field/meta-types/input/components/DateTimeFieldInput.tsx
@@ -2,7 +2,6 @@ import { Nullable } from 'twenty-ui';
 
 import { DateInput } from '@/ui/field/input/components/DateInput';
 
-import { useRef, useState } from 'react';
 import { usePersistField } from '../../../hooks/usePersistField';
 import { useDateTimeField } from '../../hooks/useDateTimeField';
 
@@ -70,26 +69,17 @@ export const DateTimeFieldInput = ({
 
   const dateValue = fieldValue ? new Date(fieldValue) : null;
 
-  const wrapperRef = useRef<HTMLDivElement>(null);
-
-  const [temporaryValue, setTemporaryValue] =
-    useState<Nullable<Date>>(dateValue);
-
   return (
-    <div ref={wrapperRef}>
-      <DateInput
-        onClickOutside={handleClickOutside}
-        onEnter={handleEnter}
-        onEscape={handleEscape}
-        clearable
-        onChange={handleChange}
-        isDateTimeInput
-        onClear={handleClear}
-        onSubmit={handleSubmit}
-        wrapperRef={wrapperRef}
-        temporaryValue={temporaryValue}
-        setTemporaryValue={setTemporaryValue}
-      />
-    </div>
+    <DateInput
+      onClickOutside={handleClickOutside}
+      onEnter={handleEnter}
+      onEscape={handleEscape}
+      value={dateValue}
+      clearable
+      onChange={handleChange}
+      isDateTimeInput
+      onClear={handleClear}
+      onSubmit={handleSubmit}
+    />
   );
 };