@northlight/ui 2.33.8 → 2.33.10

package/dist/umd/northlight.cjs

@@ -7410,7 +7410,8 @@
       fiscalStartDay,
       minValue,
       maxValue,
-      firstDayOfWeek
+      firstDayOfWeek,
+      onSave
     } = props;
     const { locale } = i18n.useLocale();
     const ref = React.useRef(null);
@@ -7456,6 +7457,10 @@
       maxValue
     };
     const focusedStartMonthProps = value && value.start ? {} : focusRing;
+    const handleSave = () => {
+      onSave == null ? void 0 : onSave();
+      handleClose();
+    };
     return /* @__PURE__ */ React.createElement(react.Box, { ref, __css: rangeCalendarContainer }, /* @__PURE__ */ React.createElement(react.Stack, null, /* @__PURE__ */ React.createElement(react.Flex, { gap: 4 }, /* @__PURE__ */ React.createElement(
       QuickSelect,
       {
@@ -7478,7 +7483,7 @@
         range: value,
         firstDayOfWeek
       }
-    ))), /* @__PURE__ */ React.createElement(react.HStack, { pt: "2", alignSelf: "end" }, isClearable && /* @__PURE__ */ React.createElement(Button, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button, { variant: "brand", onClick: handleClose, size: "sm" }, "Save"))))))));
+    ))), /* @__PURE__ */ React.createElement(react.HStack, { pt: "2", alignSelf: "end" }, isClearable && /* @__PURE__ */ React.createElement(Button, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button, { variant: "brand", onClick: handleSave, size: "sm" }, "Save"))))))));
   };
 
   const isValidDateRange = (value) => ramda.is(Object, value) && ramda.has("startDate", value) && ramda.has("endDate", value) && ramda.is(String, value.startDate) && ramda.is(String, value.endDate);
@@ -7531,7 +7536,8 @@
       minValue = "1994-03-08",
       maxValue,
       renderInPortal = false,
-      firstDayOfWeek
+      firstDayOfWeek,
+      onSave
     } = props;
     const ref = React.useRef();
     const { group } = react.useMultiStyleConfig("DatePicker");
@@ -7614,7 +7620,8 @@
           fiscalStartMonth: fiscalStartMonth || 0,
           fiscalStartDay: fiscalStartDay || 0,
           isClearable,
-          firstDayOfWeek
+          firstDayOfWeek,
+          onSave
         })
       )))))
     );
@@ -7802,7 +7809,8 @@
       validate,
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
-      isClearable = true
+      isClearable = true,
+      onSave
     } = _b, rest = __objRest$19(_b, [
       "name",
       "minValue",
@@ -7813,7 +7821,8 @@
       "validate",
       "firstDayOfWeek",
       "onChange",
-      "isClearable"
+      "isClearable",
+      "onSave"
     ]);
     const { setValue, setError, trigger } = reactHookForm.useFormContext();
     const handleChange = (dateRange) => {
@@ -7845,6 +7854,7 @@
           "aria-label": label,
           isInvalid: !!errors[name],
           onChange: handleChange,
+          onSave,
           resetDate: () => onChange(null),
           value,
           minValue,