@northlight/ui 2.33.13 → 2.33.14

package/dist/es/northlight.d.ts

@@ -915,6 +915,7 @@ interface DateRangePickerProps extends Omit<AriaDateRangePickerProps<DateValue>,
     fiscalStartMonth?: number;
     fiscalStartDay?: number;
     renderInPortal?: boolean;
+    buttonLabel?: string;
 }
 interface DatePickerFieldProps extends Omit<InputProps, 'onChange'>, InputFieldProps {
     name: string;
@@ -933,6 +934,7 @@ interface DatePickerFieldProps extends Omit<InputProps, 'onChange'>, InputFieldP
 }
 interface DateRangePickerFieldProps extends Omit<DatePickerFieldProps, 'onChange'> {
     onChange?: (date: null | DateRange) => void;
+    buttonLabel?: string;
 }
 type FormBody = Record<string, DateRange>;
 

package/dist/es/northlight.js

@@ -7456,7 +7456,8 @@ const RangeCalendar = (props) => {
     minValue,
     maxValue,
     firstDayOfWeek,
-    onSave
+    onSave,
+    buttonLabel = "Save"
   } = props;
   const { locale } = useLocale();
   const ref = useRef(null);
@@ -7528,7 +7529,7 @@ const RangeCalendar = (props) => {
       range: value,
       firstDayOfWeek
     }
-  ))), /* @__PURE__ */ React.createElement(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"))))))));
+  ))), /* @__PURE__ */ React.createElement(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" }, buttonLabel))))))));
 };
 
 const isValidDateRange = (value) => is(Object, value) && has("startDate", value) && has("endDate", value) && is(String, value.startDate) && is(String, value.endDate);
@@ -7582,7 +7583,8 @@ const DateRangePicker = (props) => {
     maxValue,
     renderInPortal = false,
     firstDayOfWeek,
-    onSave
+    onSave,
+    buttonLabel = "Save"
   } = props;
   const ref = useRef();
   const { group } = useMultiStyleConfig("DatePicker");
@@ -7666,7 +7668,8 @@ const DateRangePicker = (props) => {
         fiscalStartDay: fiscalStartDay || 0,
         isClearable,
         firstDayOfWeek,
-        onSave
+        onSave,
+        buttonLabel
       })
     )))))
   );
@@ -7855,7 +7858,8 @@ const DateRangePickerField = forwardRef$1((_a, ref) => {
     firstDayOfWeek = "monday",
     onChange: onChangeCallback = identity,
     isClearable = true,
-    onSave
+    onSave,
+    buttonLabel = "Save"
   } = _b, rest = __objRest$19(_b, [
     "name",
     "minValue",
@@ -7867,7 +7871,8 @@ const DateRangePickerField = forwardRef$1((_a, ref) => {
     "firstDayOfWeek",
     "onChange",
     "isClearable",
-    "onSave"
+    "onSave",
+    "buttonLabel"
   ]);
   const { setValue, setError, trigger } = useFormContext();
   const handleChange = (dateRange) => {
@@ -7905,7 +7910,8 @@ const DateRangePickerField = forwardRef$1((_a, ref) => {
         minValue,
         maxValue,
         validationState: errors.name ? "invalid" : "valid",
-        isClearable
+        isClearable,
+        buttonLabel
       }, rest)
     )
   );