fix: correctly parse dates on customer edit

new-lamassu-admin/src/pages/Customers/Wizard.jsx

@@ -147,19 +147,25 @@ const Wizard = ({
           onSubmit={onContinue}
           initialValues={stepOptions.initialValues}
           validationSchema={stepOptions.schema}>
-          <Form className={classes.form}>
+          {({ errors }) => (
-            <stepOptions.Component
+            <Form className={classes.form}>
-              selectedValues={selectedValues}
+              <stepOptions.Component
-              customInfoRequirementOptions={customInfoRequirementOptions}
+                selectedValues={selectedValues}
-              {...stepOptions.props}
+                customInfoRequirementOptions={customInfoRequirementOptions}
-            />
+                errors={errors}
-            <div className={classes.submit}>
+                {...stepOptions.props}
-              {error && <ErrorMessage>Failed to save</ErrorMessage>}
+              />
-              <Button className={classes.button} type="submit">
+              <div className={classes.submit}>
-                {isLastStep ? 'Add Data' : 'Next'}
+                {error && <ErrorMessage>Failed to save</ErrorMessage>}
-              </Button>
+                {Object.keys(errors).length > 0 && (
-            </div>
+                  <ErrorMessage>{Object.values(errors)[0]}</ErrorMessage>
-          </Form>
+                )}
+                <Button className={classes.button} type="submit">
+                  {isLastStep ? 'Add Data' : 'Next'}
+                </Button>
+              </div>
+            </Form>
+          )}
         </Formik>
       </Modal>
     </>

new-lamassu-admin/src/pages/Customers/helper.jsx

@@ -453,14 +453,16 @@ const customerDataSchemas = {
     documentNumber: Yup.string().required(),
     dateOfBirth: Yup.string()
       .test({
-        test: val => isValid(parse(new Date(), 'yyyy-MM-dd', val))
+        test: val => isValid(parse(new Date(), 'yyyy-MM-dd', val)),
+        message: 'Date must be in format YYYY-MM-DD'
       })
       .required(),
     gender: Yup.string().required(),
     country: Yup.string().required(),
     expirationDate: Yup.string()
       .test({
-        test: val => isValid(parse(new Date(), 'yyyy-MM-dd', val))
+        test: val => isValid(parse(new Date(), 'yyyy-MM-dd', val)),
+        message: 'Date must be in format YYYY-MM-DD'
       })
       .required()
   }),
@@ -543,9 +545,12 @@ const tryFormatDate = rawDate => {
 }
 
 const formatDates = values => {
-  R.forEach(elem => {
+  R.map(
-    values[elem] = tryFormatDate(values[elem])
+    elem =>
-  })(['dateOfBirth', 'expirationDate'])
+      (values[elem] = format('yyyyMMdd')(
+        parse(new Date(), 'yyyy-MM-dd', values[elem])
+      ))
+  )(['dateOfBirth', 'expirationDate'])
   return values
 }