[feat] input type number to input text with inputmode numeric

src/fields/NumberInput.tsx

@@ -69,12 +69,16 @@ export function NumberInput({
       if (!onChange) {
         return
       }
+      if (nextValue === '') {
+        onChange(undefined)
+      }
 
       const normalizedNextValueAsString = nextValue && nextValue.length ? nextValue : undefined
       const nextValueAsNumber = Number(normalizedNextValueAsString)
-      const normalizedNextValue = !Number.isNaN(nextValueAsNumber) ? nextValueAsNumber : undefined
-
-      onChange(normalizedNextValue)
+      if (Number.isNaN(nextValueAsNumber)) {
+        return
+      }
+      onChange(nextValueAsNumber)
     },
     [onChange]
   )
@@ -119,11 +123,13 @@ export function NumberInput({
         $isTransparent={isTransparent}
         disabled={disabled}
         id={name}
+        inputMode="numeric"
+        maxLength="12"
         onBlur={handleBlur}
         onChange={handleChange}
         onFocus={handleFocus}
         readOnly={readOnly}
-        type="number"
+        type="text"
         value={value ?? ''}
         {...originalProps}
       />