@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/esm/Filter/FilterDatePicker/hooks/useDateInputHandlers.mjs

@@ -8,55 +8,60 @@ import { isInvalidDate } from '../../../Calendar/utils/isInvalidDate.mjs';
 import { isSelectingDayInCalendar } from '../../../Calendar/utils/isSelectingDayInCalendar.mjs';
 import { parseDateFromNumeralFormatValue } from '../../../Calendar/utils/parseDateFromNumeralFormatValue.mjs';
 import { parseDateFromTextFormatValue } from '../../../Calendar/utils/parseDateFromTextFormatValue.mjs';
-
 var useDateInputHandlers = function (_a) {
-    var locale = _a.locale, disabledDays = _a.disabledDays, setInputValue = _a.setInputValue, onDateChange = _a.onDateChange, onDateSubmit = _a.onDateSubmit, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown;
-    var isValidDate = function (date) {
-        return !isInvalidDate(date) && !isDisabledDate(date, disabledDays);
-    };
-    var handleChange = function (e) {
-        setInputValue(e.currentTarget.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    };
-    var handleFocus = function (e) {
-        var date = parseDateFromTextFormatValue(e.currentTarget.value, locale);
-        if (!isInvalidDate(date)) {
-            var newInputValue = formatDateAsNumeral(date, locale);
-            setInputValue(newInputValue);
-        }
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    };
-    var handleBlur = function (e) {
-        if (isSelectingDayInCalendar(e.relatedTarget))
-            return;
-        if (e.currentTarget.value === "") {
-            onDateChange(undefined);
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-            return;
-        }
-        var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
-        if (isValidDate(date)) {
-            var newInputValue = formatDateAsText(date, disabledDays, locale);
-            setInputValue(newInputValue);
-        }
-        onDateChange(date);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    };
-    var handleKeyDown = function (e) {
-        if (e.key === "Enter") {
-            e.preventDefault();
-            var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
-            onDateChange(date);
-            onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    };
-    return {
-        onChange: handleChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-    };
+  var locale = _a.locale,
+    disabledDays = _a.disabledDays,
+    setInputValue = _a.setInputValue,
+    onDateChange = _a.onDateChange,
+    onDateSubmit = _a.onDateSubmit,
+    onChange = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown;
+  var isValidDate = function (date) {
+    return !isInvalidDate(date) && !isDisabledDate(date, disabledDays);
+  };
+  var handleChange = function (e) {
+    setInputValue(e.currentTarget.value);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+  };
+  var handleFocus = function (e) {
+    var date = parseDateFromTextFormatValue(e.currentTarget.value, locale);
+    if (!isInvalidDate(date)) {
+      var newInputValue = formatDateAsNumeral(date, locale);
+      setInputValue(newInputValue);
+    }
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  };
+  var handleBlur = function (e) {
+    if (isSelectingDayInCalendar(e.relatedTarget)) return;
+    if (e.currentTarget.value === "") {
+      onDateChange(undefined);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      return;
+    }
+    var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
+    if (isValidDate(date)) {
+      var newInputValue = formatDateAsText(date, disabledDays, locale);
+      setInputValue(newInputValue);
+    }
+    onDateChange(date);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  };
+  var handleKeyDown = function (e) {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      var date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
+      onDateChange(date);
+      onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+  };
+  return {
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown
+  };
 };
-
 export { useDateInputHandlers };

package/dist/esm/Filter/FilterDatePicker/hooks/useDateValidation.mjs

@@ -1,31 +1,33 @@
 import { useState } from 'react';
 import { getDateValidationHandler } from '../utils/getDateValidationHandler.mjs';
 import { validateDate } from '../utils/validateDate.mjs';
-
 var useDateValidation = function (_a) {
-    var inputLabel = _a.inputLabel, disabledDays = _a.disabledDays, validationMessage = _a.validationMessage, onValidate = _a.onValidate;
-    var _b = useState(), inbuiltValidationMessage = _b[0], setInbuiltValidationMessage = _b[1];
-    var shouldUseInbuiltDateValidation = onValidate === undefined;
-    var updateValidation = getDateValidationHandler({
-        onValidate: onValidate,
-        setInbuiltValidationMessage: setInbuiltValidationMessage,
-        inputLabel: inputLabel,
+  var inputLabel = _a.inputLabel,
+    disabledDays = _a.disabledDays,
+    validationMessage = _a.validationMessage,
+    onValidate = _a.onValidate;
+  var _b = useState(),
+    inbuiltValidationMessage = _b[0],
+    setInbuiltValidationMessage = _b[1];
+  var shouldUseInbuiltDateValidation = onValidate === undefined;
+  var updateValidation = getDateValidationHandler({
+    onValidate: onValidate,
+    setInbuiltValidationMessage: setInbuiltValidationMessage,
+    inputLabel: inputLabel
+  });
+  var validateSingleDate = function (_a) {
+    var date = _a.date,
+      inputValue = _a.inputValue;
+    return validateDate({
+      date: date,
+      inputValue: inputValue,
+      disabledDays: disabledDays
     });
-    var validateSingleDate = function (_a) {
-        var date = _a.date, inputValue = _a.inputValue;
-        return validateDate({
-            date: date,
-            inputValue: inputValue,
-            disabledDays: disabledDays,
-        });
-    };
-    return {
-        validationMessage: shouldUseInbuiltDateValidation
-            ? inbuiltValidationMessage
-            : validationMessage,
-        validateDate: validateSingleDate,
-        updateValidation: updateValidation,
-    };
+  };
+  return {
+    validationMessage: shouldUseInbuiltDateValidation ? inbuiltValidationMessage : validationMessage,
+    validateDate: validateSingleDate,
+    updateValidation: updateValidation
+  };
 };
-
 export { useDateValidation };

package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -5,22 +5,49 @@ import { DateInputDescription } from '../../../../DateInput/DateInputDescription
 import '../../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
 import { FieldMessage } from '../../../../FieldMessage/FieldMessage.mjs';
 import styles from './DateInputField.module.scss.mjs';
-
-var DateInputField = React.forwardRef(function (_a, ref) {
-    var id = _a.id, labelText = _a.labelText, description = _a.description, disabled = _a.disabled, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, validationMessage = _a.validationMessage, locale = _a.locale, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
+const DateInputField = /*#__PURE__*/function () {
+  const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var id = _a.id,
+      labelText = _a.labelText,
+      description = _a.description,
+      disabled = _a.disabled,
+      _b = _a.isReversed,
+      isReversed = _b === void 0 ? false : _b,
+      validationMessage = _a.validationMessage,
+      locale = _a.locale,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
     var descriptionId = "".concat(id, "--field-message");
-    var errorMessageId = validationMessage
-        ? "".concat(id, "--date-error-message")
-        : undefined;
-    var inputDescribedBy = errorMessageId
-        ? "".concat(errorMessageId, " ").concat(descriptionId)
-        : descriptionId;
+    var errorMessageId = validationMessage ? "".concat(id, "--date-error-message") : undefined;
+    var inputDescribedBy = errorMessageId ? "".concat(errorMessageId, " ").concat(descriptionId) : descriptionId;
     var dateIsInvalid = errorMessageId !== undefined;
-    return (React.createElement("div", null,
-        React.createElement(DateInput, __assign({ ref: ref, id: id, labelText: labelText || "Date", "aria-describedby": inputDescribedBy, "aria-errormessage": errorMessageId, "aria-invalid": dateIsInvalid, autoComplete: "off", disabled: disabled, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, classNameOverride: classNameOverride }, restProps)),
-        validationMessage && (React.createElement(FieldMessage, { id: errorMessageId, message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, reversed: isReversed })),
-        React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description: description, locale: locale }), reversed: isReversed, classNameOverride: disabled ? styles.disabled : undefined })));
-});
-DateInputField.displayName = "DateInputField";
-
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DateInput, __assign({
+      ref: ref,
+      id: id,
+      labelText: labelText || "Date",
+      "aria-describedby": inputDescribedBy,
+      "aria-errormessage": errorMessageId,
+      "aria-invalid": dateIsInvalid,
+      autoComplete: "off",
+      disabled: disabled,
+      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+      classNameOverride: classNameOverride
+    }, restProps)), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+      id: errorMessageId,
+      message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
+      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+      reversed: isReversed
+    })), /*#__PURE__*/React.createElement(FieldMessage, {
+      id: descriptionId,
+      message: /*#__PURE__*/React.createElement(DateInputDescription, {
+        description: description,
+        locale: locale
+      }),
+      reversed: isReversed,
+      classNameOverride: disabled ? styles.disabled : undefined
+    }));
+  });
+  DateInputField.displayName = "DateInputField";
+  return DateInputField;
+}();
 export { DateInputField };

package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"disabled":"DateInputField-module_disabled__gfago"};
-
+var styles = {
+  "disabled": "DateInputField-module_disabled__gfago"
+};
 export { styles as default };

package/dist/esm/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.mjs

@@ -13,84 +13,118 @@ import { useDateInputHandlers } from '../../hooks/useDateInputHandlers.mjs';
 import { DateInputField } from '../DateInputField/DateInputField.mjs';
 import { filterDatePickerFieldReducer } from './filterDatePickerFieldReducer.mjs';
 import styles from './FilterDatePickerField.module.scss.mjs';
-
 var FilterDatePickerField = function (_a) {
-    var propsId = _a.id, inputProps = _a.inputProps, propsLocale = _a.locale, defaultMonth = _a.defaultMonth, selectedDate = _a.selectedDate, onDateChange = _a.onDateChange, onDateSubmit = _a.onDateSubmit, disabledDays = _a.disabledDays, description = _a.description, validationMessage = _a.validationMessage, onValidate = _a.onValidate, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var locale = getLocale(propsLocale);
-    var dateValidation = useDateValidation({
-        disabledDays: disabledDays,
-        validationMessage: validationMessage,
-        onValidate: onValidate,
+  var propsId = _a.id,
+    inputProps = _a.inputProps,
+    propsLocale = _a.locale,
+    defaultMonth = _a.defaultMonth,
+    selectedDate = _a.selectedDate,
+    onDateChange = _a.onDateChange,
+    onDateSubmit = _a.onDateSubmit,
+    disabledDays = _a.disabledDays,
+    description = _a.description,
+    validationMessage = _a.validationMessage,
+    onValidate = _a.onValidate,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var locale = getLocale(propsLocale);
+  var dateValidation = useDateValidation({
+    disabledDays: disabledDays,
+    validationMessage: validationMessage,
+    onValidate: onValidate
+  });
+  var validateDate = function (date, inputValue) {
+    var _a = dateValidation.validateDate({
+        date: date,
+        inputValue: inputValue
+      }),
+      validationResponse = _a.validationResponse,
+      newDate = _a.newDate;
+    dateValidation.updateValidation(validationResponse);
+    return newDate;
+  };
+  var _b = useReducer(filterDatePickerFieldReducer, {
+      selectedDate: selectedDate,
+      inputValue: transformDateToInputValue(selectedDate, disabledDays, locale) || "",
+      startMonth: selectedDate && !isInvalidDate(selectedDate) ? selectedDate : defaultMonth || new Date()
+    }),
+    state = _b[0],
+    dispatch = _b[1];
+  var handleDateChange = function (date) {
+    onDateChange(date);
+  };
+  var inputDateHandlers = useDateInputHandlers(__assign({
+    locale: locale,
+    disabledDays: disabledDays,
+    setInputValue: function (value) {
+      dispatch({
+        type: "update_input_field",
+        inputValue: value
+      });
+    },
+    onDateChange: function (date) {
+      // Because the input value is being tracked in the state as the user types
+      // we can reliably utilise state.inputValue as part of the validation message,
+      // which is triggered by `onBlur` function
+      var newDate = validateDate(date, state.inputValue);
+      dispatch({
+        type: "update_selected_date",
+        date: newDate
+      });
+      handleDateChange(newDate);
+    },
+    onDateSubmit: function (date) {
+      // Only provide consumers with a valid date to the `onDateSubmit` function
+      if (!isInvalidDate(date)) {
+        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+      }
+    }
+  }, inputProps));
+  var handleCalendarSelect = function (date) {
+    // Transforming the date to an InputValue and validating the date with the result
+    // can operate in this order because we are guaranteed a valid date from the calendar.
+    //
+    // In all other scenarios, this won't work as the return string from an invalid date
+    // would be "Invalid Date" and not the actual value entered by the user since we want
+    // the final error message to use the typed word from the user.
+    var inputValue = transformDateToInputValue(date, disabledDays, locale);
+    var newDate = validateDate(date, inputValue);
+    dispatch({
+      type: "update_selected_date",
+      date: newDate
     });
-    var validateDate = function (date, inputValue) {
-        var _a = dateValidation.validateDate({
-            date: date,
-            inputValue: inputValue,
-        }), validationResponse = _a.validationResponse, newDate = _a.newDate;
-        dateValidation.updateValidation(validationResponse);
-        return newDate;
-    };
-    var _b = useReducer(filterDatePickerFieldReducer, {
-        selectedDate: selectedDate,
-        inputValue: transformDateToInputValue(selectedDate, disabledDays, locale) || "",
-        startMonth: selectedDate && !isInvalidDate(selectedDate)
-            ? selectedDate
-            : defaultMonth || new Date(),
-    }), state = _b[0], dispatch = _b[1];
-    var handleDateChange = function (date) {
-        onDateChange(date);
-    };
-    var inputDateHandlers = useDateInputHandlers(__assign({ locale: locale, disabledDays: disabledDays, setInputValue: function (value) {
-            dispatch({
-                type: "update_input_field",
-                inputValue: value,
-            });
-        }, onDateChange: function (date) {
-            // Because the input value is being tracked in the state as the user types
-            // we can reliably utilise state.inputValue as part of the validation message,
-            // which is triggered by `onBlur` function
-            var newDate = validateDate(date, state.inputValue);
-            dispatch({
-                type: "update_selected_date",
-                date: newDate,
-            });
-            handleDateChange(newDate);
-        }, onDateSubmit: function (date) {
-            // Only provide consumers with a valid date to the `onDateSubmit` function
-            if (!isInvalidDate(date)) {
-                onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
-            }
-        } }, inputProps));
-    var handleCalendarSelect = function (date) {
-        // Transforming the date to an InputValue and validating the date with the result
-        // can operate in this order because we are guaranteed a valid date from the calendar.
-        //
-        // In all other scenarios, this won't work as the return string from an invalid date
-        // would be "Invalid Date" and not the actual value entered by the user since we want
-        // the final error message to use the typed word from the user.
-        var inputValue = transformDateToInputValue(date, disabledDays, locale);
-        var newDate = validateDate(date, inputValue);
-        dispatch({
-            type: "update_selected_date",
-            date: newDate,
-        });
-        dispatch({
-            type: "update_input_field",
-            inputValue: inputValue,
-        });
-        handleDateChange(newDate);
-        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(newDate);
-    };
-    useEffect(function () {
-        validateDate(selectedDate, state.inputValue);
-    }, []);
-    return (React.createElement("div", __assign({ className: classnames(styles.filterDatePickerField, classNameOverride) }, restProps),
-        React.createElement(DateInputField, __assign({ id: "".concat(id, "--input"), locale: locale, value: state.inputValue, description: description, validationMessage: dateValidation.validationMessage }, inputDateHandlers, inputProps)),
-        React.createElement(CalendarSingle, { disabled: disabledDays, locale: locale, selected: state.selectedDate, onSelect: handleCalendarSelect, month: state.startMonth, onMonthChange: function (value) {
-                return dispatch({ type: "navigate_months", date: value });
-            } })));
+    dispatch({
+      type: "update_input_field",
+      inputValue: inputValue
+    });
+    handleDateChange(newDate);
+    onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(newDate);
+  };
+  useEffect(function () {
+    validateDate(selectedDate, state.inputValue);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", __assign({
+    className: classnames(styles.filterDatePickerField, classNameOverride)
+  }, restProps), /*#__PURE__*/React.createElement(DateInputField, __assign({
+    id: "".concat(id, "--input"),
+    locale: locale,
+    value: state.inputValue,
+    description: description,
+    validationMessage: dateValidation.validationMessage
+  }, inputDateHandlers, inputProps)), /*#__PURE__*/React.createElement(CalendarSingle, {
+    disabled: disabledDays,
+    locale: locale,
+    selected: state.selectedDate,
+    onSelect: handleCalendarSelect,
+    month: state.startMonth,
+    onMonthChange: function (value) {
+      return dispatch({
+        type: "navigate_months",
+        date: value
+      });
+    }
+  }));
 };
-
 export { FilterDatePickerField };

package/dist/esm/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"filterDatePickerField":"FilterDatePickerField-module_filterDatePickerField__ClXMw"};
-
+var styles = {
+  "filterDatePickerField": "FilterDatePickerField-module_filterDatePickerField__ClXMw"
+};
 export { styles as default };

package/dist/esm/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.mjs

@@ -4,18 +4,22 @@ import '../../../../Calendar/CalendarRange/CalendarRange.mjs';
 import 'date-fns';
 import { isInvalidDate } from '../../../../Calendar/utils/isInvalidDate.mjs';
 import 'react-day-picker';
-
 var filterDatePickerFieldReducer = function (state, action) {
-    switch (action.type) {
-        case "update_selected_date":
-            return __assign(__assign({}, state), { selectedDate: action.date, inputValue: action.inputValue === undefined
-                    ? state.inputValue
-                    : action.inputValue, startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date() });
-        case "navigate_months":
-            return __assign(__assign({}, state), { startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date() });
-        case "update_input_field":
-            return __assign(__assign({}, state), { inputValue: action.inputValue });
-    }
+  switch (action.type) {
+    case "update_selected_date":
+      return __assign(__assign({}, state), {
+        selectedDate: action.date,
+        inputValue: action.inputValue === undefined ? state.inputValue : action.inputValue,
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "navigate_months":
+      return __assign(__assign({}, state), {
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_input_field":
+      return __assign(__assign({}, state), {
+        inputValue: action.inputValue
+      });
+  }
 };
-
 export { filterDatePickerFieldReducer };

package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs

@@ -1,22 +1,24 @@
 import React from 'react';
 import { LabelledMessage } from '../../../LabelledMessage/LabelledMessage.mjs';
 import { getNodeText } from '../../../utils/getNodeText.mjs';
-
 var getDateValidationHandler = function (_a) {
-    var onValidate = _a.onValidate, setInbuiltValidationMessage = _a.setInbuiltValidationMessage, inputLabel = _a.inputLabel;
-    return function (validationResponse) {
-        if (onValidate)
-            return onValidate(validationResponse);
-        var validationMessage = validationResponse.validationMessage;
-        if (!validationMessage) {
-            setInbuiltValidationMessage(undefined);
-            return;
-        }
-        setInbuiltValidationMessage({
-            status: validationMessage.status,
-            message: inputLabel ? (React.createElement(LabelledMessage, { label: "".concat(getNodeText(inputLabel)), message: validationMessage.message })) : (validationMessage.message),
-        });
-    };
+  var onValidate = _a.onValidate,
+    setInbuiltValidationMessage = _a.setInbuiltValidationMessage,
+    inputLabel = _a.inputLabel;
+  return function (validationResponse) {
+    if (onValidate) return onValidate(validationResponse);
+    var validationMessage = validationResponse.validationMessage;
+    if (!validationMessage) {
+      setInbuiltValidationMessage(undefined);
+      return;
+    }
+    setInbuiltValidationMessage({
+      status: validationMessage.status,
+      message: inputLabel ? ( /*#__PURE__*/React.createElement(LabelledMessage, {
+        label: "".concat(getNodeText(inputLabel)),
+        message: validationMessage.message
+      })) : validationMessage.message
+    });
+  };
 };
-
 export { getDateValidationHandler };

package/dist/esm/Filter/FilterDatePicker/utils/transformDateToInputValue.mjs

@@ -4,7 +4,7 @@ import 'tslib';
 import 'date-fns';
 import { formatDateAsText } from '../../../Calendar/utils/formatDateAsText.mjs';
 import 'react-day-picker';
-
-var transformDateToInputValue = function (date, disabledDays, locale) { return (date ? formatDateAsText(date, disabledDays, locale) : ""); };
-
+var transformDateToInputValue = function (date, disabledDays, locale) {
+  return date ? formatDateAsText(date, disabledDays, locale) : "";
+};
 export { transformDateToInputValue };

package/dist/esm/Filter/FilterDatePicker/utils/validateDate.mjs

@@ -1,12 +1,18 @@
 import { __rest, __assign } from 'tslib';
 import { validateDate as validateDate$1 } from '../../../DatePicker/utils/validateDate.mjs';
-
 var validateDate = function (args) {
-    var response = validateDate$1(args);
-    var _a = response.validationResponse, status = _a.status, validationMessage = _a.validationMessage, rest = __rest(_a, ["status", "validationMessage"]);
-    return __assign(__assign({}, response), { validationResponse: __assign(__assign({}, rest), { validationMessage: status && validationMessage
-                ? { status: status, message: validationMessage }
-                : undefined }) });
+  var response = validateDate$1(args);
+  var _a = response.validationResponse,
+    status = _a.status,
+    validationMessage = _a.validationMessage,
+    rest = __rest(_a, ["status", "validationMessage"]);
+  return __assign(__assign({}, response), {
+    validationResponse: __assign(__assign({}, rest), {
+      validationMessage: status && validationMessage ? {
+        status: status,
+        message: validationMessage
+      } : undefined
+    })
+  });
 };
-
 export { validateDate };

package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs

@@ -7,18 +7,38 @@ import { DateRangeDisplayLabel } from './subcomponents/DateRangeDisplayLabel/Dat
 import { FilterDateRangePickerField } from './subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs';
 import { isValidRange } from './subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs';
 import { isCompleteDateRange } from './utils/isCompleteDateRange.mjs';
-
-var FilterDateRangePicker = function (_a) {
-    var propsId = _a.id, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, selectedRange = _a.selectedRange, label = _a.label, locale = _a.locale, restProps = __rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
+const FilterDateRangePicker = /*#__PURE__*/function () {
+  const FilterDateRangePicker = function (_a) {
+    var propsId = _a.id,
+      isOpen = _a.isOpen,
+      setIsOpen = _a.setIsOpen,
+      renderTrigger = _a.renderTrigger,
+      selectedRange = _a.selectedRange,
+      label = _a.label,
+      locale = _a.locale,
+      restProps = __rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
     var reactId = useId();
     var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    return (React.createElement(Filter, { isOpen: isOpen, setIsOpen: setIsOpen, renderTrigger: function (triggerProps) {
-            return renderTrigger(__assign({ selectedValue: isCompleteDateRange(selectedRange) &&
-                    isValidRange(selectedRange.from, selectedRange.to) ? (React.createElement(DateRangeDisplayLabel, { dateRange: selectedRange, locale: getLocale(locale) })) : undefined, label: label }, triggerProps));
-        } },
-        React.createElement(FilterContents, null,
-            React.createElement(FilterDateRangePickerField, __assign({ id: "".concat(id, "--input"), label: label, locale: locale, selectedRange: selectedRange }, restProps)))));
-};
-FilterDateRangePicker.displayName = "FilterDateRangePicker";
-
+    return /*#__PURE__*/React.createElement(Filter, {
+      isOpen: isOpen,
+      setIsOpen: setIsOpen,
+      renderTrigger: function (triggerProps) {
+        return renderTrigger(__assign({
+          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? ( /*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
+            dateRange: selectedRange,
+            locale: getLocale(locale)
+          })) : undefined,
+          label: label
+        }, triggerProps));
+      }
+    }, /*#__PURE__*/React.createElement(FilterContents, null, /*#__PURE__*/React.createElement(FilterDateRangePickerField, __assign({
+      id: "".concat(id, "--input"),
+      label: label,
+      locale: locale,
+      selectedRange: selectedRange
+    }, restProps))));
+  };
+  FilterDateRangePicker.displayName = "FilterDateRangePicker";
+  return FilterDateRangePicker;
+}();
 export { FilterDateRangePicker };