From 5b381b37375ffdb746959e8b76cdb1efa370d984 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 3 Feb 2026 07:15:44 +0000
Subject: [PATCH 1/2] Initial plan


From ddcd213dd131723682b6e6c76d2ad2f55244e8d2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 3 Feb 2026 07:26:11 +0000
Subject: [PATCH 2/2] Fix inputType prop warning in field widgets

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
---
 packages/fields/src/widgets/BooleanField.tsx  | 11 +++++++----
 packages/fields/src/widgets/DateField.tsx     |  7 +++++--
 packages/fields/src/widgets/DateTimeField.tsx |  7 +++++--
 packages/fields/src/widgets/EmailField.tsx    |  7 +++++--
 packages/fields/src/widgets/NumberField.tsx   |  7 +++++--
 packages/fields/src/widgets/PasswordField.tsx |  7 +++++--
 packages/fields/src/widgets/PhoneField.tsx    |  7 +++++--
 packages/fields/src/widgets/TextAreaField.tsx |  7 +++++--
 packages/fields/src/widgets/TextField.tsx     | 11 +++++++----
 packages/fields/src/widgets/TimeField.tsx     |  7 +++++--
 packages/fields/src/widgets/UrlField.tsx      |  7 +++++--
 11 files changed, 59 insertions(+), 26 deletions(-)

diff --git a/packages/fields/src/widgets/BooleanField.tsx b/packages/fields/src/widgets/BooleanField.tsx
index 968a3dbb5..bef49b4d9 100644
--- a/packages/fields/src/widgets/BooleanField.tsx
+++ b/packages/fields/src/widgets/BooleanField.tsx
@@ -15,15 +15,18 @@ export function BooleanField({ value, onChange, field, readonly, ...props }: Fie
     return <span className="text-sm">{value ? 'Yes' : 'No'}</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   if (widget === 'checkbox') {
      return (
         <div className="flex items-center space-x-2">
             <Checkbox 
-                {...props}
+                {...domProps}
                 id={id}
                 checked={!!value}
                 onCheckedChange={(checked) => onChange(!!checked)}
-                disabled={readonly || props.disabled}
+                disabled={readonly || domProps.disabled}
             />
             <Label htmlFor={id}>{label}</Label>
         </div>
@@ -33,11 +36,11 @@ export function BooleanField({ value, onChange, field, readonly, ...props }: Fie
   return (
     <div className="flex items-center space-x-2">
         <Switch 
-            {...props}
+            {...domProps}
             id={id} 
             checked={!!value} 
             onCheckedChange={onChange}
-            disabled={readonly || props.disabled}
+            disabled={readonly || domProps.disabled}
         />
         <Label htmlFor={id}>{label}</Label>
     </div>
diff --git a/packages/fields/src/widgets/DateField.tsx b/packages/fields/src/widgets/DateField.tsx
index 42d0249bd..9c437486e 100644
--- a/packages/fields/src/widgets/DateField.tsx
+++ b/packages/fields/src/widgets/DateField.tsx
@@ -7,13 +7,16 @@ export function DateField({ value, onChange, field, readonly, ...props }: FieldW
     return <span className="text-sm">{value ? new Date(value).toLocaleDateString() : '-'}</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="date"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
     />
   );
 }
diff --git a/packages/fields/src/widgets/DateTimeField.tsx b/packages/fields/src/widgets/DateTimeField.tsx
index 288435ee1..41b06e0ae 100644
--- a/packages/fields/src/widgets/DateTimeField.tsx
+++ b/packages/fields/src/widgets/DateTimeField.tsx
@@ -13,13 +13,16 @@ export function DateTimeField({ value, onChange, field, readonly, ...props }: Fi
     );
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="datetime-local"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
     />
   );
 }
diff --git a/packages/fields/src/widgets/EmailField.tsx b/packages/fields/src/widgets/EmailField.tsx
index 605bf1033..bcbb582c5 100644
--- a/packages/fields/src/widgets/EmailField.tsx
+++ b/packages/fields/src/widgets/EmailField.tsx
@@ -16,14 +16,17 @@ export function EmailField({ value, onChange, field, readonly, errorMessage, ...
     );
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="email"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
       placeholder={config?.placeholder || 'email@example.com'}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
       aria-invalid={!!errorMessage}
     />
   );
diff --git a/packages/fields/src/widgets/NumberField.tsx b/packages/fields/src/widgets/NumberField.tsx
index 7a7a5f6da..5ddb35c66 100644
--- a/packages/fields/src/widgets/NumberField.tsx
+++ b/packages/fields/src/widgets/NumberField.tsx
@@ -11,9 +11,12 @@ export function NumberField({ value, onChange, field, readonly, ...props }: Fiel
   const numberField = (field || (props as any).schema) as NumberFieldMetadata;
   const precision = numberField?.precision;
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="number"
       value={value ?? ''}
       onChange={(e) => {
@@ -21,7 +24,7 @@ export function NumberField({ value, onChange, field, readonly, ...props }: Fiel
         onChange(val === '' ? (null as any) : Number(val));
       }}
       placeholder={numberField?.placeholder}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
       step={precision ? Math.pow(10, -precision) : 'any'}
     />
   );
diff --git a/packages/fields/src/widgets/PasswordField.tsx b/packages/fields/src/widgets/PasswordField.tsx
index 73110b6a2..48858ddea 100644
--- a/packages/fields/src/widgets/PasswordField.tsx
+++ b/packages/fields/src/widgets/PasswordField.tsx
@@ -12,15 +12,18 @@ export function PasswordField({ value, onChange, field, readonly, className, ...
     return <span className="text-sm">••••••••</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <div className="relative">
       <Input
-        {...props}
+        {...domProps}
         type={showPassword ? 'text' : 'password'}
         value={value || ''}
         onChange={(e) => onChange(e.target.value)}
         placeholder={config?.placeholder}
-        disabled={readonly || props.disabled}
+        disabled={readonly || domProps.disabled}
         className={`pr-10 ${className || ''}`}
       />
       <Button
diff --git a/packages/fields/src/widgets/PhoneField.tsx b/packages/fields/src/widgets/PhoneField.tsx
index 711e1be04..4affc9ab9 100644
--- a/packages/fields/src/widgets/PhoneField.tsx
+++ b/packages/fields/src/widgets/PhoneField.tsx
@@ -16,14 +16,17 @@ export function PhoneField({ value, onChange, field, readonly, errorMessage, ...
     );
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="tel"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
       placeholder={config?.placeholder || '(555) 123-4567'}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
       aria-invalid={!!errorMessage}
     />
   );
diff --git a/packages/fields/src/widgets/TextAreaField.tsx b/packages/fields/src/widgets/TextAreaField.tsx
index 8257ece98..e85d01b9a 100644
--- a/packages/fields/src/widgets/TextAreaField.tsx
+++ b/packages/fields/src/widgets/TextAreaField.tsx
@@ -15,14 +15,17 @@ export function TextAreaField({ value, onChange, field, readonly, errorMessage,
   const rows = textareaField?.rows || 4;
   const maxLength = textareaField?.max_length;
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <div className="relative">
       <Textarea
-        {...props}
+        {...domProps}
         value={value || ''}
         onChange={(e) => onChange(e.target.value)}
         placeholder={textareaField?.placeholder}
-        disabled={readonly || props.disabled}
+        disabled={readonly || domProps.disabled}
         rows={rows}
         maxLength={maxLength}
         aria-invalid={!!errorMessage}
diff --git a/packages/fields/src/widgets/TextField.tsx b/packages/fields/src/widgets/TextField.tsx
index c90012e0b..d7ad9fb24 100644
--- a/packages/fields/src/widgets/TextField.tsx
+++ b/packages/fields/src/widgets/TextField.tsx
@@ -13,26 +13,29 @@ export function TextField({ value, onChange, field, readonly, ...props }: FieldW
   // Cast for rows property
   const rows = (fieldData as unknown as TextareaFieldMetadata)?.rows;
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   if (rows && rows > 1) {
     return (
       <Textarea
-        {...props}
+        {...domProps}
         value={value || ''}
         onChange={(e) => onChange(e.target.value)}
         placeholder={fieldData?.placeholder}
-        disabled={readonly || props.disabled}
+        disabled={readonly || domProps.disabled}
       />
     );
   }
 
   return (
     <Input
-      {...props}
+      {...domProps}
       type={fieldData?.type === 'password' ? 'password' : 'text'}
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
       placeholder={fieldData?.placeholder}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
     />
   );
 }
diff --git a/packages/fields/src/widgets/TimeField.tsx b/packages/fields/src/widgets/TimeField.tsx
index 10cc9d23f..57718b5c1 100644
--- a/packages/fields/src/widgets/TimeField.tsx
+++ b/packages/fields/src/widgets/TimeField.tsx
@@ -7,13 +7,16 @@ export function TimeField({ value, onChange, field, readonly, ...props }: FieldW
     return <span className="text-sm">{value || '-'}</span>;
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="time"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
     />
   );
 }
diff --git a/packages/fields/src/widgets/UrlField.tsx b/packages/fields/src/widgets/UrlField.tsx
index 13df340f8..ced8bf33b 100644
--- a/packages/fields/src/widgets/UrlField.tsx
+++ b/packages/fields/src/widgets/UrlField.tsx
@@ -25,14 +25,17 @@ export function UrlField({ value, onChange, field, readonly, errorMessage, ...pr
     );
   }
 
+  // Filter out non-DOM props
+  const { inputType, ...domProps } = props as any;
+
   return (
     <Input
-      {...props}
+      {...domProps}
       type="url"
       value={value || ''}
       onChange={(e) => onChange(e.target.value)}
       placeholder={config?.placeholder || 'https://example.com'}
-      disabled={readonly || props.disabled}
+      disabled={readonly || domProps.disabled}
       aria-invalid={!!errorMessage}
     />
   );