@abgov/react-components 6.9.2 → 6.9.3-dev.2

package/index.js

@@ -367,21 +367,25 @@ function GoabCalendar({
       return;
     }
     const current = ref.current;
-    current.addEventListener("_change", (e) => {
+    const listener = (e) => {
       onChange({
         name: name || "",
         value: e.detail.value
       });
-    });
-  });
+    };
+    current.addEventListener("_change", listener);
+    return () => {
+      current.removeEventListener("_change", listener);
+    };
+  }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-calendar",
     {
       ref,
       name,
-      value: value == null ? void 0 : value.toISOString(),
-      min: min == null ? void 0 : min.toISOString(),
-      max: max == null ? void 0 : max.toISOString(),
+      value,
+      min: min || void 0,
+      max: max || void 0,
       testid: testId,
       mt,
       mr,
@@ -662,9 +666,15 @@ function GoabDatePicker({
   mb,
   ml,
   relative,
+  width,
   onChange
 }) {
   const ref = react.useRef(null);
+  react.useEffect(() => {
+    if (value && typeof value !== "string") {
+      console.warn("Using a `Date` type for value is deprecated. Instead use a string of the format `yyyy-mm-dd`");
+    }
+  }, []);
   react.useEffect(() => {
     if (!ref.current) {
       return;
@@ -695,18 +705,19 @@ function GoabDatePicker({
     {
       ref,
       name,
-      value: formatValue(value),
+      value: formatValue(value) || void 0,
       type,
       error: error ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
-      min: formatValue(min),
-      max: formatValue(max),
+      min: formatValue(min) || void 0,
+      max: formatValue(max) || void 0,
       testid: testId,
       mt,
       mr,
       mb,
       ml,
-      relative: relative ? "true" : void 0
+      relative: relative ? "true" : void 0,
+      width
     }
   );
 }