Fix date picker rerender issue. Update comet-uswds to next patch vers…

…ion.
MetroStar · Jun 26, 2024 · a3a6b67 · a3a6b67
1 parent ada16dd
commit a3a6b67
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/comet-uswds/package.json b/packages/comet-uswds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@metrostar/comet-uswds",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "React with TypeScript Component Library based on USWDS 3.0.",
   "license": "Apache-2.0",
   "main": "./dist/cjs/index.js",

diff --git a/packages/comet-uswds/src/components/date-picker/date-picker.tsx b/packages/comet-uswds/src/components/date-picker/date-picker.tsx
@@ -54,7 +54,11 @@ export const DatePicker = ({
 
   useLayoutEffect(() => {
     const datePickerElement = datePickerRef.current as HTMLInputElement;
-    datePicker.on(datePickerElement);
+    const datePickerWrapper = datePickerElement.querySelector(
+      '.usa-date-picker__wrapper',
+    ) as HTMLInputElement;
+    if (!datePickerWrapper) datePicker.on(datePickerElement);
+
     const externalInput = datePicker.getDatePickerContext(datePickerElement).externalInputEl;
     if (onChange) {
       externalInput.addEventListener('change', onChange);
@@ -63,9 +67,10 @@ export const DatePicker = ({
       if (onChange) {
         externalInput.removeEventListener('change', onChange);
       }
-      datePicker.off(datePickerElement);
+      /* v8 ignore next */
+      if (datePickerWrapper) datePicker.off(datePickerElement);
     };
-  });
+  }, []);
 
   const datePickerAttributes: DatePickerAttributes = {};
   if (minDate) datePickerAttributes['data-min-date'] = getDateString(minDate);