fix: handle invalid state for field number (#521)

BearStudio · Sep 5, 2024 · 0de897f · 0de897f
1 parent 3dabeb9
commit 0de897f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Form/FieldNumber/index.tsx b/src/components/Form/FieldNumber/index.tsx
@@ -71,7 +71,7 @@ export const FieldNumber = <
   return (
     <Controller
       {...props}
-      render={({ field }) => (
+      render={({ field, fieldState }) => (
         <Flex flexDirection="column" gap={1} flex={1} {...props.containerProps}>
           <InputGroup size={props.size}>
             <InputNumber
@@ -94,6 +94,7 @@ export const FieldNumber = <
               step={props.step}
               bigStep={props.bigStep}
               isDisabled={props.isDisabled}
+              isInvalid={!!fieldState.error}
               {...props.inputNumberProps}
               {...field}
               value={formatValue(field.value, 'from-cents')}