@kaizen/components 1.24.2 → 1.26.0

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInputField.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport {\n  DateInput,\n  DateInputProps,\n} from \"@kaizen/date-picker/src/_subcomponents/DateInput\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport {\n  DateInputDescription,\n  DateInputDescriptionProps,\n} from \"../DateInputDescription\"\nimport {\n  DateRangeValidationMessage,\n  DateRangeValidationMessageProps,\n} from \"../DateRangeValidationMessage\"\nimport styles from \"./DateRangeInputField.module.scss\"\n\nexport type DateRangeInputFieldProps = {\n  id: string\n  legend: string\n  inputStartDateProps: Omit<DateInputProps, \"id\">\n  inputEndDateProps: Omit<DateInputProps, \"id\">\n  locale: Locale\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  isReversed?: boolean\n  validationMessage?: DateRangeValidationMessageProps[\"validationMessage\"]\n  disabled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport type DateRangeInputFieldRefs = {\n  inputStartDateRef?: React.RefObject<HTMLInputElement>\n  inputEndDateRef?: React.RefObject<HTMLInputElement>\n}\n\nexport const DateRangeInputField = React.forwardRef<\n  DateRangeInputFieldRefs,\n  DateRangeInputFieldProps\n>(\n  (\n    {\n      id,\n      legend,\n      inputStartDateProps,\n      inputEndDateProps,\n      description,\n      disabled,\n      isReversed = false,\n      validationMessage,\n      locale,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => {\n    const customRefObject = isRefObject(ref) ? ref.current : null\n    const inputStartDateRef = customRefObject?.inputStartDateRef\n    const inputEndDateRef = customRefObject?.inputEndDateRef\n\n    const descriptionId = `${id}--field-message`\n\n    // Date Start aria labels\n    const dateStartErrorMessageId = validationMessage?.dateStart\n      ? `${id}--date-start-error-message`\n      : undefined\n\n    const dateStartInputDescribedBy = dateStartErrorMessageId\n      ? `${dateStartErrorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateStartIsInvalid = dateStartErrorMessageId !== undefined\n\n    // Date End aria labels\n    const dateEndErrorMessageId = validationMessage?.dateEnd\n      ? `${id}--date-end-error-message`\n      : undefined\n\n    const dateEndInputDescribedBy = dateEndErrorMessageId\n      ? `${dateEndErrorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateEndIsInvalid = dateEndErrorMessageId !== undefined\n\n    return (\n      <div className={classNameOverride} {...restProps}>\n        <fieldset className={styles.dateRangeInputContainer}>\n          <legend>\n            <VisuallyHidden>{legend}</VisuallyHidden>\n          </legend>\n          <DateInput\n            ref={inputStartDateRef}\n            id={`${id}--from`}\n            aria-describedby={dateStartInputDescribedBy}\n            aria-errormessage={dateStartErrorMessageId}\n            aria-invalid={dateStartIsInvalid}\n            autoComplete=\"off\"\n            disabled={disabled}\n            status={validationMessage?.dateStart?.status}\n            {...inputStartDateProps}\n            classNameOverride={classnames(\n              styles.inputStartDate,\n              inputStartDateProps.classNameOverride\n            )}\n          />\n          <DateInput\n            ref={inputEndDateRef}\n            id={`${id}--to`}\n            aria-describedby={dateEndInputDescribedBy}\n            aria-errormessage={dateEndErrorMessageId}\n            aria-invalid={dateEndIsInvalid}\n            autoComplete=\"off\"\n            disabled={disabled}\n            status={validationMessage?.dateEnd?.status}\n            {...inputEndDateProps}\n            classNameOverride={classnames(\n              styles.inputEndDate,\n              inputEndDateProps.classNameOverride\n            )}\n          />\n        </fieldset>\n\n        {validationMessage && (\n          <DateRangeValidationMessage\n            validationMessage={validationMessage}\n            isReversed={isReversed}\n            dateStartId={dateStartErrorMessageId}\n            dateEndId={dateEndErrorMessageId}\n          />\n        )}\n\n        <FieldMessage\n          id={descriptionId}\n          message={\n            <DateInputDescription description={description} locale={locale} />\n          }\n          reversed={isReversed}\n          classNameOverride={disabled ? styles.disabled : undefined}\n        />\n      </div>\n    )\n  }\n)\n\nDateRangeInputField.displayName = \"DateRangeInputField\"\n"],"names":["DateRangeInputField","React","forwardRef","_a","ref","id","legend","inputStartDateProps","inputEndDateProps","description","disabled","_d","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","customRefObject","isRefObject","current","inputStartDateRef","inputEndDateRef","descriptionId","concat","dateStartErrorMessageId","dateStart","undefined","dateStartInputDescribedBy","dateStartIsInvalid","dateEndErrorMessageId","dateEnd","dateEndInputDescribedBy","dateEndIsInvalid","createElement","__assign","className","styles","dateRangeInputContainer","VisuallyHidden","DateInput","autoComplete","status","_b","classnames","inputStartDate","_c","inputEndDate","DateRangeValidationMessage","dateStartId","dateEndId","FieldMessage","message","DateInputDescription","reversed","displayName"],"mappings":"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"}

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "dateRangeInputContainer": "DateRangeInputField-module_dateRangeInputContainer__KGDB1",
+  "inputStartDate": "DateRangeInputField-module_inputStartDate__3nwlg",
+  "inputEndDate": "DateRangeInputField-module_inputEndDate__ZvUwZ",
+  "disabled": "DateRangeInputField-module_disabled__iPMZ-"
+};
+export { styles as default };
+//# sourceMappingURL=DateRangeInputField.module.scss.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInputField.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs

@@ -0,0 +1,61 @@
+import React from 'react';
+import { FieldMessage } from '@kaizen/draft-form';
+import styles from './DateRangeValidationMessage.module.scss.mjs';
+const DateRangeValidationMessage = /*#__PURE__*/function () {
+  const DateRangeValidationMessage = function (_a) {
+    var validationMessage = _a.validationMessage,
+      dateStartId = _a.dateStartId,
+      dateEndId = _a.dateEndId,
+      isReversed = _a.isReversed;
+    if (!validationMessage) return null;
+    var dateStart = validationMessage.dateStart;
+    var dateEnd = validationMessage.dateEnd;
+    if (dateStart && dateEnd) {
+      if (dateStart.status === dateEnd.status) {
+        return /*#__PURE__*/React.createElement(FieldMessage, {
+          message: /*#__PURE__*/React.createElement("ul", {
+            className: styles.fieldMessageList
+          }, /*#__PURE__*/React.createElement("li", {
+            id: dateStartId
+          }, dateStart.message), /*#__PURE__*/React.createElement("li", {
+            id: dateEndId
+          }, dateEnd.message)),
+          status: dateStart.status || dateEnd.status,
+          reversed: isReversed
+        });
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FieldMessage, {
+        id: dateStartId,
+        message: dateStart.message,
+        status: dateStart.status,
+        reversed: isReversed
+      }), /*#__PURE__*/React.createElement(FieldMessage, {
+        id: dateEndId,
+        message: dateEnd.message,
+        status: dateEnd.status,
+        reversed: isReversed
+      }));
+    }
+    if (dateStart) {
+      return /*#__PURE__*/React.createElement(FieldMessage, {
+        id: dateStartId,
+        message: dateStart.message,
+        status: dateStart.status,
+        reversed: isReversed
+      });
+    }
+    if (dateEnd) {
+      return /*#__PURE__*/React.createElement(FieldMessage, {
+        id: dateEndId,
+        message: dateEnd.message,
+        status: dateEnd.status,
+        reversed: isReversed
+      });
+    }
+    return null;
+  };
+  DateRangeValidationMessage.displayName = "DateRangeValidationMessage";
+  return DateRangeValidationMessage;
+}();
+export { DateRangeValidationMessage };
+//# sourceMappingURL=DateRangeValidationMessage.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeValidationMessage.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.tsx"],"sourcesContent":["import React from \"react\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport { DateRangeFieldValidationMessage } from \"../FilterDateRangePickerField/types\"\nimport styles from \"./DateRangeValidationMessage.module.scss\"\n\nexport type DateRangeValidationMessageProps = {\n  validationMessage?: DateRangeFieldValidationMessage\n  dateStartId?: string\n  dateEndId?: string\n  isReversed?: boolean\n}\n\nexport const DateRangeValidationMessage = ({\n  validationMessage,\n  dateStartId,\n  dateEndId,\n  isReversed,\n}: DateRangeValidationMessageProps): JSX.Element | null => {\n  if (!validationMessage) return null\n\n  const dateStart = validationMessage.dateStart\n  const dateEnd = validationMessage.dateEnd\n\n  if (dateStart && dateEnd) {\n    if (dateStart.status === dateEnd.status) {\n      return (\n        <FieldMessage\n          message={\n            <ul className={styles.fieldMessageList}>\n              <li id={dateStartId}>{dateStart.message}</li>\n              <li id={dateEndId}>{dateEnd.message}</li>\n            </ul>\n          }\n          status={dateStart.status || dateEnd.status}\n          reversed={isReversed}\n        />\n      )\n    }\n\n    return (\n      <>\n        <FieldMessage\n          id={dateStartId}\n          message={dateStart.message}\n          status={dateStart.status}\n          reversed={isReversed}\n        />\n        <FieldMessage\n          id={dateEndId}\n          message={dateEnd.message}\n          status={dateEnd.status}\n          reversed={isReversed}\n        />\n      </>\n    )\n  }\n\n  if (dateStart) {\n    return (\n      <FieldMessage\n        id={dateStartId}\n        message={dateStart.message}\n        status={dateStart.status}\n        reversed={isReversed}\n      />\n    )\n  }\n\n  if (dateEnd) {\n    return (\n      <FieldMessage\n        id={dateEndId}\n        message={dateEnd.message}\n        status={dateEnd.status}\n        reversed={isReversed}\n      />\n    )\n  }\n\n  return null\n}\n\nDateRangeValidationMessage.displayName = \"DateRangeValidationMessage\"\n"],"names":["DateRangeValidationMessage","_a","validationMessage","dateStartId","dateEndId","isReversed","dateStart","dateEnd","status","React","createElement","FieldMessage","message","className","styles","fieldMessageList","id","reversed","Fragment","displayName"],"mappings":";;;MAYaA,0BAA0B;EAAA,MAA1BA,0BAA0B,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJhCC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;IAEV,IAAI,CAACH,iBAAiB,EAAE,OAAO,IAAI;IAEnC,IAAMI,SAAS,GAAGJ,iBAAiB,CAACI,SAAS;IAC7C,IAAMC,OAAO,GAAGL,iBAAiB,CAACK,OAAO;IAEzC,IAAID,SAAS,IAAIC,OAAO,EAAE;MACxB,IAAID,SAAS,CAACE,MAAM,KAAKD,OAAO,CAACC,MAAM,EAAE;QACvC,oBACEC,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;UAAAC,OAAO,eACLH,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIG,SAAS,EAAEC,MAAM,CAACC;UAAgB,CAAA,eACpCN,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIM,EAAE,EAAEb;aAAcG,SAAS,CAACM,OAAO,CAAM,eAC7CH,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAAM,EAAE,EAAEZ;UAAS,CAAG,EAAAG,OAAO,CAACK,OAAO,CAAM,CACtC;UAEPJ,MAAM,EAAEF,SAAS,CAACE,MAAM,IAAID,OAAO,CAACC,MAAM;UAC1CS,QAAQ,EAAEZ;QAAU,CACpB,CAAA;MAEL;MAED,oBACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAC,CAAAC,aAAA,CAAAC,YAAY;QACXK,EAAE,EAAEb,WAAW;QACfS,OAAO,EAAEN,SAAS,CAACM,OAAO;QAC1BJ,MAAM,EAAEF,SAAS,CAACE,MAAM;QACxBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA,eACFI,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEZ,SAAS;QACbQ,OAAO,EAAEL,OAAO,CAACK,OAAO;QACxBJ,MAAM,EAAED,OAAO,CAACC,MAAM;QACtBS,QAAQ,EAAEZ;MAAU,CAAA,CACpB,CACD;IAEN;IAED,IAAIC,SAAS,EAAE;MACb,oBACEG,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEb,WAAW;QACfS,OAAO,EAAEN,SAAS,CAACM,OAAO;QAC1BJ,MAAM,EAAEF,SAAS,CAACE,MAAM;QACxBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA;IAEL;IAED,IAAIE,OAAO,EAAE;MACX,oBACEE,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACX;QAAAK,EAAE,EAAEZ,SAAS;QACbQ,OAAO,EAAEL,OAAO,CAACK,OAAO;QACxBJ,MAAM,EAAED,OAAO,CAACC,MAAM;QACtBS,QAAQ,EAAEZ;MAAU,CACpB,CAAA;IAEL;IAED,OAAO,IAAI;EACb,CAAC;EAEDL,0BAA0B,CAACmB,WAAW,GAAG,4BAA4B;EAAA,OAtExDnB,0BAA0B;AAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "fieldMessageList": "DateRangeValidationMessage-module_fieldMessageList__UluZx"
+};
+export { styles as default };
+//# sourceMappingURL=DateRangeValidationMessage.module.scss.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeValidationMessage.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs

@@ -0,0 +1,226 @@
+import { __rest, __assign } from 'tslib';
+import React, { useReducer, useEffect } from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
+import classnames from 'classnames';
+import { CalendarRange } from '@kaizen/date-picker/src/_subcomponents/Calendar';
+import { formatDateAsText } from '@kaizen/date-picker/src/utils/formatDateAsText';
+import { getLocale } from '@kaizen/date-picker/src/utils/getLocale';
+import { isInvalidDate } from '@kaizen/date-picker/src/utils/isInvalidDate';
+import { parseDateFromTextFormatValue } from '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import { useDateInputHandlers } from '../../../FilterDatePicker/hooks/useDateInputHandlers.mjs';
+import { DateRangeInputField } from '../DateRangeInputField/DateRangeInputField.mjs';
+import { filterDatePickerFieldReducer } from './filterDateRangePickerFieldReducer.mjs';
+import { useEndDateValidation } from './hooks/useEndDateValidation.mjs';
+import { useStartDateValidation } from './hooks/useStartDateValidation.mjs';
+import { isValidRange } from './utils/isValidRange.mjs';
+import styles from './FilterDateRangePickerField.module.scss.mjs';
+const FilterDateRangePickerField = /*#__PURE__*/function () {
+  const FilterDateRangePickerField = function (_a) {
+    var id = _a.id,
+      label = _a.label,
+      propsLocale = _a.locale,
+      defaultMonth = _a.defaultMonth,
+      selectedRange = _a.selectedRange,
+      onRangeChange = _a.onRangeChange,
+      disabledDays = _a.disabledDays,
+      inputStartDateProps = _a.inputStartDateProps,
+      inputEndDateProps = _a.inputEndDateProps,
+      description = _a.description,
+      validationMessage = _a.validationMessage,
+      onValidate = _a.onValidate,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["id", "label", "locale", "defaultMonth", "selectedRange", "onRangeChange", "disabledDays", "inputStartDateProps", "inputEndDateProps", "description", "validationMessage", "onValidate", "classNameOverride"]);
+    var formatMessage = useIntl().formatMessage;
+    var locale = getLocale(propsLocale);
+    var translatedDateFrom = formatMessage({
+      id: "filterDateRangePicker.dateFrom",
+      defaultMessage: "Date from",
+      description: "Label for the 'Date from' field"
+    });
+    var translatedDateTo = formatMessage({
+      id: "filterDateRangePicker.dateTo",
+      defaultMessage: "Date to",
+      description: "Label for the 'date to' field"
+    });
+    var inputStartDateLabel = (inputStartDateProps === null || inputStartDateProps === void 0 ? void 0 : inputStartDateProps.labelText) || translatedDateFrom;
+    var inputEndDateLabel = (inputEndDateProps === null || inputEndDateProps === void 0 ? void 0 : inputEndDateProps.labelText) || translatedDateTo;
+    var transformDateToInputValue = function (date) {
+      return date ? formatDateAsText(date, disabledDays, locale) : "";
+    };
+    var handleDateRangeChange = function (dateRange) {
+      onRangeChange(dateRange);
+    };
+    var dateStartValidation = useStartDateValidation({
+      inputLabel: inputStartDateLabel,
+      disabledDays: disabledDays,
+      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
+      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
+    });
+    var dateEndValidation = useEndDateValidation({
+      inputLabel: inputEndDateLabel,
+      disabledDays: disabledDays,
+      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
+      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
+    });
+    var validateStartDate = function (date, inputValue) {
+      return dateStartValidation.validateDate({
+        date: date,
+        inputValue: inputValue
+      });
+    };
+    var validateEndDate = function (date, inputValue) {
+      return dateEndValidation.validateDate({
+        endDate: date,
+        endDateInputValue: inputValue,
+        startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+        startDateFieldLabel: inputStartDateLabel
+      });
+    };
+    var _b = useReducer(filterDatePickerFieldReducer, {
+        selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+        selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
+        inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
+        inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
+        startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth || new Date()
+      }),
+      state = _b[0],
+      dispatch = _b[1];
+    var inputStartDateHandlers = useDateInputHandlers(__assign({
+      locale: locale,
+      disabledDays: disabledDays,
+      setInputValue: function (value) {
+        dispatch({
+          type: "update_input_start_field",
+          inputValue: value
+        });
+      },
+      onDateChange: function (date) {
+        var newDate = validateStartDate(date, state.inputStartValue);
+        // We need to parse the date from the input field due to the
+        // state.selectedEndDate being set to undefined whenever range is invalid
+        var endDate = parseDateFromTextFormatValue(state.inputEndValue, locale);
+        var isRangeValid = isValidRange(newDate, endDate);
+        dispatch({
+          type: "update_selected_start_date",
+          date: newDate
+        });
+        // If the range ends up being invalid due to the change in start date
+        // we need to remove the end date as its now deemed invalid.
+        dispatch({
+          type: "update_selected_end_date",
+          date: isRangeValid ? endDate : undefined
+        });
+        handleDateRangeChange({
+          from: newDate,
+          to: isRangeValid ? endDate : undefined
+        });
+        if (newDate && endDate && !isInvalidDate(endDate)) {
+          // Update validation messages
+          dateEndValidation.validateEndDateBeforeStartDate({
+            startDate: newDate,
+            startDateFieldLabel: inputStartDateLabel,
+            endDate: endDate,
+            endDateInputValue: state.inputEndValue
+          });
+        }
+      }
+    }, inputStartDateProps));
+    var inputEndDateHandlers = useDateInputHandlers(__assign({
+      locale: locale,
+      disabledDays: disabledDays,
+      setInputValue: function (value) {
+        dispatch({
+          type: "update_input_end_field",
+          inputValue: value
+        });
+      },
+      onDateChange: function (date) {
+        var startDate = state.selectedStartDate;
+        var newEndDate = validateEndDate(date, state.inputEndValue);
+        var isRangeValid = isValidRange(startDate, newEndDate);
+        dispatch({
+          type: "update_selected_end_date",
+          date: isRangeValid ? newEndDate : undefined
+        });
+        handleDateRangeChange({
+          from: startDate,
+          to: isRangeValid ? newEndDate : undefined
+        });
+      }
+    }, inputEndDateProps));
+    var handleCalendarSelectRange = function (range) {
+      var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
+      var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
+      var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
+      var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
+      dispatch({
+        type: "update_selected_start_date",
+        date: newStartDate,
+        inputValue: inputStartValue
+      });
+      dispatch({
+        type: "update_selected_end_date",
+        date: newEndDate,
+        inputValue: inputEndValue
+      });
+      handleDateRangeChange({
+        from: newStartDate,
+        to: newEndDate
+      });
+    };
+    useEffect(function () {
+      var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
+      var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
+      if (newStartDate && !isValidRange(newStartDate, newEndDate)) {
+        dispatch({
+          type: "update_selected_end_date",
+          date: undefined
+        });
+      }
+      handleDateRangeChange({
+        from: newStartDate,
+        to: newEndDate
+      });
+    }, []);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.filterDateRangePickerField, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement(DateRangeInputField, {
+      id: "".concat(id, "--input"),
+      legend: label,
+      inputStartDateProps: __assign(__assign({
+        labelText: inputStartDateLabel,
+        value: state.inputStartValue
+      }, inputStartDateProps), inputStartDateHandlers),
+      inputEndDateProps: __assign(__assign({
+        labelText: inputEndDateLabel,
+        value: state.inputEndValue
+      }, inputEndDateProps), inputEndDateHandlers),
+      locale: locale,
+      description: description,
+      validationMessage: {
+        dateStart: dateStartValidation.validationMessage,
+        dateEnd: dateEndValidation.validationMessage
+      },
+      classNameOverride: styles.dateRangeInputField
+    }), /*#__PURE__*/React.createElement(CalendarRange, {
+      disabled: disabledDays,
+      locale: locale,
+      selected: {
+        from: state.selectedStartDate,
+        to: state.selectedEndDate
+      },
+      onSelect: handleCalendarSelectRange,
+      month: state.startMonth,
+      onMonthChange: function (value) {
+        return dispatch({
+          type: "navigate_months",
+          date: value
+        });
+      }
+    }));
+  };
+  FilterDateRangePickerField.displayName = "FilterDateRangePickerField";
+  return FilterDateRangePickerField;
+}();
+export { FilterDateRangePickerField };
+//# sourceMappingURL=FilterDateRangePickerField.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDateRangePickerField.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.tsx"],"sourcesContent":["import React, { useEffect, HTMLAttributes, useReducer } from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport classnames from \"classnames\"\nimport {\n  CalendarRange,\n  CalendarRangeProps,\n} from \"@kaizen/date-picker/src/_subcomponents/Calendar\"\nimport { formatDateAsText } from \"@kaizen/date-picker/src/utils/formatDateAsText\"\nimport { getLocale } from \"@kaizen/date-picker/src/utils/getLocale\"\nimport { isInvalidDate } from \"@kaizen/date-picker/src/utils/isInvalidDate\"\nimport { parseDateFromTextFormatValue } from \"@kaizen/date-picker/src/utils/parseDateFromTextFormatValue\"\nimport { DateValidationResponse } from \"~components/FilterDatePicker\"\nimport { useDateInputHandlers } from \"~components/FilterDatePicker/hooks/useDateInputHandlers\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport {\n  DateRange,\n  DisabledDays,\n  FilterDateSupportedLocales,\n} from \"~types/DatePicker\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  DateRangeInputField,\n  DateRangeInputFieldProps,\n} from \"../DateRangeInputField\"\nimport { filterDatePickerFieldReducer } from \"./filterDateRangePickerFieldReducer\"\nimport { useEndDateValidation } from \"./hooks/useEndDateValidation\"\nimport { useStartDateValidation } from \"./hooks/useStartDateValidation\"\nimport { DateRangeFieldValidationMessage } from \"./types\"\nimport { isValidRange } from \"./utils/isValidRange\"\nimport styles from \"./FilterDateRangePickerField.module.scss\"\n\ntype InputStartDateProps = DateRangeInputFieldProps[\"inputStartDateProps\"]\ntype InputEndDateProps = DateRangeInputFieldProps[\"inputEndDateProps\"]\n\ntype FilterInputProps<InputProps> = Omit<Partial<InputProps>, \"value\"> &\n  DataAttributes\n\nexport type FilterDateRangePickerFieldProps = {\n  id: string\n  label: string\n  locale: FilterDateSupportedLocales\n  /**\n   * Sets first displayed month to month of provided date if there isn't a date set.\n   */\n  defaultMonth?: CalendarRangeProps[\"defaultMonth\"]\n  /**\n   * The date range passed in from the consumer that renders in the inputs and calendar.\n   */\n  selectedRange: DateRange | undefined\n  /**\n   * Callback when date is updated either by the calendar picker or by typing and blurring.\n   * Date will return as `undefined` if empty, invalid or disabled.\n   */\n  onRangeChange: (range: DateRange | undefined) => void\n  /**\n   * See https://react-day-picker.js.org/api/types/Matcher\n   */\n  disabledDays?: DisabledDays\n  inputStartDateProps?: FilterInputProps<InputStartDateProps>\n  inputEndDateProps?: FilterInputProps<InputEndDateProps>\n  /**\n   * Custom description to provide extra context (input format help text remains).\n   */\n  description?: DateRangeInputFieldProps[\"description\"]\n  validationMessage?: DateRangeFieldValidationMessage\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: {\n    dateStart?: (validationResponse: DateValidationResponse) => void\n    dateEnd?: (validationResponse: DateValidationResponse) => void\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterDateRangePickerField = ({\n  id,\n  label,\n  locale: propsLocale,\n  defaultMonth,\n  selectedRange,\n  onRangeChange,\n  disabledDays,\n  inputStartDateProps,\n  inputEndDateProps,\n  description,\n  validationMessage,\n  onValidate,\n  classNameOverride,\n  ...restProps\n}: FilterDateRangePickerFieldProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  const locale = getLocale(propsLocale)\n\n  const translatedDateFrom = formatMessage({\n    id: \"filterDateRangePicker.dateFrom\",\n    defaultMessage: \"Date from\",\n    description: \"Label for the 'Date from' field\",\n  })\n  const translatedDateTo = formatMessage({\n    id: \"filterDateRangePicker.dateTo\",\n    defaultMessage: \"Date to\",\n    description: \"Label for the 'date to' field\",\n  })\n  const inputStartDateLabel =\n    inputStartDateProps?.labelText || translatedDateFrom\n  const inputEndDateLabel = inputEndDateProps?.labelText || translatedDateTo\n\n  const transformDateToInputValue = (date: Date | undefined): string =>\n    date ? formatDateAsText(date, disabledDays, locale) : \"\"\n\n  const handleDateRangeChange = (dateRange: DateRange | undefined): void => {\n    onRangeChange(dateRange)\n  }\n\n  const dateStartValidation = useStartDateValidation({\n    inputLabel: inputStartDateLabel,\n    disabledDays,\n    validationMessage: validationMessage?.dateStart,\n    onValidate: onValidate?.dateStart,\n  })\n\n  const dateEndValidation = useEndDateValidation({\n    inputLabel: inputEndDateLabel,\n    disabledDays,\n    validationMessage: validationMessage?.dateEnd,\n    onValidate: onValidate?.dateEnd,\n  })\n\n  const validateStartDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined =>\n    dateStartValidation.validateDate({\n      date,\n      inputValue,\n    })\n\n  const validateEndDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined =>\n    dateEndValidation.validateDate({\n      endDate: date,\n      endDateInputValue: inputValue,\n      startDate: selectedRange?.from,\n      startDateFieldLabel: inputStartDateLabel,\n    })\n\n  const [state, dispatch] = useReducer(filterDatePickerFieldReducer, {\n    selectedStartDate: selectedRange?.from,\n    selectedEndDate: selectedRange?.to,\n    inputStartValue: transformDateToInputValue(selectedRange?.from),\n    inputEndValue: transformDateToInputValue(selectedRange?.to),\n    startMonth:\n      selectedRange?.from && !isInvalidDate(selectedRange.from)\n        ? selectedRange.from\n        : defaultMonth || new Date(),\n  })\n\n  const inputStartDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_start_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      const newDate = validateStartDate(date, state.inputStartValue)\n\n      // We need to parse the date from the input field due to the\n      // state.selectedEndDate being set to undefined whenever range is invalid\n      const endDate = parseDateFromTextFormatValue(state.inputEndValue, locale)\n      const isRangeValid = isValidRange(newDate, endDate)\n\n      dispatch({\n        type: \"update_selected_start_date\",\n        date: newDate,\n      })\n\n      // If the range ends up being invalid due to the change in start date\n      // we need to remove the end date as its now deemed invalid.\n      dispatch({\n        type: \"update_selected_end_date\",\n        date: isRangeValid ? endDate : undefined,\n      })\n\n      handleDateRangeChange({\n        from: newDate,\n        to: isRangeValid ? endDate : undefined,\n      })\n\n      if (newDate && endDate && !isInvalidDate(endDate)) {\n        // Update validation messages\n        dateEndValidation.validateEndDateBeforeStartDate({\n          startDate: newDate,\n          startDateFieldLabel: inputStartDateLabel,\n          endDate,\n          endDateInputValue: state.inputEndValue,\n        })\n      }\n    },\n    ...inputStartDateProps,\n  })\n\n  const inputEndDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_end_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      const startDate = state.selectedStartDate\n      const newEndDate = validateEndDate(date, state.inputEndValue)\n      const isRangeValid = isValidRange(startDate, newEndDate)\n\n      dispatch({\n        type: \"update_selected_end_date\",\n        date: isRangeValid ? newEndDate : undefined,\n      })\n\n      handleDateRangeChange({\n        from: startDate,\n        to: isRangeValid ? newEndDate : undefined,\n      })\n    },\n    ...inputEndDateProps,\n  })\n\n  const handleCalendarSelectRange: CalendarRangeProps[\"onSelect\"] = range => {\n    const inputStartValue = transformDateToInputValue(range?.from)\n    const inputEndValue = transformDateToInputValue(range?.to)\n\n    const newStartDate = validateStartDate(range?.from, inputStartValue)\n    const newEndDate = validateEndDate(range?.to, inputEndValue)\n\n    dispatch({\n      type: \"update_selected_start_date\",\n      date: newStartDate,\n      inputValue: inputStartValue,\n    })\n\n    dispatch({\n      type: \"update_selected_end_date\",\n      date: newEndDate,\n      inputValue: inputEndValue,\n    })\n\n    handleDateRangeChange({ from: newStartDate, to: newEndDate })\n  }\n\n  useEffect(() => {\n    const newStartDate = validateStartDate(\n      selectedRange?.from,\n      state.inputStartValue\n    )\n    const newEndDate = validateEndDate(selectedRange?.to, state.inputEndValue)\n\n    if (newStartDate && !isValidRange(newStartDate, newEndDate)) {\n      dispatch({\n        type: \"update_selected_end_date\",\n        date: undefined,\n      })\n    }\n\n    handleDateRangeChange({ from: newStartDate, to: newEndDate })\n  }, [])\n\n  return (\n    <div\n      className={classnames(\n        styles.filterDateRangePickerField,\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <DateRangeInputField\n        id={`${id}--input`}\n        legend={label}\n        inputStartDateProps={{\n          labelText: inputStartDateLabel,\n          value: state.inputStartValue,\n          ...inputStartDateProps,\n          // The below props extend the values from inputStartDateProps, therefore must be below the spread\n          ...inputStartDateHandlers,\n        }}\n        inputEndDateProps={{\n          labelText: inputEndDateLabel,\n          value: state.inputEndValue,\n          ...inputEndDateProps,\n          // The below props extend the values from inputEndDateProps, therefore must be below the spread\n          ...inputEndDateHandlers,\n        }}\n        locale={locale}\n        description={description}\n        validationMessage={{\n          dateStart: dateStartValidation.validationMessage,\n          dateEnd: dateEndValidation.validationMessage,\n        }}\n        classNameOverride={styles.dateRangeInputField}\n      />\n      <CalendarRange\n        disabled={disabledDays}\n        locale={locale}\n        selected={{\n          from: state.selectedStartDate,\n          to: state.selectedEndDate,\n        }}\n        onSelect={handleCalendarSelectRange}\n        month={state.startMonth}\n        onMonthChange={(value: Date) =>\n          dispatch({ type: \"navigate_months\", date: value })\n        }\n      />\n    </div>\n  )\n}\n\nFilterDateRangePickerField.displayName = \"FilterDateRangePickerField\"\n"],"names":["FilterDateRangePickerField","_a","id","label","propsLocale","locale","defaultMonth","selectedRange","onRangeChange","disabledDays","inputStartDateProps","inputEndDateProps","description","validationMessage","onValidate","classNameOverride","restProps","__rest","formatMessage","useIntl","getLocale","translatedDateFrom","defaultMessage","translatedDateTo","inputStartDateLabel","labelText","inputEndDateLabel","transformDateToInputValue","date","formatDateAsText","handleDateRangeChange","dateRange","dateStartValidation","useStartDateValidation","inputLabel","dateStart","dateEndValidation","useEndDateValidation","dateEnd","validateStartDate","inputValue","validateDate","validateEndDate","endDate","endDateInputValue","startDate","from","startDateFieldLabel","_b","useReducer","filterDatePickerFieldReducer","selectedStartDate","selectedEndDate","to","inputStartValue","inputEndValue","startMonth","isInvalidDate","Date","state","dispatch","inputStartDateHandlers","useDateInputHandlers","__assign","setInputValue","value","type","onDateChange","newDate","parseDateFromTextFormatValue","isRangeValid","isValidRange","undefined","validateEndDateBeforeStartDate","inputEndDateHandlers","newEndDate","handleCalendarSelectRange","range","newStartDate","useEffect","React","createElement","className","classnames","styles","filterDateRangePickerField","DateRangeInputField","concat","legend","dateRangeInputField","CalendarRange","disabled","selected","onSelect","month","onMonthChange","displayName"],"mappings":"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"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "filterDateRangePickerField": "FilterDateRangePickerField-module_filterDateRangePickerField__1gCr0",
+  "dateRangeInputField": "FilterDateRangePickerField-module_dateRangeInputField__XFvb-"
+};
+export { styles as default };
+//# sourceMappingURL=FilterDateRangePickerField.module.scss.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDateRangePickerField.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs

@@ -0,0 +1,31 @@
+import { __assign } from 'tslib';
+import { isInvalidDate } from '@kaizen/date-picker';
+var filterDatePickerFieldReducer = function (state, action) {
+  switch (action.type) {
+    case "update_selected_start_date":
+      return __assign(__assign({}, state), {
+        selectedStartDate: action.date,
+        inputStartValue: action.inputValue === undefined ? state.inputStartValue : action.inputValue,
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_selected_end_date":
+      return __assign(__assign({}, state), {
+        selectedEndDate: action.date,
+        inputEndValue: action.inputValue === undefined ? state.inputEndValue : action.inputValue
+      });
+    case "navigate_months":
+      return __assign(__assign({}, state), {
+        startMonth: action.date && !isInvalidDate(action.date) ? action.date : new Date()
+      });
+    case "update_input_start_field":
+      return __assign(__assign({}, state), {
+        inputStartValue: action.inputValue
+      });
+    case "update_input_end_field":
+      return __assign(__assign({}, state), {
+        inputEndValue: action.inputValue
+      });
+  }
+};
+export { filterDatePickerFieldReducer };
+//# sourceMappingURL=filterDateRangePickerFieldReducer.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDateRangePickerFieldReducer.mjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"@kaizen/date-picker\"\n\ntype DateRangeFieldActions =\n  | {\n      type: \"update_selected_start_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"update_selected_end_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"navigate_months\"\n      date: Date | undefined\n    }\n  | {\n      type: \"update_input_start_field\"\n      inputValue: string\n    }\n  | {\n      type: \"update_input_end_field\"\n      inputValue: string\n    }\n\ntype FilterDateRangePickerState = {\n  selectedStartDate: Date | undefined\n  selectedEndDate: Date | undefined\n  inputStartValue: string\n  inputEndValue: string\n  startMonth: Date\n}\n\nexport const filterDatePickerFieldReducer = (\n  state: FilterDateRangePickerState,\n  action: DateRangeFieldActions\n): FilterDateRangePickerState => {\n  switch (action.type) {\n    case \"update_selected_start_date\":\n      return {\n        ...state,\n        selectedStartDate: action.date,\n        inputStartValue:\n          action.inputValue === undefined\n            ? state.inputStartValue\n            : action.inputValue,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n    case \"update_selected_end_date\":\n      return {\n        ...state,\n        selectedEndDate: action.date,\n        inputEndValue:\n          action.inputValue === undefined\n            ? state.inputEndValue\n            : action.inputValue,\n      }\n    case \"navigate_months\":\n      return {\n        ...state,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n    case \"update_input_start_field\":\n      return {\n        ...state,\n        inputStartValue: action.inputValue,\n      }\n    case \"update_input_end_field\":\n      return {\n        ...state,\n        inputEndValue: action.inputValue,\n      }\n  }\n}\n"],"names":["filterDatePickerFieldReducer","state","action","type","__assign","selectedStartDate","date","inputStartValue","inputValue","undefined","startMonth","isInvalidDate","Date","selectedEndDate","inputEndValue"],"mappings":";;AAkCa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAAiC,EACjCC,MAA6B,EAAA;EAE7B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,4BAA4B;MAC/B,OAAAC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRI,iBAAiB,EAAEH,MAAM,CAACI,IAAI;QAC9BC,eAAe,EACbL,MAAM,CAACM,UAAU,KAAKC,SAAS,GAC3BR,KAAK,CAACM,eAAe,GACrBL,MAAM,CAACM,UAAU;QACvBE,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAA;MACtE,CAAA,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRY,eAAe,EAAEX,MAAM,CAACI,IAAI;QAC5BQ,aAAa,EACXZ,MAAM,CAACM,UAAU,KAAKC,SAAS,GAC3BR,KAAK,CAACa,aAAa,GACnBZ,MAAM,CAACM;MAAU,CACxB,CAAA;IACH,KAAK,iBAAiB;MACpB,OACKJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAS,UAAU,EACRR,MAAM,CAACI,IAAI,IAAI,CAACK,aAAa,CAACT,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIM,IAAI,CAAE;MAAA,CACxE,CAAA;IACH,KAAK,0BAA0B;MAC7B,OAAAR,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,eAAe,EAAEL,MAAM,CAACM;MAAU,CACnC,CAAA;IACH,KAAK,wBAAwB;MAC3B,OAAAJ,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAa,aAAa,EAAEZ,MAAM,CAACM;MAAU,CACjC,CAAA;EACJ;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs

@@ -0,0 +1,60 @@
+import '../../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'tslib';
+import 'react';
+import 'classnames';
+import 'uuid';
+import '@kaizen/date-picker';
+import { useDateValidation } from '../../../../FilterDatePicker/hooks/useDateValidation.mjs';
+import '@kaizen/date-picker/src/utils/formatDateAsNumeral';
+import '@kaizen/date-picker/src/utils/isDisabledDate';
+import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
+import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
+import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import '../../../../LabelledMessage/LabelledMessage.mjs';
+import '@kaizen/date-picker/src/utils/validateDate';
+import { validateEndDateBeforeStartDate } from '../utils/validateEndDateBeforeStartDate.mjs';
+var useEndDateValidation = function (args) {
+  var _a = useDateValidation(args),
+    validationMessage = _a.validationMessage,
+    validateDate = _a.validateDate,
+    updateValidation = _a.updateValidation;
+  var handleValidateEndDateBeforeStartDate = function (handlerArgs) {
+    var _a = validateEndDateBeforeStartDate(handlerArgs),
+      validationResponse = _a.validationResponse,
+      newDate = _a.newDate;
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  var validateEndDate = function (_a) {
+    var endDate = _a.endDate,
+      endDateInputValue = _a.endDateInputValue,
+      startDate = _a.startDate,
+      startDateFieldLabel = _a.startDateFieldLabel;
+    var _b = validateDate({
+        date: endDate,
+        inputValue: endDateInputValue
+      }),
+      validationResponse = _b.validationResponse,
+      newDate = _b.newDate;
+    if (validationResponse.isValidDate) {
+      if (newDate && startDate) {
+        return handleValidateEndDateBeforeStartDate({
+          startDate: startDate,
+          startDateFieldLabel: startDateFieldLabel,
+          endDate: newDate,
+          endDateInputValue: endDateInputValue
+        });
+      }
+    }
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  return {
+    validationMessage: validationMessage,
+    validateDate: validateEndDate,
+    validateEndDateBeforeStartDate: handleValidateEndDateBeforeStartDate
+  };
+};
+export { useEndDateValidation };
+//# sourceMappingURL=useEndDateValidation.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/FilterDatePicker\"\nimport {\n  validateEndDateBeforeStartDate,\n  ValidateEndDateBeforeStartDateArgs,\n} from \"../utils/validateEndDateBeforeStartDate\"\n\nexport type UseEndDateValidationArgs = UseDateValidationArgs\n\nexport type UseEndDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    endDate: Date | undefined\n    endDateInputValue: string\n    startDate: Date | undefined\n    startDateFieldLabel: React.ReactNode\n  }) => Date | undefined\n  validateEndDateBeforeStartDate: (\n    args: ValidateEndDateBeforeStartDateArgs\n  ) => Date | undefined\n}\n\nexport const useEndDateValidation = (\n  args: UseEndDateValidationArgs\n): UseEndDateValidationValue => {\n  const { validationMessage, validateDate, updateValidation } =\n    useDateValidation(args)\n\n  const handleValidateEndDateBeforeStartDate: UseEndDateValidationValue[\"validateEndDateBeforeStartDate\"] =\n    handlerArgs => {\n      const { validationResponse, newDate } =\n        validateEndDateBeforeStartDate(handlerArgs)\n      updateValidation(validationResponse)\n      return newDate\n    }\n\n  const validateEndDate: UseEndDateValidationValue[\"validateDate\"] = ({\n    endDate,\n    endDateInputValue,\n    startDate,\n    startDateFieldLabel,\n  }) => {\n    const { validationResponse, newDate } = validateDate({\n      date: endDate,\n      inputValue: endDateInputValue,\n    })\n\n    if (validationResponse.isValidDate) {\n      if (newDate && startDate) {\n        return handleValidateEndDateBeforeStartDate({\n          startDate,\n          startDateFieldLabel,\n          endDate: newDate,\n          endDateInputValue,\n        })\n      }\n    }\n\n    updateValidation(validationResponse)\n    return newDate\n  }\n\n  return {\n    validationMessage,\n    validateDate: validateEndDate,\n    validateEndDateBeforeStartDate: handleValidateEndDateBeforeStartDate,\n  }\n}\n"],"names":["useEndDateValidation","args","_a","useDateValidation","validationMessage","validateDate","updateValidation","handleValidateEndDateBeforeStartDate","handlerArgs","validateEndDateBeforeStartDate","validationResponse","newDate","validateEndDate","endDate","endDateInputValue","startDate","startDateFieldLabel","_b","date","inputValue","isValidDate"],"mappings":";;;;;;;;;;;;;;;;AAyBO,IAAMA,oBAAoB,GAAG,SAAAA,CAClCC,IAA8B,EAAA;EAExB,IAAAC,EACJ,GAAAC,iBAAiB,CAACF,IAAI,CAAC;IADjBG,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,gBAAgB,sBAChC;EAEzB,IAAMC,oCAAoC,GACxC,SAAAA,CAAAC,WAAW,EAAA;IACH,IAAAN,EAAA,GACJO,8BAA8B,CAACD,WAAW,CAAC;MADrCE,kBAAkB,GAAAR,EAAA,CAAAQ,kBAAA;MAAEC,OAAO,GAAAT,EAAA,CAAAS,OACU;IAC7CL,gBAAgB,CAACI,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAEH,IAAMC,eAAe,GAA8C,SAAAA,CAACV,EAKnE,EAAA;QAJCW,OAAO,GAAAX,EAAA,CAAAW,OAAA;MACPC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACjBC,SAAS,GAAAb,EAAA,CAAAa,SAAA;MACTC,mBAAmB,GAAAd,EAAA,CAAAc,mBAAA;IAEb,IAAAC,EAAA,GAAkCZ,YAAY,CAAC;QACnDa,IAAI,EAAEL,OAAO;QACbM,UAAU,EAAEL;MACb,CAAA,CAAC;MAHMJ,kBAAkB,GAAAO,EAAA,CAAAP,kBAAA;MAAEC,OAAO,aAGjC;IAEF,IAAID,kBAAkB,CAACU,WAAW,EAAE;MAClC,IAAIT,OAAO,IAAII,SAAS,EAAE;QACxB,OAAOR,oCAAoC,CAAC;UAC1CQ,SAAS,EAAAA,SAAA;UACTC,mBAAmB,EAAAA,mBAAA;UACnBH,OAAO,EAAEF,OAAO;UAChBG,iBAAiB,EAAAA;QAClB,CAAA,CAAC;MACH;IACF;IAEDR,gBAAgB,CAACI,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAED,OAAO;IACLP,iBAAiB,EAAAA,iBAAA;IACjBC,YAAY,EAAEO,eAAe;IAC7BH,8BAA8B,EAAEF;GACjC;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs

@@ -0,0 +1,39 @@
+import '../../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'tslib';
+import 'react';
+import 'classnames';
+import 'uuid';
+import '@kaizen/date-picker';
+import { useDateValidation } from '../../../../FilterDatePicker/hooks/useDateValidation.mjs';
+import '@kaizen/date-picker/src/utils/formatDateAsNumeral';
+import '@kaizen/date-picker/src/utils/isDisabledDate';
+import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
+import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
+import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import '../../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import '../../../../LabelledMessage/LabelledMessage.mjs';
+import '@kaizen/date-picker/src/utils/validateDate';
+var useStartDateValidation = function (args) {
+  var _a = useDateValidation(args),
+    validationMessage = _a.validationMessage,
+    validateDate = _a.validateDate,
+    updateValidation = _a.updateValidation;
+  var validateStartDate = function (_a) {
+    var date = _a.date,
+      inputValue = _a.inputValue;
+    var _b = validateDate({
+        date: date,
+        inputValue: inputValue
+      }),
+      validationResponse = _b.validationResponse,
+      newDate = _b.newDate;
+    updateValidation(validationResponse);
+    return newDate;
+  };
+  return {
+    validationMessage: validationMessage,
+    validateDate: validateStartDate
+  };
+};
+export { useStartDateValidation };
+//# sourceMappingURL=useStartDateValidation.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStartDateValidation.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useStartDateValidation.ts"],"sourcesContent":["import {\n  useDateValidation,\n  UseDateValidationArgs,\n  ValidationMessage,\n} from \"~components/FilterDatePicker\"\n\nexport type UseStartDateValidationArgs = UseDateValidationArgs\n\nexport type UseStartDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => Date | undefined\n}\n\nexport const useStartDateValidation = (\n  args: UseStartDateValidationArgs\n): UseStartDateValidationValue => {\n  const { validationMessage, validateDate, updateValidation } =\n    useDateValidation(args)\n\n  const validateStartDate: UseStartDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) => {\n    const { validationResponse, newDate } = validateDate({ date, inputValue })\n    updateValidation(validationResponse)\n    return newDate\n  }\n\n  return {\n    validationMessage,\n    validateDate: validateStartDate,\n  }\n}\n"],"names":["useStartDateValidation","args","_a","useDateValidation","validationMessage","validateDate","updateValidation","validateStartDate","date","inputValue","_b","validationResponse","newDate"],"mappings":";;;;;;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,IAAgC,EAAA;EAE1B,IAAAC,EACJ,GAAAC,iBAAiB,CAACF,IAAI,CAAC;IADjBG,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;IAAEC,YAAY,GAAAH,EAAA,CAAAG,YAAA;IAAEC,gBAAgB,sBAChC;EAEzB,IAAMC,iBAAiB,GAAgD,SAAAA,CAACL,EAGvE,EAAA;QAFCM,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,UAAU,GAAAP,EAAA,CAAAO,UAAA;IAEJ,IAAAC,KAAkCL,YAAY,CAAC;QAAEG,IAAI,MAAA;QAAEC,UAAU,EAAAA;MAAE,CAAA,CAAC;MAAlEE,kBAAkB,wBAAA;MAAEC,OAAO,aAAuC;IAC1EN,gBAAgB,CAACK,kBAAkB,CAAC;IACpC,OAAOC,OAAO;EAChB,CAAC;EAED,OAAO;IACLR,iBAAiB,EAAAA,iBAAA;IACjBC,YAAY,EAAEE;GACf;AACH,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs

@@ -0,0 +1,6 @@
+var isValidRange = function (startDate, endDate) {
+  if (startDate && endDate) return startDate <= endDate;
+  return false;
+};
+export { isValidRange };
+//# sourceMappingURL=isValidRange.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidRange.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.ts"],"sourcesContent":["export const isValidRange = (\n  startDate: Date | undefined,\n  endDate: Date | undefined\n): boolean => {\n  if (startDate && endDate) return startDate <= endDate\n  return false\n}\n"],"names":["isValidRange","startDate","endDate"],"mappings":"AAAa,IAAAA,YAAY,GAAG,SAAAA,CAC1BC,SAA2B,EAC3BC,OAAyB,EAAA;EAEzB,IAAID,SAAS,IAAIC,OAAO,EAAE,OAAOD,SAAS,IAAIC,OAAO;EACrD,OAAO,KAAK;AACd,CAAA;"}

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -0,0 +1,35 @@
+import { __assign } from 'tslib';
+import { getNodeText } from '../../../../utils/getNodeText.mjs';
+import { isValidRange } from './isValidRange.mjs';
+var validateEndDateBeforeStartDate = function (_a) {
+  var startDate = _a.startDate,
+    startDateFieldLabel = _a.startDateFieldLabel,
+    endDate = _a.endDate,
+    endDateInputValue = _a.endDateInputValue;
+  var baseResponse = {
+    date: endDate,
+    inputValue: endDateInputValue,
+    validationMessage: undefined,
+    isInvalid: false,
+    isDisabled: false,
+    isEmpty: false,
+    isValidDate: true
+  };
+  if (!isValidRange(startDate, endDate)) {
+    return {
+      validationResponse: __assign(__assign({}, baseResponse), {
+        validationMessage: {
+          status: "error",
+          message: "Cannot be earlier than the selection in \"".concat(getNodeText(startDateFieldLabel), "\"")
+        }
+      }),
+      newDate: endDate
+    };
+  }
+  return {
+    validationResponse: baseResponse,
+    newDate: endDate
+  };
+};
+export { validateEndDateBeforeStartDate };
+//# sourceMappingURL=validateEndDateBeforeStartDate.mjs.map

package/dist/esm/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateEndDateBeforeStartDate.mjs","sources":["../../../../../../src/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.ts"],"sourcesContent":["import React from \"react\"\nimport { DateValidationResponse } from \"~components/FilterDatePicker\"\nimport { getNodeText } from \"../../../../utils/getNodeText\"\nimport { isValidRange } from \"./isValidRange\"\n\nexport type ValidateEndDateBeforeStartDateArgs = {\n  startDate: Date\n  startDateFieldLabel: React.ReactNode\n  endDate: Date\n  endDateInputValue: string\n}\n\nexport type ValidateEndDateBeforeStartDateResponse = {\n  validationResponse: DateValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateEndDateBeforeStartDate = ({\n  startDate,\n  startDateFieldLabel,\n  endDate,\n  endDateInputValue,\n}: ValidateEndDateBeforeStartDateArgs): ValidateEndDateBeforeStartDateResponse => {\n  const baseResponse = {\n    date: endDate,\n    inputValue: endDateInputValue,\n    validationMessage: undefined,\n    isInvalid: false,\n    isDisabled: false,\n    isEmpty: false,\n    isValidDate: true,\n  }\n\n  if (!isValidRange(startDate, endDate)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        validationMessage: {\n          status: \"error\",\n          message: `Cannot be earlier than the selection in \"${getNodeText(\n            startDateFieldLabel\n          )}\"`,\n        },\n      },\n      newDate: endDate,\n    }\n  }\n\n  return {\n    validationResponse: baseResponse,\n    newDate: endDate,\n  }\n}\n"],"names":["validateEndDateBeforeStartDate","_a","startDate","startDateFieldLabel","endDate","endDateInputValue","baseResponse","date","inputValue","validationMessage","undefined","isInvalid","isDisabled","isEmpty","isValidDate","isValidRange","validationResponse","__assign","status","message","concat","getNodeText","newDate"],"mappings":";;;AAiBO,IAAMA,8BAA8B,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJnCC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,mBAAmB,GAAAF,EAAA,CAAAE,mBAAA;IACnBC,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;EAEjB,IAAMC,YAAY,GAAG;IACnBC,IAAI,EAAEH,OAAO;IACbI,UAAU,EAAEH,iBAAiB;IAC7BI,iBAAiB,EAAEC,SAAS;IAC5BC,SAAS,EAAE,KAAK;IAChBC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,KAAK;IACdC,WAAW,EAAE;GACd;EAED,IAAI,CAACC,YAAY,CAACb,SAAS,EAAEE,OAAO,CAAC,EAAE;IACrC,OAAO;MACLY,kBAAkB,EACbC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAX,YAAY,CACf,EAAA;QAAAG,iBAAiB,EAAE;UACjBS,MAAM,EAAE,OAAO;UACfC,OAAO,EAAE,4CAA4C,CAAAC,MAAA,CAAAC,WAAW,CAC9DlB,mBAAmB,CACpB,EAAG,IAAA;;OAEP,CAAA;MACDmB,OAAO,EAAElB;KACV;EACF;EAED,OAAO;IACLY,kBAAkB,EAAEV,YAAY;IAChCgB,OAAO,EAAElB;GACV;AACH,CAAA;"}