🐛 Add range styles and remove initial validation for end date (#1651)

https://issues.redhat.com/browse/MTA-1871 Signed-off-by: ibolton336 <ibolton@redhat.com>
konveyor · Jan 3, 2024 · 34ffd17 · 34ffd17
1 parent 0f64970
commit 34ffd17
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/client/src/app/pages/migration-waves/components/migration-wave-form.tsx b/client/src/app/pages/migration-waves/components/migration-wave-form.tsx
@@ -222,9 +222,13 @@ export const WaveForm: React.FC<WaveFormProps> = ({
   });
 
   const startDateStr = watch("startDateStr");
+  const endDateStr = watch("endDateStr");
   const startDate = dateStrFormatValidator(startDateStr)
     ? dayjs(startDateStr).toDate()
     : null;
+  const endDate = dateStrFormatValidator(endDateStr)
+    ? dayjs(endDateStr).toDate()
+    : null;
 
   const onSubmit = (formValues: WaveFormValues) => {
     const stakeholders =
@@ -315,7 +319,7 @@ export const WaveForm: React.FC<WaveFormProps> = ({
                   aria-label={name}
                   onChange={(e, val) => {
                     onChange(val);
-                    trigger("endDateStr");
+                    if (endDate) trigger("endDateStr");
                   }}
                   placeholder="MM/DD/YYYY"
                   value={value}
@@ -356,6 +360,7 @@ export const WaveForm: React.FC<WaveFormProps> = ({
                   dateFormat={(val) => dayjs(val).format("MM/DD/YYYY")}
                   dateParse={(val) => dayjs(val).toDate()}
                   validators={[endDateRangeValidator]}
+                  rangeStart={startDate ? startDate : undefined}
                   appendTo={() => endDateRef.current || document.body}
                 />
               )}