From d3a0982ea7e55bfecfd36b5d562a41963abca87c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Zakrzewski?=
 <stanislaw.zakrzewski@htdevelopers.com>
Date: Wed, 10 Apr 2024 09:21:42 +0200
Subject: [PATCH] update datepicker

---
 .../common-form-fields/FormikFields.tsx       | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/verification/curator-service/ui/src/components/common-form-fields/FormikFields.tsx b/verification/curator-service/ui/src/components/common-form-fields/FormikFields.tsx
index a2565204b..36dc9fe42 100644
--- a/verification/curator-service/ui/src/components/common-form-fields/FormikFields.tsx
+++ b/verification/curator-service/ui/src/components/common-form-fields/FormikFields.tsx
@@ -207,21 +207,18 @@ export function DateField(props: DateFieldProps): JSX.Element {
                     data-testid={props.name}
                     label={props.label}
                     format="yyyy/MM/dd"
-                    // mask="____/__/__"
                     minDate={new Date('2019/12/01')}
                     disableFuture
                     value={dateValue}
+                    name={props.name}
                     onChange={props.onChange}
-                    // renderInput={(params) => ( // TODO check if this is needed
-                    //     <MuiTextField
-                    //         {...params}
-                    //         name={props.name}
-                    //         fullWidth
-                    //         // Non formik component needs different error handling
-                    //         error={!!props.errorMessage}
-                    //         helperText={props.errorMessage}
-                    //     />
-                    // )}
+                    slotProps={{
+                        textField: {
+                            name: props.name,
+                            error: !!props.errorMessage,
+                            helperText: props.errorMessage,
+                        },
+                    }}
                 />
             </LocalizationProvider>
             {props.required && <RequiredHelperText name={props.name} />}