fix(material): avoid reset date input

swordev · Jul 25, 2023 · a95d129 · a95d129
1 parent b128272
commit a95d129
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/.changeset/proud-bees-argue.md b/.changeset/proud-bees-argue.md
@@ -0,0 +1,5 @@
+---
+"@suid/material": patch
+---
+
+Fix controlled `InputBase` component with date type
diff --git a/packages/material/src/InputBase/InputBase.tsx b/packages/material/src/InputBase/InputBase.tsx
@@ -363,13 +363,6 @@ const InputBase = $.component(function InputBase({
     });
   });
 
-  const valueProp = () =>
-    inputRef.ref instanceof HTMLInputElement
-      ? inputRef.ref.type === "date"
-        ? undefined
-        : value()
-      : value();
-
   createEffect<boolean>((loadDefaultValue) => {
     const input = inputRef.ref as HTMLInputElement;
     if (isControlled || loadDefaultValue) {
@@ -595,7 +588,11 @@ const InputBase = $.component(function InputBase({
             placeholder={props.placeholder}
             readOnly={props.readOnly}
             required={fcs.required}
-            value={valueProp()}
+            {...(props.type !== "date" && {
+              get value() {
+                return value();
+              },
+            })}
             {...({
               rows: props.rows,
             } as any)}