fix(DateField): not showing any value in range mode (#4533)

* fix(DateField): not showing any value in range mode * fix: feedbacks
scaleway · Dec 3, 2024 · af519f1 · af519f1
1 parent 4b3ffd5
commit af519f1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/purple-mice-design.md b/.changeset/purple-mice-design.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/form": patch
+---
+
+Fix `<DateField />` when having ranged value and nothing is displayed in the popover
diff --git a/packages/form/src/components/DateField/__stories__/index.stories.tsx b/packages/form/src/components/DateField/__stories__/index.stories.tsx
@@ -4,11 +4,18 @@ import { DateField, Form } from '../..'
 import { useForm } from '../../..'
 import { mockErrors } from '../../../mocks'
 
+const yesterdayDate = new Date(Date.now() - 60 * 60 * 24 * 1000)
+const todayDate = new Date()
+const INITIAL_FORM_VALUES = {
+  date: [yesterdayDate, todayDate],
+}
+
 export default {
   component: DateField,
   decorators: [
     ChildStory => {
       const methods = useForm({
+        defaultValues: INITIAL_FORM_VALUES,
         mode: 'onChange',
       })
       const {

diff --git a/packages/form/src/components/DateField/index.tsx b/packages/form/src/components/DateField/index.tsx
@@ -94,7 +94,7 @@ export const DateField = <
       name={field.name}
       label={label}
       placeholder={placeholder}
-      value={field.value}
+      value={Array.isArray(field.value) ? undefined : field.value}
       format={
         format ||
         (value => {