@kaizen/components 1.27.0 → 1.28.0

package/dist/cjs/FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -2,9 +2,10 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var datePicker = require('@kaizen/date-picker');
-var draftForm = require('@kaizen/draft-form');
-var DateInputDescription = require('../../../FilterDateRangePicker/subcomponents/DateInputDescription/DateInputDescription.cjs');
+var DateInput = require('../../../DateInput/DateInput/DateInput.cjs');
+var DateInputDescription = require('../../../DateInput/DateInputDescription/DateInputDescription.cjs');
+require('../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
+var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
 var DateInputField_module = require('./DateInputField.module.scss.cjs');
 const DateInputField = /*#__PURE__*/function () {
   const DateInputField = React.forwardRef(function (_a, ref) {
@@ -22,7 +23,7 @@ const DateInputField = /*#__PURE__*/function () {
     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(datePicker.DateInput, tslib.__assign({
+    return React.createElement("div", null, React.createElement(DateInput.DateInput, tslib.__assign({
       ref: ref,
       id: id,
       labelText: labelText || "Date",
@@ -33,12 +34,12 @@ const DateInputField = /*#__PURE__*/function () {
       disabled: disabled,
       status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
       classNameOverride: classNameOverride
-    }, restProps)), validationMessage && React.createElement(draftForm.FieldMessage, {
+    }, restProps)), validationMessage && React.createElement(FieldMessage.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(draftForm.FieldMessage, {
+    }), React.createElement(FieldMessage.FieldMessage, {
       id: descriptionId,
       message: React.createElement(DateInputDescription.DateInputDescription, {
         description: description,

package/dist/cjs/FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateInputField.cjs","sources":["../../../../../src/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React from \"react\"\nimport { DateInput, DateInputProps } from \"@kaizen/date-picker\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport {\n  DateInputDescription,\n  DateInputDescriptionProps,\n} from \"~components/FilterDateRangePicker/subcomponents/DateInputDescription\"\nimport { ValidationMessage } from \"../../types\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n  id: string\n  locale: Locale\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  isReversed?: boolean\n  validationMessage?: ValidationMessage\n  disabled?: boolean\n  labelText?: DateInputProps[\"labelText\"]\n} & Omit<DateInputProps, \"id\" | \"labelText\">\n\nexport const DateInputField = React.forwardRef<\n  HTMLInputElement,\n  DateInputFieldProps\n>(\n  (\n    {\n      id,\n      labelText,\n      description,\n      disabled,\n      isReversed = false,\n      validationMessage,\n      locale,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => {\n    const descriptionId = `${id}--field-message`\n\n    const errorMessageId = validationMessage\n      ? `${id}--date-error-message`\n      : undefined\n\n    const inputDescribedBy = errorMessageId\n      ? `${errorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateIsInvalid = errorMessageId !== undefined\n\n    return (\n      <div>\n        <DateInput\n          ref={ref}\n          id={id}\n          labelText={labelText || \"Date\"}\n          aria-describedby={inputDescribedBy}\n          aria-errormessage={errorMessageId}\n          aria-invalid={dateIsInvalid}\n          autoComplete=\"off\"\n          disabled={disabled}\n          status={validationMessage?.status}\n          classNameOverride={classNameOverride}\n          {...restProps}\n        />\n\n        {validationMessage && (\n          <FieldMessage\n            id={errorMessageId}\n            message={validationMessage?.message}\n            status={validationMessage?.status}\n            reversed={isReversed}\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\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","id","labelText","description","disabled","_b","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","descriptionId","concat","errorMessageId","undefined","inputDescribedBy","dateIsInvalid","createElement","DateInput","autoComplete","status","FieldMessage","message","reversed","DateInputDescription","styles","displayName"],"mappings":";;;;;;;;MAuBaA,cAAc;EAAA,MAAdA,cAAc,GAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,EAAE,GAAAF,EAAA,CAAAE,EAAA;MACFC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACjBC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAZ,EAAA,EATd,gHAUC,CADa;IAId,IAAMa,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAZ,EAAE,oBAAiB;IAE5C,IAAMa,cAAc,GAAGP,iBAAiB,GACpC,EAAG,CAAAM,MAAA,CAAAZ,EAAE,EAAsB,sBAAA,CAAA,GAC3Bc,SAAS;IAEb,IAAMC,gBAAgB,GAAGF,cAAc,GACnC,EAAA,CAAAD,MAAA,CAAGC,cAAc,EAAA,GAAA,CAAA,CAAAD,MAAA,CAAID,aAAa,CAAE,GACpCA,aAAa;IAEjB,IAAMK,aAAa,GAAGH,cAAc,KAAKC,SAAS;IAElD,OACElB,KAAA,CAAAqB,aAAA,CAAA,KAAA,EAAA,IAAA,EACErB,KAAC,CAAAqB,aAAA,CAAAC,oBAAS;MACRnB,GAAG,EAAEA,GAAG;MACRC,EAAE,EAAEA,EAAE;MACNC,SAAS,EAAEA,SAAS,IAAI,MAAM;MAAA,kBAAA,EACZc,gBAAgB;MACf,mBAAA,EAAAF,cAAc;sBACnBG,aAAa;MAC3BG,YAAY,EAAC,KAAK;MAClBhB,QAAQ,EAAEA,QAAQ;MAClBiB,MAAM,EAAEd,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAEc,MAAM;MACjCZ,iBAAiB,EAAEA;IAAiB,CAChC,EAAAC,SAAS,CACb,CAAA,EAEDH,iBAAiB,IAChBV,KAAC,CAAAqB,aAAA,CAAAI,SAAY,CAAAA,YAAA;MACXrB,EAAE,EAAEa,cAAc;MAClBS,OAAO,EAAEhB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAEgB,OAAO;MACnCF,MAAM,EAAEd,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEc,MAAM;MACjCG,QAAQ,EAAElB;MAEb,EAEDT,KAAA,CAAAqB,aAAA,CAACI,sBAAY,EACX;MAAArB,EAAE,EAAEW,aAAa;MACjBW,OAAO,EACL1B,KAAA,CAAAqB,aAAA,CAACO,oBAAoB,CAAAA,oBAAA,EAAA;QAACtB,WAAW,EAAEA,WAAW;QAAEK,MAAM,EAAEA;MAAU,CAAA,CAAA;MAEpEgB,QAAQ,EAAElB,UAAU;MACpBG,iBAAiB,EAAEL,QAAQ,GAAGsB,qBAAM,CAACtB,QAAQ,GAAGW;IAAS,CACzD,CAAA,CACE;EAEV,CAAC,CACF;EAEDnB,cAAc,CAAC+B,WAAW,GAAG,gBAAgB;EAAA,OApEhC/B,cAAc;AAAA;"}
+{"version":3,"file":"DateInputField.cjs","sources":["../../../../../src/FilterDatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  DateInput,\n  DateInputProps,\n  DateInputDescription,\n  DateInputDescriptionProps,\n} from \"~components/DateInput\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ValidationMessage } from \"../../types\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n  id: string\n  locale: Locale\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  isReversed?: boolean\n  validationMessage?: ValidationMessage\n  disabled?: boolean\n  labelText?: DateInputProps[\"labelText\"]\n} & Omit<DateInputProps, \"id\" | \"labelText\">\n\nexport const DateInputField = React.forwardRef<\n  HTMLInputElement,\n  DateInputFieldProps\n>(\n  (\n    {\n      id,\n      labelText,\n      description,\n      disabled,\n      isReversed = false,\n      validationMessage,\n      locale,\n      classNameOverride,\n      ...restProps\n    },\n    ref\n  ) => {\n    const descriptionId = `${id}--field-message`\n\n    const errorMessageId = validationMessage\n      ? `${id}--date-error-message`\n      : undefined\n\n    const inputDescribedBy = errorMessageId\n      ? `${errorMessageId} ${descriptionId}`\n      : descriptionId\n\n    const dateIsInvalid = errorMessageId !== undefined\n\n    return (\n      <div>\n        <DateInput\n          ref={ref}\n          id={id}\n          labelText={labelText || \"Date\"}\n          aria-describedby={inputDescribedBy}\n          aria-errormessage={errorMessageId}\n          aria-invalid={dateIsInvalid}\n          autoComplete=\"off\"\n          disabled={disabled}\n          status={validationMessage?.status}\n          classNameOverride={classNameOverride}\n          {...restProps}\n        />\n\n        {validationMessage && (\n          <FieldMessage\n            id={errorMessageId}\n            message={validationMessage?.message}\n            status={validationMessage?.status}\n            reversed={isReversed}\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\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","id","labelText","description","disabled","_b","isReversed","validationMessage","locale","classNameOverride","restProps","__rest","descriptionId","concat","errorMessageId","undefined","inputDescribedBy","dateIsInvalid","createElement","DateInput","autoComplete","status","FieldMessage","message","reversed","DateInputDescription","styles","displayName"],"mappings":";;;;;;;;;MAwBaA,cAAc;EAAA,MAAdA,cAAc,GAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,EAAE,GAAAF,EAAA,CAAAE,EAAA;MACFC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACjBC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,iBAAiB,GAAAV,EAAA,CAAAU,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAZ,EAAA,EATd,gHAUC,CADa;IAId,IAAMa,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAZ,EAAE,oBAAiB;IAE5C,IAAMa,cAAc,GAAGP,iBAAiB,GACpC,EAAG,CAAAM,MAAA,CAAAZ,EAAE,EAAsB,sBAAA,CAAA,GAC3Bc,SAAS;IAEb,IAAMC,gBAAgB,GAAGF,cAAc,GACnC,EAAA,CAAAD,MAAA,CAAGC,cAAc,EAAA,GAAA,CAAA,CAAAD,MAAA,CAAID,aAAa,CAAE,GACpCA,aAAa;IAEjB,IAAMK,aAAa,GAAGH,cAAc,KAAKC,SAAS;IAElD,OACElB,KAAA,CAAAqB,aAAA,CAAA,KAAA,EAAA,IAAA,EACErB,KAAC,CAAAqB,aAAA,CAAAC,mBAAS;MACRnB,GAAG,EAAEA,GAAG;MACRC,EAAE,EAAEA,EAAE;MACNC,SAAS,EAAEA,SAAS,IAAI,MAAM;MAAA,kBAAA,EACZc,gBAAgB;MACf,mBAAA,EAAAF,cAAc;sBACnBG,aAAa;MAC3BG,YAAY,EAAC,KAAK;MAClBhB,QAAQ,EAAEA,QAAQ;MAClBiB,MAAM,EAAEd,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAEc,MAAM;MACjCZ,iBAAiB,EAAEA;IAAiB,CAChC,EAAAC,SAAS,CACb,CAAA,EAEDH,iBAAiB,IAChBV,KAAC,CAAAqB,aAAA,CAAAI,YAAY,CAAAA,YAAA;MACXrB,EAAE,EAAEa,cAAc;MAClBS,OAAO,EAAEhB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,iBAAiB,CAAEgB,OAAO;MACnCF,MAAM,EAAEd,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEc,MAAM;MACjCG,QAAQ,EAAElB;MAEb,EAEDT,KAAA,CAAAqB,aAAA,CAACI,yBAAY,EACX;MAAArB,EAAE,EAAEW,aAAa;MACjBW,OAAO,EACL1B,KAAA,CAAAqB,aAAA,CAACO,oBAAoB,CAAAA,oBAAA,EAAA;QAACtB,WAAW,EAAEA,WAAW;QAAEK,MAAM,EAAEA;MAAU,CAAA,CAAA;MAEpEgB,QAAQ,EAAElB,UAAU;MACpBG,iBAAiB,EAAEL,QAAQ,GAAGsB,qBAAM,CAACtB,QAAQ,GAAGW;IAAS,CACzD,CAAA,CACE;EAEV,CAAC,CACF;EAEDnB,cAAc,CAAC+B,WAAW,GAAG,gBAAgB;EAAA,OApEhC/B,cAAc;AAAA;"}

package/dist/cjs/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.cjs

@@ -3,8 +3,12 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var uuid = require('uuid');
-var datePicker = require('@kaizen/date-picker');
+var CalendarSingle = require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var isInvalidDate = require('../../../Calendar/utils/isInvalidDate.cjs');
+require('react-day-picker');
+var getLocale = require('../../../DatePicker/utils/getLocale.cjs');
 var useDateValidation = require('../../hooks/useDateValidation.cjs');
 var transformDateToInputValue = require('../../utils/transformDateToInputValue.cjs');
 var useDateInputHandlers = require('../../hooks/useDateInputHandlers.cjs');
@@ -25,8 +29,9 @@ var FilterDatePickerField = function (_a) {
     onValidate = _a.onValidate,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
-  var id = React.useState(propsId || uuid.v4())[0];
-  var locale = datePicker.getLocale(propsLocale);
+  var reactId = React.useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var locale = getLocale.getLocale(propsLocale);
   var dateValidation = useDateValidation.useDateValidation({
     disabledDays: disabledDays,
     validationMessage: validationMessage,
@@ -45,7 +50,7 @@ var FilterDatePickerField = function (_a) {
   var _b = React.useReducer(filterDatePickerFieldReducer.filterDatePickerFieldReducer, {
       selectedDate: selectedDate,
       inputValue: transformDateToInputValue.transformDateToInputValue(selectedDate, disabledDays, locale) || "",
-      startMonth: selectedDate && !datePicker.isInvalidDate(selectedDate) ? selectedDate : defaultMonth || new Date()
+      startMonth: selectedDate && !isInvalidDate.isInvalidDate(selectedDate) ? selectedDate : defaultMonth || new Date()
     }),
     state = _b[0],
     dispatch = _b[1];
@@ -74,7 +79,7 @@ var FilterDatePickerField = function (_a) {
     },
     onDateSubmit: function (date) {
       // Only provide consumers with a valid date to the `onDateSubmit` function
-      if (!datePicker.isInvalidDate(date)) {
+      if (!isInvalidDate.isInvalidDate(date)) {
         onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
       }
     }
@@ -110,7 +115,7 @@ var FilterDatePickerField = function (_a) {
     value: state.inputValue,
     description: description,
     validationMessage: dateValidation.validationMessage
-  }, inputDateHandlers, inputProps)), React.createElement(datePicker.CalendarSingle, {
+  }, inputDateHandlers, inputProps)), React.createElement(CalendarSingle.CalendarSingle, {
     disabled: disabledDays,
     locale: locale,
     selected: state.selectedDate,

package/dist/cjs/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDatePickerField.cjs","sources":["../../../../../src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useReducer, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\nimport {\n  CalendarSingle,\n  CalendarSingleProps,\n  isInvalidDate,\n  getLocale,\n} from \"@kaizen/date-picker\"\nimport { FilterProps } from \"~components/Filter\"\nimport { useDateValidation } from \"~components/FilterDatePicker/hooks/useDateValidation\"\nimport { transformDateToInputValue } from \"~components/FilterDatePicker/utils/transformDateToInputValue\"\nimport { DateInputDescriptionProps } from \"~components/FilterDateRangePicker/subcomponents/DateInputDescription\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport { DisabledDays, FilterDateSupportedLocales } from \"~types/DatePicker\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useDateInputHandlers } from \"../../hooks/useDateInputHandlers\"\nimport { DateValidationResponse, ValidationMessage } from \"../../types\"\nimport { DateInputField, DateInputFieldProps } from \"../DateInputField\"\nimport { filterDatePickerFieldReducer } from \"./filterDatePickerFieldReducer\"\nimport styles from \"./FilterDatePickerField.module.scss\"\n\ntype FilterInputProps<InputProps> = Omit<Partial<InputProps>, \"value\"> &\n  DataAttributes\n\nexport type FilterDatePickerFieldProps = {\n  id?: 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?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   * The date range passed in from the consumer that renders in the inputs and calendar.\n   */\n  selectedDate: Date | 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  onDateChange: (date: Date | undefined) => void\n  /**\n   * Callback when date is saved/committed/submitted valid date by either by the calendar picker or by typing and blurring.\n   * Date will return as `undefined` if empty, invalid or disabled.\n   *\n   * Distinctly different from `change` where that is triggered on any kind of event, we expect the final valid date in this function.\n   */\n  onDateSubmit?: (date: Date | undefined) => void\n  /**\n   * See https://react-day-picker.js.org/api/types/Matcher\n   */\n  disabledDays?: DisabledDays\n  inputProps?: FilterInputProps<DateInputFieldProps>\n  /**\n   * Custom description to provide extra context (input format help text remains).\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  validationMessage?: ValidationMessage\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: DateValidationResponse) => void\n  setIsFilterOpen?: FilterProps[\"setIsOpen\"]\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterDatePickerField = ({\n  id: propsId,\n  inputProps,\n  locale: propsLocale,\n  defaultMonth,\n  selectedDate,\n  onDateChange,\n  onDateSubmit,\n  disabledDays,\n  description,\n  validationMessage,\n  onValidate,\n  classNameOverride,\n  ...restProps\n}: FilterDatePickerFieldProps): JSX.Element => {\n  const [id] = useState<string>(propsId || v4())\n  const locale = getLocale(propsLocale)\n\n  const dateValidation = useDateValidation({\n    disabledDays,\n    validationMessage,\n    onValidate,\n  })\n\n  const validateDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined => {\n    const { validationResponse, newDate } = dateValidation.validateDate({\n      date,\n      inputValue,\n    })\n    dateValidation.updateValidation(validationResponse)\n\n    return newDate\n  }\n\n  const [state, dispatch] = useReducer(filterDatePickerFieldReducer, {\n    selectedDate,\n    inputValue:\n      transformDateToInputValue(selectedDate, disabledDays, locale) || \"\",\n    startMonth:\n      selectedDate && !isInvalidDate(selectedDate)\n        ? selectedDate\n        : defaultMonth || new Date(),\n  })\n\n  const handleDateChange = (date: Date | undefined): void => {\n    onDateChange(date)\n  }\n\n  const inputDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      // Because the input value is being tracked in the state as the user types\n      // we can reliably utilise state.inputValue as part of the validation message,\n      // which is triggered by `onBlur` function\n      const newDate = validateDate(date, state.inputValue)\n\n      dispatch({\n        type: \"update_selected_date\",\n        date: newDate,\n      })\n\n      handleDateChange(newDate)\n    },\n    onDateSubmit: date => {\n      // Only provide consumers with a valid date to the `onDateSubmit` function\n      if (!isInvalidDate(date)) {\n        onDateSubmit?.(date)\n      }\n    },\n    ...inputProps,\n  })\n\n  const handleCalendarSelect: CalendarSingleProps[\"onSelect\"] = date => {\n    // Transforming the date to an InputValue and validating the date with the result\n    // can operate in this order because we are guaranteed a valid date from the calendar.\n    //\n    // In all other scenarios, this won't work as the return string from an invalid date\n    // would be \"Invalid Date\" and not the actual value entered by the user since we want\n    // the final error message to use the typed word from the user.\n    const inputValue = transformDateToInputValue(date, disabledDays, locale)\n    const newDate = validateDate(date, inputValue)\n\n    dispatch({\n      type: \"update_selected_date\",\n      date: newDate,\n    })\n\n    dispatch({\n      type: \"update_input_field\",\n      inputValue,\n    })\n\n    handleDateChange(newDate)\n    onDateSubmit?.(newDate)\n  }\n\n  useEffect(() => {\n    validateDate(selectedDate, state.inputValue)\n  }, [])\n\n  return (\n    <div\n      className={classnames(styles.filterDatePickerField, classNameOverride)}\n      {...restProps}\n    >\n      <DateInputField\n        id={`${id}--input`}\n        locale={locale}\n        value={state.inputValue}\n        description={description}\n        validationMessage={dateValidation.validationMessage}\n        {...inputDateHandlers}\n        {...inputProps}\n      />\n      <CalendarSingle\n        disabled={disabledDays}\n        locale={locale}\n        selected={state.selectedDate}\n        onSelect={handleCalendarSelect}\n        month={state.startMonth}\n        onMonthChange={(value: Date) =>\n          dispatch({ type: \"navigate_months\", date: value })\n        }\n      />\n    </div>\n  )\n}\n"],"names":["FilterDatePickerField","_a","propsId","id","inputProps","propsLocale","locale","defaultMonth","selectedDate","onDateChange","onDateSubmit","disabledDays","description","validationMessage","onValidate","classNameOverride","restProps","__rest","useState","v4","getLocale","dateValidation","useDateValidation","validateDate","date","inputValue","validationResponse","newDate","updateValidation","_b","useReducer","filterDatePickerFieldReducer","transformDateToInputValue","startMonth","isInvalidDate","Date","state","dispatch","handleDateChange","inputDateHandlers","useDateInputHandlers","__assign","setInputValue","value","type","handleCalendarSelect","useEffect","React","createElement","className","classnames","styles","filterDatePickerField","DateInputField","concat","CalendarSingle","disabled","selected","onSelect","month","onMonthChange"],"mappings":"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"}
+{"version":3,"file":"FilterDatePickerField.cjs","sources":["../../../../../src/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useId, useReducer } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  CalendarSingle,\n  CalendarSingleProps,\n  DisabledDays,\n  isInvalidDate,\n} from \"~components/Calendar\"\nimport { DateInputDescriptionProps } from \"~components/DateInput\"\nimport {\n  DatePickerSupportedLocales,\n  getLocale,\n} from \"~components/DatePicker/utils/getLocale\"\nimport { FilterProps } from \"~components/Filter\"\nimport { useDateValidation } from \"~components/FilterDatePicker/hooks/useDateValidation\"\nimport { transformDateToInputValue } from \"~components/FilterDatePicker/utils/transformDateToInputValue\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useDateInputHandlers } from \"../../hooks/useDateInputHandlers\"\nimport { DateValidationResponse, ValidationMessage } from \"../../types\"\nimport { DateInputField, DateInputFieldProps } from \"../DateInputField\"\nimport { filterDatePickerFieldReducer } from \"./filterDatePickerFieldReducer\"\nimport styles from \"./FilterDatePickerField.module.scss\"\n\ntype FilterInputProps<InputProps> = Omit<Partial<InputProps>, \"value\"> &\n  DataAttributes\n\nexport type FilterDatePickerFieldProps = {\n  id?: string\n  locale: DatePickerSupportedLocales\n  /**\n   * Sets first displayed month to month of provided date if there isn't a date set.\n   */\n  defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   * The date range passed in from the consumer that renders in the inputs and calendar.\n   */\n  selectedDate: Date | 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  onDateChange: (date: Date | undefined) => void\n  /**\n   * Callback when date is saved/committed/submitted valid date by either by the calendar picker or by typing and blurring.\n   * Date will return as `undefined` if empty, invalid or disabled.\n   *\n   * Distinctly different from `change` where that is triggered on any kind of event, we expect the final valid date in this function.\n   */\n  onDateSubmit?: (date: Date | undefined) => void\n  /**\n   * See https://react-day-picker.js.org/api/types/Matcher\n   */\n  disabledDays?: DisabledDays\n  inputProps?: FilterInputProps<DateInputFieldProps>\n  /**\n   * Custom description to provide extra context (input format help text remains).\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  validationMessage?: ValidationMessage\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: DateValidationResponse) => void\n  setIsFilterOpen?: FilterProps[\"setIsOpen\"]\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterDatePickerField = ({\n  id: propsId,\n  inputProps,\n  locale: propsLocale,\n  defaultMonth,\n  selectedDate,\n  onDateChange,\n  onDateSubmit,\n  disabledDays,\n  description,\n  validationMessage,\n  onValidate,\n  classNameOverride,\n  ...restProps\n}: FilterDatePickerFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const locale = getLocale(propsLocale)\n\n  const dateValidation = useDateValidation({\n    disabledDays,\n    validationMessage,\n    onValidate,\n  })\n\n  const validateDate = (\n    date: Date | undefined,\n    inputValue: string\n  ): Date | undefined => {\n    const { validationResponse, newDate } = dateValidation.validateDate({\n      date,\n      inputValue,\n    })\n    dateValidation.updateValidation(validationResponse)\n\n    return newDate\n  }\n\n  const [state, dispatch] = useReducer(filterDatePickerFieldReducer, {\n    selectedDate,\n    inputValue:\n      transformDateToInputValue(selectedDate, disabledDays, locale) || \"\",\n    startMonth:\n      selectedDate && !isInvalidDate(selectedDate)\n        ? selectedDate\n        : defaultMonth || new Date(),\n  })\n\n  const handleDateChange = (date: Date | undefined): void => {\n    onDateChange(date)\n  }\n\n  const inputDateHandlers = useDateInputHandlers({\n    locale,\n    disabledDays,\n    setInputValue: value => {\n      dispatch({\n        type: \"update_input_field\",\n        inputValue: value,\n      })\n    },\n    onDateChange: date => {\n      // Because the input value is being tracked in the state as the user types\n      // we can reliably utilise state.inputValue as part of the validation message,\n      // which is triggered by `onBlur` function\n      const newDate = validateDate(date, state.inputValue)\n\n      dispatch({\n        type: \"update_selected_date\",\n        date: newDate,\n      })\n\n      handleDateChange(newDate)\n    },\n    onDateSubmit: date => {\n      // Only provide consumers with a valid date to the `onDateSubmit` function\n      if (!isInvalidDate(date)) {\n        onDateSubmit?.(date)\n      }\n    },\n    ...inputProps,\n  })\n\n  const handleCalendarSelect: CalendarSingleProps[\"onSelect\"] = date => {\n    // Transforming the date to an InputValue and validating the date with the result\n    // can operate in this order because we are guaranteed a valid date from the calendar.\n    //\n    // In all other scenarios, this won't work as the return string from an invalid date\n    // would be \"Invalid Date\" and not the actual value entered by the user since we want\n    // the final error message to use the typed word from the user.\n    const inputValue = transformDateToInputValue(date, disabledDays, locale)\n    const newDate = validateDate(date, inputValue)\n\n    dispatch({\n      type: \"update_selected_date\",\n      date: newDate,\n    })\n\n    dispatch({\n      type: \"update_input_field\",\n      inputValue,\n    })\n\n    handleDateChange(newDate)\n    onDateSubmit?.(newDate)\n  }\n\n  useEffect(() => {\n    validateDate(selectedDate, state.inputValue)\n  }, [])\n\n  return (\n    <div\n      className={classnames(styles.filterDatePickerField, classNameOverride)}\n      {...restProps}\n    >\n      <DateInputField\n        id={`${id}--input`}\n        locale={locale}\n        value={state.inputValue}\n        description={description}\n        validationMessage={dateValidation.validationMessage}\n        {...inputDateHandlers}\n        {...inputProps}\n      />\n      <CalendarSingle\n        disabled={disabledDays}\n        locale={locale}\n        selected={state.selectedDate}\n        onSelect={handleCalendarSelect}\n        month={state.startMonth}\n        onMonthChange={(value: Date) =>\n          dispatch({ type: \"navigate_months\", date: value })\n        }\n      />\n    </div>\n  )\n}\n"],"names":["FilterDatePickerField","_a","propsId","id","inputProps","propsLocale","locale","defaultMonth","selectedDate","onDateChange","onDateSubmit","disabledDays","description","validationMessage","onValidate","classNameOverride","restProps","__rest","reactId","useId","getLocale","dateValidation","useDateValidation","validateDate","date","inputValue","validationResponse","newDate","updateValidation","_b","useReducer","filterDatePickerFieldReducer","transformDateToInputValue","startMonth","isInvalidDate","Date","state","dispatch","handleDateChange","inputDateHandlers","useDateInputHandlers","__assign","setInputValue","value","type","handleCalendarSelect","useEffect","React","createElement","className","classnames","styles","filterDatePickerField","DateInputField","concat","CalendarSingle","disabled","selected","onSelect","month","onMonthChange"],"mappings":";;;;;;;;;;;;;;;;;AAmEO,IAAMA,qBAAqB,GAAG,SAAAA,CAACC,EAcT,EAAA;EAb3B,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;IACXC,UAAU,GAAAH,EAAA,CAAAG,UAAA;IACFC,WAAW,GAAAJ,EAAA,CAAAK,MAAA;IACnBC,YAAY,kBAAA;IACZC,YAAY,kBAAA;IACZC,YAAY,kBAAA;IACZC,YAAY,GAAAT,EAAA,CAAAS,YAAA;IACZC,YAAY,GAAAV,EAAA,CAAAU,YAAA;IACZC,WAAW,GAAAX,EAAA,CAAAW,WAAA;IACXC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;IACjBC,UAAU,GAAAb,EAAA,CAAAa,UAAA;IACVC,iBAAiB,GAAAd,EAAA,CAAAc,iBAAA;IACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAhB,EAAA,EAbwB,qLAcrC,CADa;EAEZ,IAAMiB,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACvB,IAAMhB,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIgB,OAAO;EAE7B,IAAMZ,MAAM,GAAGc,mBAAS,CAACf,WAAW,CAAC;EAErC,IAAMgB,cAAc,GAAGC,iBAAAA,CAAAA,iBAAiB,CAAC;IACvCX,YAAY,EAAAA,YAAA;IACZE,iBAAiB,EAAAA,iBAAA;IACjBC,UAAU,EAAAA;EACX,CAAA,CAAC;EAEF,IAAMS,YAAY,GAAG,SAAAA,CACnBC,IAAsB,EACtBC,UAAkB,EAAA;IAEZ,IAAAxB,EAAkC,GAAAoB,cAAc,CAACE,YAAY,CAAC;QAClEC,IAAI,EAAAA,IAAA;QACJC,UAAU,EAAAA;MACX,CAAA,CAAC;MAHMC,kBAAkB,GAAAzB,EAAA,CAAAyB,kBAAA;MAAEC,OAAO,aAGjC;IACFN,cAAc,CAACO,gBAAgB,CAACF,kBAAkB,CAAC;IAEnD,OAAOC,OAAO;EAChB,CAAC;EAEK,IAAAE,EAAoB,GAAAC,KAAU,CAAAA,UAAA,CAACC,yDAA4B,EAAE;MACjEvB,YAAY,EAAAA,YAAA;MACZiB,UAAU,EACRO,yBAAAA,CAAAA,yBAAyB,CAACxB,YAAY,EAAEG,YAAY,EAAEL,MAAM,CAAC,IAAI,EAAE;MACrE2B,UAAU,EACRzB,YAAY,IAAI,CAAC0B,aAAa,CAAAA,aAAA,CAAC1B,YAAY,CAAC,GACxCA,YAAY,GACZD,YAAY,IAAI,IAAI4B,IAAI,CAAE;IACjC,CAAA,CAAC;IARKC,KAAK,GAAAP,EAAA,CAAA,CAAA,CAAA;IAAEQ,QAAQ,QAQpB;EAEF,IAAMC,gBAAgB,GAAG,SAAAA,CAACd,IAAsB,EAAA;IAC9Cf,YAAY,CAACe,IAAI,CAAC;EACpB,CAAC;EAED,IAAMe,iBAAiB,GAAGC,oBAAAA,CAAAA,oBAAoB,CAAAC,KAAA,CAAAA,QAAA,CAAA;IAC5CnC,MAAM,EAAAA,MAAA;IACNK,YAAY,EAAAA,YAAA;IACZ+B,aAAa,EAAE,SAAAA,CAAAC,KAAK,EAAA;MAClBN,QAAQ,CAAC;QACPO,IAAI,EAAE,oBAAoB;QAC1BnB,UAAU,EAAEkB;MACb,CAAA,CAAC;IACJ,CAAC;IACDlC,YAAY,EAAE,SAAAA,CAAAe,IAAI,EAAA;;;;MAIhB,IAAMG,OAAO,GAAGJ,YAAY,CAACC,IAAI,EAAEY,KAAK,CAACX,UAAU,CAAC;MAEpDY,QAAQ,CAAC;QACPO,IAAI,EAAE,sBAAsB;QAC5BpB,IAAI,EAAEG;MACP,CAAA,CAAC;MAEFW,gBAAgB,CAACX,OAAO,CAAC;IAC3B,CAAC;IACDjB,YAAY,EAAE,SAAAA,CAAAc,IAAI,EAAA;;MAEhB,IAAI,CAACU,aAAAA,CAAAA,aAAa,CAACV,IAAI,CAAC,EAAE;QACxBd,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGc,IAAI,CAAC;MACrB;;EACF,CAAA,EACEpB,UAAU,CAAA,CACb;EAEF,IAAMyC,oBAAoB,GAAoC,SAAAA,CAAArB,IAAI,EAAA;;;;;;;IAOhE,IAAMC,UAAU,GAAGO,yBAAyB,CAAAA,yBAAA,CAACR,IAAI,EAAEb,YAAY,EAAEL,MAAM,CAAC;IACxE,IAAMqB,OAAO,GAAGJ,YAAY,CAACC,IAAI,EAAEC,UAAU,CAAC;IAE9CY,QAAQ,CAAC;MACPO,IAAI,EAAE,sBAAsB;MAC5BpB,IAAI,EAAEG;IACP,CAAA,CAAC;IAEFU,QAAQ,CAAC;MACPO,IAAI,EAAE,oBAAoB;MAC1BnB,UAAU,EAAAA;IACX,CAAA,CAAC;IAEFa,gBAAgB,CAACX,OAAO,CAAC;IACzBjB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGiB,OAAO,CAAC;EACzB,CAAC;EAEDmB,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACRvB,YAAY,CAACf,YAAY,EAAE4B,KAAK,CAACX,UAAU,CAAC;EAC7C,CAAA,EAAE,EAAE,CAAC;EAEN,OACEsB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAP,KAAA,CAAAA,QAAA,CAAA;IACEQ,SAAS,EAAEC,UAAU,CAACC,4BAAM,CAACC,qBAAqB,EAAErC,iBAAiB;EAAC,GAClEC,SAAS,CAAA,EAEb+B,KAAA,CAAAC,aAAA,CAACK,6BAAc,EAAAZ,KAAAA,CAAAA,QAAA,CAAA;IACbtC,EAAE,EAAE,EAAG,CAAAmD,MAAA,CAAAnD,EAAE,EAAS,SAAA,CAAA;IAClBG,MAAM,EAAEA,MAAM;IACdqC,KAAK,EAAEP,KAAK,CAACX,UAAU;IACvBb,WAAW,EAAEA,WAAW;IACxBC,iBAAiB,EAAEQ,cAAc,CAACR;EAAiB,CAAA,EAC/C0B,iBAAiB,EACjBnC,UAAU,CACd,CAAA,EACF2C,KAAA,CAAAC,aAAA,CAACO,6BAAc,EAAA;IACbC,QAAQ,EAAE7C,YAAY;IACtBL,MAAM,EAAEA,MAAM;IACdmD,QAAQ,EAAErB,KAAK,CAAC5B,YAAY;IAC5BkD,QAAQ,EAAEb,oBAAoB;IAC9Bc,KAAK,EAAEvB,KAAK,CAACH,UAAU;IACvB2B,aAAa,EAAE,SAAAA,CAACjB,KAAW,EAAA;MACzB,OAAAN,QAAQ,CAAC;QAAEO,IAAI,EAAE,iBAAiB;QAAEpB,IAAI,EAAEmB;MAAK,CAAE,CAAC;IAAA;EAAA,CAAA,CAEpD,CACE;AAEV,CAAA;"}

package/dist/cjs/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.cjs

@@ -1,18 +1,22 @@
 'use strict';
 
 var tslib = require('tslib');
-var datePicker = require('@kaizen/date-picker');
+require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var isInvalidDate = require('../../../Calendar/utils/isInvalidDate.cjs');
+require('react-day-picker');
 var filterDatePickerFieldReducer = function (state, action) {
   switch (action.type) {
     case "update_selected_date":
       return tslib.__assign(tslib.__assign({}, state), {
         selectedDate: action.date,
         inputValue: action.inputValue === undefined ? state.inputValue : action.inputValue,
-        startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : new Date()
+        startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
     case "navigate_months":
       return tslib.__assign(tslib.__assign({}, state), {
-        startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : new Date()
+        startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
     case "update_input_field":
       return tslib.__assign(tslib.__assign({}, state), {

package/dist/cjs/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filterDatePickerFieldReducer.cjs","sources":["../../../../../src/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"@kaizen/date-picker\"\n\ntype DateFieldActions =\n  | {\n      type: \"update_selected_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"navigate_months\"\n      date: Date | undefined\n    }\n  | {\n      type: \"update_input_field\"\n      inputValue: string\n    }\n\ntype FilterDatePickerState = {\n  selectedDate: Date | undefined\n  inputValue: string\n  startMonth: Date\n}\n\nexport const filterDatePickerFieldReducer = (\n  state: FilterDatePickerState,\n  action: DateFieldActions\n): FilterDatePickerState => {\n  switch (action.type) {\n    case \"update_selected_date\":\n      return {\n        ...state,\n        selectedDate: action.date,\n        inputValue:\n          action.inputValue === undefined\n            ? state.inputValue\n            : action.inputValue,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n\n    case \"navigate_months\":\n      return {\n        ...state,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n\n    case \"update_input_field\":\n      return {\n        ...state,\n        inputValue: action.inputValue,\n      }\n  }\n}\n"],"names":["filterDatePickerFieldReducer","state","action","type","__assign","selectedDate","date","inputValue","undefined","startMonth","isInvalidDate","Date"],"mappings":";;;;AAuBa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAA4B,EAC5BC,MAAwB,EAAA;EAExB,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,sBAAsB;MACzB,OAAAC,cAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRI,YAAY,EAAEH,MAAM,CAACI,IAAI;QACzBC,UAAU,EACRL,MAAM,CAACK,UAAU,KAAKC,SAAS,GAC3BP,KAAK,CAACM,UAAU,GAChBL,MAAM,CAACK,UAAU;QACvBE,UAAU,EACRP,MAAM,CAACI,IAAI,IAAI,CAACI,UAAa,CAAAA,aAAA,CAACR,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIK,IAAI,CAAA;MACtE,CAAA,CAAA;IAEH,KAAK,iBAAiB;MACpB,OACKP,KAAAA,CAAAA,QAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAQ,UAAU,EACRP,MAAM,CAACI,IAAI,IAAI,CAACI,UAAAA,CAAAA,aAAa,CAACR,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIK,IAAI,CAAE;MAAA,CACxE,CAAA;IAEH,KAAK,oBAAoB;MACvB,OAAAP,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,UAAU,EAAEL,MAAM,CAACK;MAAU,CAC9B,CAAA;EACJ;AACH,CAAA;"}
+{"version":3,"file":"filterDatePickerFieldReducer.cjs","sources":["../../../../../src/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.tsx"],"sourcesContent":["import { isInvalidDate } from \"~components/Calendar\"\n\ntype DateFieldActions =\n  | {\n      type: \"update_selected_date\"\n      date: Date | undefined\n      inputValue?: string\n    }\n  | {\n      type: \"navigate_months\"\n      date: Date | undefined\n    }\n  | {\n      type: \"update_input_field\"\n      inputValue: string\n    }\n\ntype FilterDatePickerState = {\n  selectedDate: Date | undefined\n  inputValue: string\n  startMonth: Date\n}\n\nexport const filterDatePickerFieldReducer = (\n  state: FilterDatePickerState,\n  action: DateFieldActions\n): FilterDatePickerState => {\n  switch (action.type) {\n    case \"update_selected_date\":\n      return {\n        ...state,\n        selectedDate: action.date,\n        inputValue:\n          action.inputValue === undefined\n            ? state.inputValue\n            : action.inputValue,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n\n    case \"navigate_months\":\n      return {\n        ...state,\n        startMonth:\n          action.date && !isInvalidDate(action.date) ? action.date : new Date(),\n      }\n\n    case \"update_input_field\":\n      return {\n        ...state,\n        inputValue: action.inputValue,\n      }\n  }\n}\n"],"names":["filterDatePickerFieldReducer","state","action","type","__assign","selectedDate","date","inputValue","undefined","startMonth","isInvalidDate","Date"],"mappings":";;;;;;;;AAuBa,IAAAA,4BAA4B,GAAG,SAAAA,CAC1CC,KAA4B,EAC5BC,MAAwB,EAAA;EAExB,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,sBAAsB;MACzB,OAAAC,cAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CAAA,EAAA;QACRI,YAAY,EAAEH,MAAM,CAACI,IAAI;QACzBC,UAAU,EACRL,MAAM,CAACK,UAAU,KAAKC,SAAS,GAC3BP,KAAK,CAACM,UAAU,GAChBL,MAAM,CAACK,UAAU;QACvBE,UAAU,EACRP,MAAM,CAACI,IAAI,IAAI,CAACI,aAAa,CAAAA,aAAA,CAACR,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIK,IAAI,CAAA;MACtE,CAAA,CAAA;IAEH,KAAK,iBAAiB;MACpB,OACKP,KAAAA,CAAAA,QAAA,CAAAA,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAH,KAAK,CACR,EAAA;QAAAQ,UAAU,EACRP,MAAM,CAACI,IAAI,IAAI,CAACI,aAAAA,CAAAA,aAAa,CAACR,MAAM,CAACI,IAAI,CAAC,GAAGJ,MAAM,CAACI,IAAI,GAAG,IAAIK,IAAI,CAAE;MAAA,CACxE,CAAA;IAEH,KAAK,oBAAoB;MACvB,OAAAP,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAM,UAAU,EAAEL,MAAM,CAACK;MAAU,CAC9B,CAAA;EACJ;AACH,CAAA;"}

package/dist/cjs/FilterDatePicker/utils/transformDateToInputValue.cjs

@@ -1,8 +1,13 @@
 'use strict';
 
-var datePicker = require('@kaizen/date-picker');
+require('../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../Calendar/CalendarRange/CalendarRange.cjs');
+require('tslib');
+require('date-fns');
+var formatDateAsText = require('../../Calendar/utils/formatDateAsText.cjs');
+require('react-day-picker');
 var transformDateToInputValue = function (date, disabledDays, locale) {
-  return date ? datePicker.formatDateAsText(date, disabledDays, locale) : "";
+  return date ? formatDateAsText.formatDateAsText(date, disabledDays, locale) : "";
 };
 exports.transformDateToInputValue = transformDateToInputValue;
 //# sourceMappingURL=transformDateToInputValue.cjs.map

package/dist/cjs/FilterDatePicker/utils/transformDateToInputValue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"transformDateToInputValue.cjs","sources":["../../../../src/FilterDatePicker/utils/transformDateToInputValue.ts"],"sourcesContent":["import { DisabledDays, formatDateAsText } from \"@kaizen/date-picker\"\n\nexport const transformDateToInputValue = (\n  date: Date | undefined,\n  disabledDays: DisabledDays,\n  locale: Locale\n): string => (date ? formatDateAsText(date, disabledDays, locale) : \"\")\n"],"names":["transformDateToInputValue","date","disabledDays","locale","formatDateAsText"],"mappings":";;;AAEO,IAAMA,yBAAyB,GAAG,SAAAA,CACvCC,IAAsB,EACtBC,YAA0B,EAC1BC,MAAc,EAAA;EACH,OAACF,IAAI,GAAGG,UAAAA,CAAAA,gBAAgB,CAACH,IAAI,EAAEC,YAAY,EAAEC,MAAM,CAAC,GAAG,EAAE;AAAC,CAAA;"}
+{"version":3,"file":"transformDateToInputValue.cjs","sources":["../../../../src/FilterDatePicker/utils/transformDateToInputValue.ts"],"sourcesContent":["import { DisabledDays, formatDateAsText } from \"~components/Calendar\"\n\nexport const transformDateToInputValue = (\n  date: Date | undefined,\n  disabledDays: DisabledDays,\n  locale: Locale\n): string => (date ? formatDateAsText(date, disabledDays, locale) : \"\")\n"],"names":["transformDateToInputValue","date","disabledDays","locale","formatDateAsText"],"mappings":";;;;;;;;AAEO,IAAMA,yBAAyB,GAAG,SAAAA,CACvCC,IAAsB,EACtBC,YAA0B,EAC1BC,MAAc,EAAA;EACH,OAACF,IAAI,GAAGG,gBAAAA,CAAAA,gBAAgB,CAACH,IAAI,EAAEC,YAAY,EAAEC,MAAM,CAAC,GAAG,EAAE;AAAC,CAAA;"}

package/dist/cjs/FilterDatePicker/utils/validateDate.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var tslib = require('tslib');
-var validateDate$1 = require('@kaizen/date-picker/src/utils/validateDate');
+var validateDate$1 = require('../../DatePicker/utils/validateDate.cjs');
 var validateDate = function (args) {
   var response = validateDate$1.validateDate(args);
   var _a = response.validationResponse,

package/dist/cjs/FilterDatePicker/utils/validateDate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validateDate.cjs","sources":["../../../../src/FilterDatePicker/utils/validateDate.ts"],"sourcesContent":["import {\n  validateDate as dpValidateDate,\n  ValidateDateArgs,\n} from \"@kaizen/date-picker/src/utils/validateDate\"\nimport { DateValidationResponse } from \"../types\"\n\nexport type ValidateDateResponse = {\n  validationResponse: DateValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateDate = (args: ValidateDateArgs): ValidateDateResponse => {\n  const response = dpValidateDate(args)\n\n  const { status, validationMessage, ...rest } = response.validationResponse\n\n  return {\n    ...response,\n    validationResponse: {\n      ...rest,\n      validationMessage:\n        status && validationMessage\n          ? { status, message: validationMessage }\n          : undefined,\n    },\n  }\n}\n"],"names":["validateDate","args","response","dpValidateDate","_a","validationResponse","status","validationMessage","rest","__rest","__assign","message","undefined"],"mappings":";;;;AAWO,IAAMA,YAAY,GAAG,SAAAA,CAACC,IAAsB,EAAA;EACjD,IAAMC,QAAQ,GAAGC,2BAAc,CAACF,IAAI,CAAC;EAErC,IAAMG,EAAyC,GAAAF,QAAQ,CAACG,kBAAkB;IAAlEC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAAEC,iBAAiB,uBAAA;IAAKC,IAAI,GAApCC,YAAA,CAAAL,EAAA,EAAA,CAAA,QAAA,EAAA,mBAAA,CAAsC,CAA8B;EAE1E,OACKM,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAR,QAAQ,CACX,EAAA;IAAAG,kBAAkB,EACbK,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAF,IAAI;MACPD,iBAAiB,EACfD,MAAM,IAAIC,iBAAiB,GACvB;QAAED,MAAM,EAAAA,MAAA;QAAEK,OAAO,EAAEJ;MAAmB,CAAA,GACtCK;IAAS,CAElB;EAAA,CAAA,CAAA;AACH,CAAA;"}
+{"version":3,"file":"validateDate.cjs","sources":["../../../../src/FilterDatePicker/utils/validateDate.ts"],"sourcesContent":["import {\n  validateDate as dpValidateDate,\n  ValidateDateArgs,\n} from \"~components/DatePicker/utils/validateDate\"\nimport { DateValidationResponse } from \"../types\"\n\nexport type ValidateDateResponse = {\n  validationResponse: DateValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateDate = (args: ValidateDateArgs): ValidateDateResponse => {\n  const response = dpValidateDate(args)\n\n  const { status, validationMessage, ...rest } = response.validationResponse\n\n  return {\n    ...response,\n    validationResponse: {\n      ...rest,\n      validationMessage:\n        status && validationMessage\n          ? { status, message: validationMessage }\n          : undefined,\n    },\n  }\n}\n"],"names":["validateDate","args","response","dpValidateDate","_a","validationResponse","status","validationMessage","rest","__rest","__assign","message","undefined"],"mappings":";;;;AAWO,IAAMA,YAAY,GAAG,SAAAA,CAACC,IAAsB,EAAA;EACjD,IAAMC,QAAQ,GAAGC,2BAAc,CAACF,IAAI,CAAC;EAErC,IAAMG,EAAyC,GAAAF,QAAQ,CAACG,kBAAkB;IAAlEC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAAEC,iBAAiB,uBAAA;IAAKC,IAAI,GAApCC,YAAA,CAAAL,EAAA,EAAA,CAAA,QAAA,EAAA,mBAAA,CAAsC,CAA8B;EAE1E,OACKM,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAR,QAAQ,CACX,EAAA;IAAAG,kBAAkB,EACbK,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAF,IAAI;MACPD,iBAAiB,EACfD,MAAM,IAAIC,iBAAiB,GACvB;QAAED,MAAM,EAAAA,MAAA;QAAEK,OAAO,EAAEJ;MAAmB,CAAA,GACtCK;IAAS,CAElB;EAAA,CAAA,CAAA;AACH,CAAA;"}

package/dist/cjs/FilterDateRangePicker/FilterDateRangePicker.cjs

@@ -2,8 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
-var getLocale = require('@kaizen/date-picker/src/utils/getLocale');
+var getLocale = require('../DatePicker/utils/getLocale.cjs');
 var Filter = require('../Filter/Filter.cjs');
 var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.cjs');
 var DateRangeDisplayLabel = require('./subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.cjs');
@@ -20,7 +19,8 @@ const FilterDateRangePicker = /*#__PURE__*/function () {
       label = _a.label,
       locale = _a.locale,
       restProps = tslib.__rest(_a, ["id", "isOpen", "setIsOpen", "renderTrigger", "selectedRange", "label", "locale"]);
-    var id = React.useState(propsId || uuid.v4())[0];
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     return React.createElement(Filter.Filter, {
       isOpen: isOpen,
       setIsOpen: setIsOpen,

package/dist/cjs/FilterDateRangePicker/FilterDateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDateRangePicker.cjs","sources":["../../../src/FilterDateRangePicker/FilterDateRangePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { v4 } from \"uuid\"\nimport { getLocale } from \"@kaizen/date-picker/src/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport { DateRangeDisplayLabel } from \"./subcomponents/DateRangeDisplayLabel\"\nimport {\n  FilterDateRangePickerField,\n  FilterDateRangePickerFieldProps,\n} from \"./subcomponents/FilterDateRangePickerField\"\nimport { isValidRange } from \"./subcomponents/FilterDateRangePickerField/utils/isValidRange\"\nimport { isCompleteDateRange } from \"./utils/isCompleteDateRange\"\n\nexport type FilterDateRangePickerProps = {\n  id?: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDateRangePickerFieldProps, \"id\">\n\nexport const FilterDateRangePicker = ({\n  id: propsId,\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedRange,\n  label,\n  locale,\n  ...restProps\n}: FilterDateRangePickerProps): JSX.Element => {\n  const [id] = useState<string>(propsId || v4())\n  return (\n    <Filter\n      isOpen={isOpen}\n      setIsOpen={setIsOpen}\n      renderTrigger={(triggerProps): JSX.Element =>\n        renderTrigger({\n          selectedValue:\n            isCompleteDateRange(selectedRange) &&\n            isValidRange(selectedRange.from, selectedRange.to) ? (\n              <DateRangeDisplayLabel\n                dateRange={selectedRange}\n                locale={getLocale(locale)}\n              />\n            ) : undefined,\n          label,\n          ...triggerProps,\n        })\n      }\n    >\n      <FilterContents>\n        <FilterDateRangePickerField\n          id={`${id}--input`}\n          label={label}\n          locale={locale}\n          selectedRange={selectedRange}\n          {...restProps}\n        />\n      </FilterContents>\n    </Filter>\n  )\n}\n\nFilterDateRangePicker.displayName = \"FilterDateRangePicker\"\n"],"names":["FilterDateRangePicker","_a","propsId","id","isOpen","setIsOpen","renderTrigger","selectedRange","label","locale","restProps","__rest","useState","v4","React","createElement","Filter","triggerProps","__assign","selectedValue","isCompleteDateRange","isValidRange","from","to","DateRangeDisplayLabel","dateRange","getLocale","undefined","FilterContents","FilterDateRangePickerField","concat","displayName"],"mappings":";;;;;;;;;;;;MAoBaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAST,EAAA;IAR3B,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,SAAS,GAAAJ,EAAA,CAAAI,SAAA;MACTC,aAAa,GAAAL,EAAA,CAAAK,aAAA;MACbC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,KAAK,GAAAP,EAAA,CAAAO,KAAA;MACLC,MAAM,YAAA;MACHC,SAAS,GARwBC,KAAAA,CAAAA,MAAA,CAAAV,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,QAAA,CASrC,CADa;IAEL,IAAAE,EAAE,GAAIS,KAAAA,CAAAA,QAAQ,CAASV,OAAO,IAAIW,IAAAA,CAAAA,EAAE,CAAE,CAAA,CAAC,CAAA,CAAA,CAArC;IACT,OACEC,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLZ,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACW,YAAY,EAAA;QAC1B,OAAAX,aAAa,CACXY,KAAA,CAAAA,QAAA,CAAA;UAAAC,aAAa,EACXC,mBAAAA,CAAAA,mBAAmB,CAACb,aAAa,CAAC,IAClCc,yBAAY,CAACd,aAAa,CAACe,IAAI,EAAEf,aAAa,CAACgB,EAAE,CAAC,GAChDT,KAAC,CAAAC,aAAA,CAAAS,qBAAqB,CAAAA,qBAAA;YACpBC,SAAS,EAAElB,aAAa;YACxBE,MAAM,EAAEiB,SAAAA,CAAAA,SAAS,CAACjB,MAAM;WACxB,CAAA,GACAkB,SAAS;UACfnB,KAAK,EAAAA;QAAA,CAAA,EACFS,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACa,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbd,KAAC,CAAAC,aAAA,CAAAc,0BAAAA,CAAAA,0BAA0B,EACzBX,KAAA,CAAAA,QAAA,CAAA;MAAAf,EAAE,EAAE,EAAA,CAAA2B,MAAA,CAAG3B,EAAE,EAAS,SAAA,CAAA;MAClBK,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA,MAAM;MACdF,aAAa,EAAEA;KACX,EAAAG,SAAS,CACb,CAAA,CACa,CACV;EAEb,CAAC;EAEDV,qBAAqB,CAAC+B,WAAW,GAAG,uBAAuB;EAAA,OA3C9C/B,qBAAqB;AAAA;"}
+{"version":3,"file":"FilterDateRangePicker.cjs","sources":["../../../src/FilterDateRangePicker/FilterDateRangePicker.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { getLocale } from \"~components/DatePicker/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport { DateRangeDisplayLabel } from \"./subcomponents/DateRangeDisplayLabel\"\nimport {\n  FilterDateRangePickerField,\n  FilterDateRangePickerFieldProps,\n} from \"./subcomponents/FilterDateRangePickerField\"\nimport { isValidRange } from \"./subcomponents/FilterDateRangePickerField/utils/isValidRange\"\nimport { isCompleteDateRange } from \"./utils/isCompleteDateRange\"\n\nexport type FilterDateRangePickerProps = {\n  id?: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDateRangePickerFieldProps, \"id\">\n\nexport const FilterDateRangePicker = ({\n  id: propsId,\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedRange,\n  label,\n  locale,\n  ...restProps\n}: FilterDateRangePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  return (\n    <Filter\n      isOpen={isOpen}\n      setIsOpen={setIsOpen}\n      renderTrigger={(triggerProps): JSX.Element =>\n        renderTrigger({\n          selectedValue:\n            isCompleteDateRange(selectedRange) &&\n            isValidRange(selectedRange.from, selectedRange.to) ? (\n              <DateRangeDisplayLabel\n                dateRange={selectedRange}\n                locale={getLocale(locale)}\n              />\n            ) : undefined,\n          label,\n          ...triggerProps,\n        })\n      }\n    >\n      <FilterContents>\n        <FilterDateRangePickerField\n          id={`${id}--input`}\n          label={label}\n          locale={locale}\n          selectedRange={selectedRange}\n          {...restProps}\n        />\n      </FilterContents>\n    </Filter>\n  )\n}\n\nFilterDateRangePicker.displayName = \"FilterDateRangePicker\"\n"],"names":["FilterDateRangePicker","_a","propsId","id","isOpen","setIsOpen","renderTrigger","selectedRange","label","locale","restProps","__rest","reactId","useId","React","createElement","Filter","triggerProps","__assign","selectedValue","isCompleteDateRange","isValidRange","from","to","DateRangeDisplayLabel","dateRange","getLocale","undefined","FilterContents","FilterDateRangePickerField","concat","displayName"],"mappings":";;;;;;;;;;;MAmBaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAST,EAAA;IAR3B,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,SAAS,GAAAJ,EAAA,CAAAI,SAAA;MACTC,aAAa,GAAAL,EAAA,CAAAK,aAAA;MACbC,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,KAAK,GAAAP,EAAA,CAAAO,KAAA;MACLC,MAAM,YAAA;MACHC,SAAS,GARwBC,KAAAA,CAAAA,MAAA,CAAAV,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,QAAA,CASrC,CADa;IAEZ,IAAMW,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IACvB,IAAMV,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIU,OAAO;IAE7B,OACEE,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLZ,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACW,YAAY,EAAA;QAC1B,OAAAX,aAAa,CACXY,KAAA,CAAAA,QAAA,CAAA;UAAAC,aAAa,EACXC,mBAAAA,CAAAA,mBAAmB,CAACb,aAAa,CAAC,IAClCc,yBAAY,CAACd,aAAa,CAACe,IAAI,EAAEf,aAAa,CAACgB,EAAE,CAAC,GAChDT,KAAC,CAAAC,aAAA,CAAAS,qBAAqB,CAAAA,qBAAA;YACpBC,SAAS,EAAElB,aAAa;YACxBE,MAAM,EAAEiB,SAAAA,CAAAA,SAAS,CAACjB,MAAM;WACxB,CAAA,GACAkB,SAAS;UACfnB,KAAK,EAAAA;QAAA,CAAA,EACFS,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACa,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbd,KAAC,CAAAC,aAAA,CAAAc,0BAAAA,CAAAA,0BAA0B,EACzBX,KAAA,CAAAA,QAAA,CAAA;MAAAf,EAAE,EAAE,EAAA,CAAA2B,MAAA,CAAG3B,EAAE,EAAS,SAAA,CAAA;MAClBK,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA,MAAM;MACdF,aAAa,EAAEA;KACX,EAAAG,SAAS,CACb,CAAA,CACa,CACV;EAEb,CAAC;EAEDV,qBAAqB,CAAC+B,WAAW,GAAG,uBAAuB;EAAA,OA7C9C/B,qBAAqB;AAAA;"}

package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.cjs

@@ -1,7 +1,12 @@
 'use strict';
 
 var React = require('react');
-var formatDateAsText = require('@kaizen/date-picker/src/utils/formatDateAsText');
+require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('tslib');
+require('date-fns');
+var formatDateAsText = require('../../../Calendar/utils/formatDateAsText.cjs');
+require('react-day-picker');
 var DateRangeDisplayLabel_module = require('./DateRangeDisplayLabel.module.scss.cjs');
 const DateRangeDisplayLabel = /*#__PURE__*/function () {
   const DateRangeDisplayLabel = function (_a) {

package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeDisplayLabel.cjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText } from \"@kaizen/date-picker/src/utils/formatDateAsText\"\nimport styles from \"./DateRangeDisplayLabel.module.scss\"\n\nexport type DateRangeDisplayLabelProps = {\n  dateRange: { from: Date; to: Date }\n  locale: Locale\n}\n\nexport const DateRangeDisplayLabel = ({\n  dateRange,\n  locale,\n}: DateRangeDisplayLabelProps): JSX.Element | null => {\n  const formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale)\n  const formattedDateTo = formatDateAsText(dateRange.to, undefined, locale)\n\n  return (\n    <span className={styles.dateRangeDisplayLabel}>\n      <span>{formattedDateFrom}</span>\n      <span>-</span>\n      <span>{formattedDateTo}</span>\n    </span>\n  )\n}\n\nDateRangeDisplayLabel.displayName = \"DateRangeDisplayLabel\"\n"],"names":["DateRangeDisplayLabel","_a","dateRange","locale","formattedDateFrom","formatDateAsText","from","undefined","formattedDateTo","to","React","createElement","className","styles","dateRangeDisplayLabel","displayName"],"mappings":";;;;;MASaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAF3BC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAEN,IAAMC,iBAAiB,GAAGC,gBAAAA,CAAAA,gBAAgB,CAACH,SAAS,CAACI,IAAI,EAAEC,SAAS,EAAEJ,MAAM,CAAC;IAC7E,IAAMK,eAAe,GAAGH,gBAAAA,CAAAA,gBAAgB,CAACH,SAAS,CAACO,EAAE,EAAEF,SAAS,EAAEJ,MAAM,CAAC;IAEzE,OACEO,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,4BAAM,CAACC;IAAqB,CAAA,EAC3CJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOP,iBAAiB,CAAQ,EAChCM,KAAc,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EACdD,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOH,eAAe,CAAQ,CACzB;EAEX,CAAC;EAEDR,qBAAqB,CAACe,WAAW,GAAG,uBAAuB;EAAA,OAhB9Cf,qBAAqB;AAAA;"}
+{"version":3,"file":"DateRangeDisplayLabel.cjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText } from \"~components/Calendar\"\nimport styles from \"./DateRangeDisplayLabel.module.scss\"\n\nexport type DateRangeDisplayLabelProps = {\n  dateRange: { from: Date; to: Date }\n  locale: Locale\n}\n\nexport const DateRangeDisplayLabel = ({\n  dateRange,\n  locale,\n}: DateRangeDisplayLabelProps): JSX.Element | null => {\n  const formattedDateFrom = formatDateAsText(dateRange.from, undefined, locale)\n  const formattedDateTo = formatDateAsText(dateRange.to, undefined, locale)\n\n  return (\n    <span className={styles.dateRangeDisplayLabel}>\n      <span>{formattedDateFrom}</span>\n      <span>-</span>\n      <span>{formattedDateTo}</span>\n    </span>\n  )\n}\n\nDateRangeDisplayLabel.displayName = \"DateRangeDisplayLabel\"\n"],"names":["DateRangeDisplayLabel","_a","dateRange","locale","formattedDateFrom","formatDateAsText","from","undefined","formattedDateTo","to","React","createElement","className","styles","dateRangeDisplayLabel","displayName"],"mappings":";;;;;;;;;;MASaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAF3BC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAEN,IAAMC,iBAAiB,GAAGC,gBAAAA,CAAAA,gBAAgB,CAACH,SAAS,CAACI,IAAI,EAAEC,SAAS,EAAEJ,MAAM,CAAC;IAC7E,IAAMK,eAAe,GAAGH,gBAAAA,CAAAA,gBAAgB,CAACH,SAAS,CAACO,EAAE,EAAEF,SAAS,EAAEJ,MAAM,CAAC;IAEzE,OACEO,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,4BAAM,CAACC;IAAqB,CAAA,EAC3CJ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOP,iBAAiB,CAAQ,EAChCM,KAAc,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EACdD,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOH,eAAe,CAAQ,CACzB;EAEX,CAAC;EAEDR,qBAAqB,CAACe,WAAW,GAAG,uBAAuB;EAAA,OAhB9Cf,qBAAqB;AAAA;"}

package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs

@@ -3,11 +3,12 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var DateInput = require('@kaizen/date-picker/src/_subcomponents/DateInput');
-var draftForm = require('@kaizen/draft-form');
+var DateInput = require('../../../DateInput/DateInput/DateInput.cjs');
+var DateInputDescription = require('../../../DateInput/DateInputDescription/DateInputDescription.cjs');
+require('../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
+var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
 var VisuallyHidden = require('../../../VisuallyHidden/VisuallyHidden.cjs');
 var isRefObject = require('../../../utils/isRefObject.cjs');
-var DateInputDescription = require('../DateInputDescription/DateInputDescription.cjs');
 var DateRangeValidationMessage = require('../DateRangeValidationMessage/DateRangeValidationMessage.cjs');
 var DateRangeInputField_module = require('./DateRangeInputField.module.scss.cjs');
 const DateRangeInputField = /*#__PURE__*/function () {
@@ -68,7 +69,7 @@ const DateRangeInputField = /*#__PURE__*/function () {
       isReversed: isReversed,
       dateStartId: dateStartErrorMessageId,
       dateEndId: dateEndErrorMessageId
-    }), React.createElement(draftForm.FieldMessage, {
+    }), React.createElement(FieldMessage.FieldMessage, {
       id: descriptionId,
       message: React.createElement(DateInputDescription.DateInputDescription, {
         description: description,

package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInputField.cjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  DateInput,\n  DateInputProps,\n} from \"@kaizen/date-picker/src/_subcomponents/DateInput\"\nimport { FieldMessage } from \"@kaizen/draft-form\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\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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"}
+{"version":3,"file":"DateRangeInputField.cjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  DateInput,\n  DateInputDescription,\n  DateInputDescriptionProps,\n  DateInputProps,\n} from \"~components/DateInput\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { isRefObject } from \"~utils/isRefObject\"\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/cjs/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var draftForm = require('@kaizen/draft-form');
+var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
 var DateRangeValidationMessage_module = require('./DateRangeValidationMessage.module.scss.cjs');
 const DateRangeValidationMessage = /*#__PURE__*/function () {
   const DateRangeValidationMessage = function (_a) {
@@ -14,7 +14,7 @@ const DateRangeValidationMessage = /*#__PURE__*/function () {
     var dateEnd = validationMessage.dateEnd;
     if (dateStart && dateEnd) {
       if (dateStart.status === dateEnd.status) {
-        return React.createElement(draftForm.FieldMessage, {
+        return React.createElement(FieldMessage.FieldMessage, {
           message: React.createElement("ul", {
             className: DateRangeValidationMessage_module.fieldMessageList
           }, React.createElement("li", {
@@ -26,12 +26,12 @@ const DateRangeValidationMessage = /*#__PURE__*/function () {
           reversed: isReversed
         });
       }
-      return React.createElement(React.Fragment, null, React.createElement(draftForm.FieldMessage, {
+      return React.createElement(React.Fragment, null, React.createElement(FieldMessage.FieldMessage, {
         id: dateStartId,
         message: dateStart.message,
         status: dateStart.status,
         reversed: isReversed
-      }), React.createElement(draftForm.FieldMessage, {
+      }), React.createElement(FieldMessage.FieldMessage, {
         id: dateEndId,
         message: dateEnd.message,
         status: dateEnd.status,
@@ -39,7 +39,7 @@ const DateRangeValidationMessage = /*#__PURE__*/function () {
       }));
     }
     if (dateStart) {
-      return React.createElement(draftForm.FieldMessage, {
+      return React.createElement(FieldMessage.FieldMessage, {
         id: dateStartId,
         message: dateStart.message,
         status: dateStart.status,
@@ -47,7 +47,7 @@ const DateRangeValidationMessage = /*#__PURE__*/function () {
       });
     }
     if (dateEnd) {
-      return React.createElement(draftForm.FieldMessage, {
+      return React.createElement(FieldMessage.FieldMessage, {
         id: dateEndId,
         message: dateEnd.message,
         status: dateEnd.status,

package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeValidationMessage.cjs","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,OACEC,KAAC,CAAAC,aAAA,CAAAC,SAAY,CAAAA,YAAA,EACX;UAAAC,OAAO,EACLH,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIG,SAAS,EAAEC,iCAAM,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,OACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,EACET,KAAC,CAAAC,aAAA,CAAAC,SAAAA,CAAAA,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,SAAY,CAAAA,YAAA,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,OACEG,KAAC,CAAAC,aAAA,CAAAC,SAAAA,CAAAA,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,OACEE,KAAC,CAAAC,aAAA,CAAAC,SAAAA,CAAAA,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;"}
+{"version":3,"file":"DateRangeValidationMessage.cjs","sources":["../../../../../src/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.tsx"],"sourcesContent":["import React from \"react\"\nimport { FieldMessage } from \"~components/FieldMessage\"\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,OACEC,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAAAA,YAAA,EACX;UAAAC,OAAO,EACLH,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;YAAIG,SAAS,EAAEC,iCAAM,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,OACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,EACET,KAAC,CAAAC,aAAA,CAAAC,YAAAA,CAAAA,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,CAAAA,YAAA,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,OACEG,KAAC,CAAAC,aAAA,CAAAC,YAAAA,CAAAA,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,OACEE,KAAC,CAAAC,aAAA,CAAAC,YAAAA,CAAAA,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/cjs/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.cjs

@@ -4,11 +4,14 @@ var tslib = require('tslib');
 var React = require('react');
 var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
-var Calendar = require('@kaizen/date-picker/src/_subcomponents/Calendar');
-var formatDateAsText = require('@kaizen/date-picker/src/utils/formatDateAsText');
-var getLocale = require('@kaizen/date-picker/src/utils/getLocale');
-var isInvalidDate = require('@kaizen/date-picker/src/utils/isInvalidDate');
-var parseDateFromTextFormatValue = require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
+require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+var CalendarRange = require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var isInvalidDate = require('../../../Calendar/utils/isInvalidDate.cjs');
+var formatDateAsText = require('../../../Calendar/utils/formatDateAsText.cjs');
+require('react-day-picker');
+var parseDateFromTextFormatValue = require('../../../Calendar/utils/parseDateFromTextFormatValue.cjs');
+var getLocale = require('../../../DatePicker/utils/getLocale.cjs');
 var useDateInputHandlers = require('../../../FilterDatePicker/hooks/useDateInputHandlers.cjs');
 var DateRangeInputField = require('../DateRangeInputField/DateRangeInputField.cjs');
 var filterDateRangePickerFieldReducer = require('./filterDateRangePickerFieldReducer.cjs');
@@ -204,7 +207,7 @@ const FilterDateRangePickerField = /*#__PURE__*/function () {
         dateEnd: dateEndValidation.validationMessage
       },
       classNameOverride: FilterDateRangePickerField_module.dateRangeInputField
-    }), React.createElement(Calendar.CalendarRange, {
+    }), React.createElement(CalendarRange.CalendarRange, {
       disabled: disabledDays,
       locale: locale,
       selected: {