@abgov/react-components 6.9.3-dev.1 → 6.9.3-next.1

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,
@@ -666,6 +670,11 @@ function GoabDatePicker({
   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;
@@ -696,12 +705,12 @@ 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,