From 2132e46b74fdad485564146c2cda0ab8b8165dad Mon Sep 17 00:00:00 2001
From: Yoann Fleury <yoann.fleury@yahoo.com>
Date: Mon, 9 Sep 2024 12:32:24 +0200
Subject: [PATCH] fix: invalidate the input on form error (#524)

---
 src/components/Form/FieldDate/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/FieldDate/index.tsx b/src/components/Form/FieldDate/index.tsx
index 7ad9b9395..03b7c6b19 100644
--- a/src/components/Form/FieldDate/index.tsx
+++ b/src/components/Form/FieldDate/index.tsx
@@ -42,7 +42,7 @@ 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}
@@ -50,6 +50,7 @@ export const FieldDate = <
             inputProps={{
               size: props.size,
               autoFocus: props.autoFocus,
+              isInvalid: !!fieldState.error,
               ...props.dayPickerInputProps,
             }}
             {...props.dayPickerProps}