refactor(odyssey-react-mui): show error if full date has been entered

okta · Jul 30, 2024 · 05bb779 · 05bb779
1 parent 631367f
commit 05bb779
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/odyssey-react-mui/src/labs/DateField.tsx b/packages/odyssey-react-mui/src/labs/DateField.tsx
@@ -147,12 +147,17 @@ const DateField = ({
     (value, validationContext) => {
       clearErrorMessages();
       const { validationError } = validationContext;
+      const hasEnteredFullYear = value?.year.toString().length === 4;
 
       if (validationError) {
         const odysseyValidationError = errorMap.get(validationError);
 
         if (odysseyValidationError) {
           internalValidationError.current = odysseyValidationError;
+
+          if (value?.isValid && hasEnteredFullYear) {
+            setDisplayedErrorMessage(odysseyValidationError);
+          }
         }
       }
 

diff --git a/packages/odyssey-react-mui/src/labs/DatePicker.tsx b/packages/odyssey-react-mui/src/labs/DatePicker.tsx
@@ -27,7 +27,6 @@ import {
   LocalizationProvider,
   PickersActionBarProps,
   DatePickerSlotProps,
-  // DateTimeValidationError,
 } from "@mui/x-date-pickers";
 import { DateTime } from "luxon";
 import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";