fix: invalidate the input on form error (#524)

BearStudio · Sep 9, 2024 · 2132e46 · 2132e46
1 parent 241ef7e
commit 2132e46
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Form/FieldDate/index.tsx b/src/components/Form/FieldDate/index.tsx
@@ -42,14 +42,15 @@ export const FieldDate = <
   return (
     <Controller
       {...props}
-      render={({ field: { ref: _ref, ...field } }) => (
+      render={({ field: { ref: _ref, ...field }, fieldState }) => (
         <Flex flexDirection="column" gap={1} flex={1} {...props.containerProps}>
           <DayPicker
             placeholder={props.placeholder}
             isDisabled={props.isDisabled}
             inputProps={{
               size: props.size,
               autoFocus: props.autoFocus,
+              isInvalid: !!fieldState.error,
               ...props.dayPickerInputProps,
             }}
             {...props.dayPickerProps}