fix: datepicker input.change

chakra-ui · Jan 15, 2025 · a3c629b · a3c629b
1 parent 107ae42
commit a3c629b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/.xstate/date-picker.js b/.xstate/date-picker.js
@@ -80,7 +80,7 @@ const fetchMachine = createMachine({
     },
     "INPUT.CHANGE": [{
       cond: "isInputValueEmpty",
-      actions: ["clearDateValue"]
+      actions: ["setInputValue", "clearDateValue"]
     }, {
       actions: ["setInputValue", "focusParsedDate"]
     }],

diff --git a/packages/machines/date-picker/src/date-picker.machine.ts b/packages/machines/date-picker/src/date-picker.machine.ts
@@ -159,7 +159,7 @@ export function machine(userContext: UserDefinedContext) {
         "INPUT.CHANGE": [
           {
             guard: "isInputValueEmpty",
-            actions: ["clearDateValue"],
+            actions: ["setInputValue", "clearDateValue"],
           },
           {
             actions: ["setInputValue", "focusParsedDate"],
@@ -912,9 +912,13 @@ export function machine(userContext: UserDefinedContext) {
 
           // reset to last valid date
           if (!date || !isValidDate(date)) {
-            date = ctx.focusedValue.copy()
+            if (ctx.inputValue) {
+              date = ctx.focusedValue.copy()
+            }
           }
 
+          if (!date) return
+
           const values = Array.from(ctx.value)
           values[evt.index] = date