Fixes date fields autofilling on edit

globaldothealth · Mar 26, 2024 · b4208af · b4208af
1 parent 5a5834f
commit b4208af
Showing 1 changed file with 3 additions and 1 deletion.
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
@@ -193,6 +193,8 @@ interface DateFieldProps {
 export function DateField(props: DateFieldProps): JSX.Element {
     const classes = useStyles();
 
+    const dateValue = props.value || 'yyyy/MM/dd';
+
     return (
         <div className={classes.fieldRow}>
             <LocalizationProvider dateAdapter={AdapterDateFns}>
@@ -204,7 +206,7 @@ export function DateField(props: DateFieldProps): JSX.Element {
                     mask="____/__/__"
                     minDate={new Date('2019/12/01')}
                     disableFuture
-                    value={props.value}
+                    value={dateValue}
                     onChange={props.onChange}
                     renderInput={(params) => (
                         <MuiTextField