refactor(FE): Refactor date validation to use shared state and cleanup

2026-05-25 07:45:47 +00:00 · 2026-02-25 15:56:12 +07:00
parent 0af7b172a0
commit a75d84556a
8 changed files with 371 additions and 56 deletions
@@ -844,19 +844,26 @@ const CustomerPaymentTab = ({ tabId }: CustomerPaymentTabProps) => {
                <DateInput
                  name='start_date'
                  value={formik.values.start_date || ''}
+                  errorMessage={formik.errors.start_date}
                  onChange={handleStartDateChange}
                  className={{ wrapper: 'w-full' }}
                  isNestedModal
+                  isError={
+                    formik.touched.start_date && Boolean(formik.errors.start_date)
+                  }
                />
                <hr className='w-full max-w-3 h-px border-base-content/10' />

                <DateInput
                  name='end_date'
                  value={formik.values.end_date || ''}
+                  errorMessage={formik.errors.end_date}
                  onChange={handleEndDateChange}
                  className={{ wrapper: 'w-full' }}
                  isNestedModal
-                  isError={hasDateError}
+                  isError={
+                    (formik.touched.end_date && Boolean(formik.errors.end_date)) || hasDateError
+                  }
                />
              </div>
            </div>