diff --git a/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/DateFieldInput.stories.tsx b/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/DateFieldInput.stories.tsx index 06dceb692..cfefb9efe 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/DateFieldInput.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/DateFieldInput.stories.tsx @@ -8,7 +8,7 @@ import { FieldContextProvider } from '../../../__stories__/FieldContextProvider' import { useDateTimeField } from '../../../hooks/useDateTimeField'; import { DateFieldInput, DateFieldInputProps } from '../DateFieldInput'; -const formattedDate = new Date(); +const formattedDate = new Date(2022, 1, 1); const DateFieldValueSetterEffect = ({ value }: { value: Date }) => { const { setFieldValue } = useDateTimeField(); @@ -94,7 +94,14 @@ export default meta; type Story = StoryObj; -export const Default: Story = {}; +export const Default: Story = { + play: async ({ canvasElement }) => { + const canvas = within(canvasElement); + const div = await canvas.findByText('Feb 1, 2022'); + + await expect(div.innerText).toContain('Feb 1, 2022'); + }, +}; export const ClickOutside: Story = { play: async ({ canvasElement }) => { diff --git a/packages/twenty-front/src/modules/object-record/record-store/states/selectors/recordStoreFamilySelector.ts b/packages/twenty-front/src/modules/object-record/record-store/states/selectors/recordStoreFamilySelector.ts index 5e81114b8..9007cc852 100644 --- a/packages/twenty-front/src/modules/object-record/record-store/states/selectors/recordStoreFamilySelector.ts +++ b/packages/twenty-front/src/modules/object-record/record-store/states/selectors/recordStoreFamilySelector.ts @@ -1,6 +1,7 @@ import { selectorFamily } from 'recoil'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; +import { ObjectRecord } from '@/object-record/types/ObjectRecord'; export const recordStoreFamilySelector = selectorFamily({ key: 'recordStoreFamilySelector', @@ -12,6 +13,8 @@ export const recordStoreFamilySelector = selectorFamily({ ({ fieldName, recordId }: { fieldName: string; recordId: string }) => ({ set }, newValue: T) => set(recordStoreFamilyState(recordId), (prevState) => - prevState ? { ...prevState, [fieldName]: newValue } : null, + prevState + ? { ...prevState, [fieldName]: newValue } + : ({ [fieldName]: newValue } as ObjectRecord), ), });