fix: also format inputProps['onChange'] (#2293)

safe-global · Jul 14, 2023 · 01135da · 01135da
1 parent b0ebdaf
commit 01135da
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/common/NumberField/index.tsx b/src/components/common/NumberField/index.tsx
@@ -35,6 +35,17 @@ const NumberField = forwardRef<HTMLInputElement, TextFieldProps>(({ onChange, ..
         return onChange?.(event)
       }}
       {...props}
+      inputProps={{
+        ...props.inputProps,
+        // Autocomplete passes `onChange` in `inputProps`
+        onChange: (event) => {
+          // inputProps['onChange'] is generically typed
+          if ('value' in event.target && typeof event.target.value === 'string') {
+            event.target.value = _formatNumber(event.target.value)
+            return props.inputProps?.onChange?.(event)
+          }
+        },
+      }}
     />
   )
 })