@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/DateRangePicker/utils/formatDateRangeValue.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var dateFormatOptions = {
+  month: "short",
+  year: "numeric",
+  day: "numeric"
+};
+var dateWithoutYearFormatOptions = {
+  month: "short",
+  day: "numeric"
+};
+var formatDateRangeValue = function (dateRange) {
+  var _a, _b, _c, _d;
+  if (dateRange.to) {
+    var isSameYear = ((_a = dateRange.from) === null || _a === void 0 ? void 0 : _a.getFullYear()) === ((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.getFullYear());
+    var from = isSameYear ? (_c = dateRange.from) === null || _c === void 0 ? void 0 : _c.toLocaleDateString("en-US", dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === void 0 ? void 0 : _d.toLocaleDateString("en-US", dateFormatOptions);
+    var to = dateRange.to.toLocaleDateString("en-US", dateFormatOptions);
+    return "".concat(from, " \u2013 ").concat(to);
+  } else {
+    var from = dateRange.from ? dateRange.from.toLocaleDateString("en-US", dateFormatOptions) : "";
+    return from;
+  }
+};
+exports.formatDateRangeValue = formatDateRangeValue;
+//# sourceMappingURL=formatDateRangeValue.cjs.map

package/dist/cjs/DateRangePicker/utils/formatDateRangeValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDateRangeValue.cjs","sources":["../../../../src/DateRangePicker/utils/formatDateRangeValue.ts"],"sourcesContent":["import { DateRange } from \"~components/Calendar\"\n\nconst dateFormatOptions: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  year: \"numeric\",\n  day: \"numeric\",\n}\n\nconst dateWithoutYearFormatOptions: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n}\n\nexport const formatDateRangeValue = (dateRange: DateRange): string => {\n  if (dateRange.to) {\n    const isSameYear =\n      dateRange.from?.getFullYear() === dateRange?.to?.getFullYear()\n\n    const from = isSameYear\n      ? dateRange.from?.toLocaleDateString(\n          \"en-US\",\n          dateWithoutYearFormatOptions\n        )\n      : dateRange.from?.toLocaleDateString(\"en-US\", dateFormatOptions)\n\n    const to = dateRange.to.toLocaleDateString(\"en-US\", dateFormatOptions)\n\n    return `${from} – ${to}`\n  } else {\n    const from = dateRange.from\n      ? dateRange.from.toLocaleDateString(\"en-US\", dateFormatOptions)\n      : \"\"\n\n    return from\n  }\n}\n"],"names":["dateFormatOptions","month","year","day","dateWithoutYearFormatOptions","formatDateRangeValue","dateRange","to","isSameYear","_a","from","getFullYear","_b","_c","toLocaleDateString","_d","concat"],"mappings":";;AAEA,IAAMA,iBAAiB,GAA+B;EACpDC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE;CACN;AAED,IAAMC,4BAA4B,GAA+B;EAC/DH,KAAK,EAAE,OAAO;EACdE,GAAG,EAAE;CACN;AAEM,IAAME,oBAAoB,GAAG,SAAAA,CAACC,SAAoB,EAAA;;EACvD,IAAIA,SAAS,CAACC,EAAE,EAAE;IAChB,IAAMC,UAAU,GACd,CAAA,CAAAC,EAAA,GAAAH,SAAS,CAACI,IAAI,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,WAAW,CAAE,CAAA,OAAK,MAAAL,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEC,EAAE,MAAE,IAAA,IAAAK,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,WAAW,CAAE,CAAA,CAAA;IAEhE,IAAMD,IAAI,GAAGF,UAAU,GACnB,CAAAK,EAAA,GAAAP,SAAS,CAACI,IAAI,MAAE,IAAA,IAAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,kBAAkB,CAChC,OAAO,EACPV,4BAA4B,CAC7B,GACD,CAAAW,EAAA,GAAAT,SAAS,CAACI,IAAI,MAAA,IAAA,IAAAK,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAED,kBAAkB,CAAC,OAAO,EAAEd,iBAAiB,CAAC;IAElE,IAAMO,EAAE,GAAGD,SAAS,CAACC,EAAE,CAACO,kBAAkB,CAAC,OAAO,EAAEd,iBAAiB,CAAC;IAEtE,OAAO,EAAG,CAAAgB,MAAA,CAAAN,IAAI,EAAM,UAAA,CAAA,CAAAM,MAAA,CAAAT,EAAE,CAAE;EACzB,CAAA,MAAM;IACL,IAAMG,IAAI,GAAGJ,SAAS,CAACI,IAAI,GACvBJ,SAAS,CAACI,IAAI,CAACI,kBAAkB,CAAC,OAAO,EAAEd,iBAAiB,CAAC,GAC7D,EAAE;IAEN,OAAOU,IAAI;EACZ;AACH,CAAA;"}

package/dist/cjs/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs

@@ -1,15 +1,17 @@
 'use strict';
 
 var React = require('react');
-var draftMenu = require('@kaizen/draft-menu');
 var Button = require('../../../Button/Button/Button.cjs');
 require('../../../Button/IconButton/IconButton.cjs');
-require('../../../Button/PaginationLink/PaginationLink.cjs');
-require('../../../Button/DirectionalLink/DirectionalLink.cjs');
 require('tslib');
 require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var AddIcon = require('../../../Icon/AddIcon.cjs');
+var Menu = require('../../../Menu/Menu.cjs');
+require('../../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
+var MenuItem = require('../../../Menu/subcomponents/MenuItem/MenuItem.cjs');
+var MenuList = require('../../../Menu/subcomponents/MenuList/MenuList.cjs');
+require('../../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 const AddFiltersMenu = /*#__PURE__*/function () {
   const AddFiltersMenu = function () {
@@ -17,7 +19,7 @@ const AddFiltersMenu = /*#__PURE__*/function () {
       getInactiveFilters = _a.getInactiveFilters,
       showFilter = _a.showFilter;
     var inactiveFilters = getInactiveFilters();
-    return React.createElement(draftMenu.Menu, {
+    return React.createElement(Menu.Menu, {
       button: React.createElement(Button.Button, {
         label: "Add Filters",
         secondary: true,
@@ -26,10 +28,10 @@ const AddFiltersMenu = /*#__PURE__*/function () {
           role: "presentation"
         })
       })
-    }, React.createElement(draftMenu.MenuList, null, inactiveFilters.map(function (_a) {
+    }, React.createElement(MenuList.MenuList, null, inactiveFilters.map(function (_a) {
       var id = _a.id,
         name = _a.name;
-      return React.createElement(draftMenu.MenuItem, {
+      return React.createElement(MenuItem.MenuItem, {
         key: id,
         label: name,
         onClick: function () {

package/dist/cjs/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddFiltersMenu.cjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { Menu, MenuList, MenuItem } from \"@kaizen/draft-menu\"\nimport { Button } from \"~components/Button\"\nimport { AddIcon } from \"~components/Icon\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n  const { getInactiveFilters, showFilter } = useFilterBarContext()\n  const inactiveFilters = getInactiveFilters()\n\n  return (\n    <Menu\n      button={\n        <Button\n          label=\"Add Filters\"\n          secondary\n          disabled={inactiveFilters.length === 0}\n          icon={<AddIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {inactiveFilters.map(({ id, name }) => (\n          <MenuItem\n            key={id}\n            label={name}\n            onClick={(): void => showFilter(id)}\n          />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":";;;;;;;;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,gBAAmB,CAAAA,mBAAA,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,OACEG,KAAA,CAAAC,aAAA,CAACC,SAAI,CAAAA,IAAA,EAAA;MACHC,MAAM,EACJH,KAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,EAAET,KAAC,CAAAC,aAAA,CAAAS,OAAAA,CAAAA,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,EAGJX,KAAA,CAAAC,aAAA,CAACW,kBAAQ,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,OACrCf,oBAACgB,SAAAA,CAAAA,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}
+{"version":3,"file":"AddFiltersMenu.cjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { AddIcon } from \"~components/Icon\"\nimport { Menu, MenuList, MenuItem } from \"~components/Menu\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n  const { getInactiveFilters, showFilter } = useFilterBarContext()\n  const inactiveFilters = getInactiveFilters()\n\n  return (\n    <Menu\n      button={\n        <Button\n          label=\"Add Filters\"\n          secondary\n          disabled={inactiveFilters.length === 0}\n          icon={<AddIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {inactiveFilters.map(({ id, name }) => (\n          <MenuItem\n            key={id}\n            label={name}\n            onClick={(): void => showFilter(id)}\n          />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,gBAAmB,CAAAA,mBAAA,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,OACEG,KAAA,CAAAC,aAAA,CAACC,IAAI,CAAAA,IAAA,EAAA;MACHC,MAAM,EACJH,KAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,EAAET,KAAC,CAAAC,aAAA,CAAAS,OAAAA,CAAAA,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,EAGJX,KAAA,CAAAC,aAAA,CAACW,iBAAQ,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,OACrCf,oBAACgB,QAAAA,CAAAA,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs

@@ -3,8 +3,6 @@
 var React = require('react');
 var Button = require('../../../Button/Button/Button.cjs');
 require('../../../Button/IconButton/IconButton.cjs');
-require('../../../Button/PaginationLink/PaginationLink.cjs');
-require('../../../Button/DirectionalLink/DirectionalLink.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 var ClearAllButton_module = require('./ClearAllButton.module.scss.cjs');
 const ClearAllButton = /*#__PURE__*/function () {

package/dist/cjs/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearAllButton.cjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n  const { clearAllFilters } = useFilterBarContext()\n\n  return (\n    <Button\n      label=\"Clear all\"\n      aria-label=\"Clear all filters\"\n      classNameOverride={styles.clearAllButton}\n      secondary\n      onClick={clearAllFilters}\n    />\n  )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":";;;;;;;;;MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,oCAAmB,CAAE,CAAA,gBAA1B;IAEvB,OACEC,oBAACC,MAAAA,CAAAA,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,qBAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}
+{"version":3,"file":"ClearAllButton.cjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n  const { clearAllFilters } = useFilterBarContext()\n\n  return (\n    <Button\n      label=\"Clear all\"\n      aria-label=\"Clear all filters\"\n      classNameOverride={styles.clearAllButton}\n      secondary\n      onClick={clearAllFilters}\n    />\n  )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":";;;;;;;MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,oCAAmB,CAAE,CAAA,gBAA1B;IAEvB,OACEC,oBAACC,MAAAA,CAAAA,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,qBAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs

@@ -4,15 +4,12 @@ var tslib = require('tslib');
 var React = require('react');
 var FilterDatePicker = require('../../../FilterDatePicker/FilterDatePicker.cjs');
 require('classnames');
-require('uuid');
-require('@kaizen/date-picker');
+require('../../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+require('react-day-picker');
+require('date-fns/locale');
 require('../../../LabelledMessage/LabelledMessage.cjs');
-require('@kaizen/date-picker/src/utils/validateDate');
-require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
-require('@kaizen/date-picker/src/utils/isDisabledDate');
-require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
-require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
-require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
 require('../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 var FilterBarButton = require('../FilterBarButton/FilterBarButton.cjs');

package/dist/cjs/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBarDatePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDatePicker,\n  FilterDatePickerProps,\n} from \"~components/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n  FilterDatePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedDate\"\n  | \"onDateChange\"\n  | \"locale\"\n> & {\n  id?: string\n  locale?: FilterDatePickerProps[\"locale\"]\n  onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n  id,\n  onDateChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<Date | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDatePicker\n      {...props}\n      id={id}\n      locale={locale}\n      selectedDate={filterState.value || undefined}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      onDateChange={(key): void => {\n        updateValue(id, key)\n        onDateChange?.(key)\n      }}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n    />\n  )\n}\n\nFilterBarDatePicker.displayName = \"FilterBar.DatePicker\"\n"],"names":["FilterBarDatePicker","_a","id","onDateChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDatePicker","__assign","selectedDate","value","undefined","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;;;;;;;;;;;MAwBaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJzB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAoB;MADjCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACd;IAEzC,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,0CAA0C,CAAC;IAEhE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,CAAAA,gBAAA,EACXC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNG,MAAM,EAAEA,MAAM;MACdc,YAAY,EAAEL,WAAW,CAACM,KAAK,IAAIC,SAAS;MAC5CC,KAAK,EAAER,WAAW,CAACS,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,CAAAA,eAAA,EACVR,cAAA,CAAA,CAAA,CAAA,EAAAO,YAAY,EAChB;UAAAvB,EAAE,EAAEA,EAAE;UACNyB,WAAW,EAAEb,WAAW,CAACa;QACzB,CAAA,CAAA,CAAA;OACH;MACDxB,YAAY,EAAE,SAAAA,CAACyB,GAAG,EAAA;QAChBhB,WAAW,CAACV,EAAE,EAAE0B,GAAG,CAAC;QACpBzB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGyB,GAAG,CAAC;MACpB,CAAA;MACDC,MAAM,EAAEf,WAAW,CAACe,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAApB,kBAAkB,CAACT,EAAE,EAAE6B,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAED/B,mBAAmB,CAACgC,WAAW,GAAG,sBAAsB;EAAA,OArC3ChC,mBAAmB;AAAA;"}
+{"version":3,"file":"FilterBarDatePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDatePicker,\n  FilterDatePickerProps,\n} from \"~components/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n  FilterDatePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedDate\"\n  | \"onDateChange\"\n  | \"locale\"\n> & {\n  id?: string\n  locale?: FilterDatePickerProps[\"locale\"]\n  onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n  id,\n  onDateChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<Date | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDatePicker\n      {...props}\n      id={id}\n      locale={locale}\n      selectedDate={filterState.value || undefined}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      onDateChange={(key): void => {\n        updateValue(id, key)\n        onDateChange?.(key)\n      }}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n    />\n  )\n}\n\nFilterBarDatePicker.displayName = \"FilterBar.DatePicker\"\n"],"names":["FilterBarDatePicker","_a","id","onDateChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDatePicker","__assign","selectedDate","value","undefined","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;;;;;;;;MAwBaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJzB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAoB;MADjCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACd;IAEzC,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,0CAA0C,CAAC;IAEhE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,CAAAA,gBAAA,EACXC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNG,MAAM,EAAEA,MAAM;MACdc,YAAY,EAAEL,WAAW,CAACM,KAAK,IAAIC,SAAS;MAC5CC,KAAK,EAAER,WAAW,CAACS,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,CAAAA,eAAA,EACVR,cAAA,CAAA,CAAA,CAAA,EAAAO,YAAY,EAChB;UAAAvB,EAAE,EAAEA,EAAE;UACNyB,WAAW,EAAEb,WAAW,CAACa;QACzB,CAAA,CAAA,CAAA;OACH;MACDxB,YAAY,EAAE,SAAAA,CAACyB,GAAG,EAAA;QAChBhB,WAAW,CAACV,EAAE,EAAE0B,GAAG,CAAC;QACpBzB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGyB,GAAG,CAAC;MACpB,CAAA;MACDC,MAAM,EAAEf,WAAW,CAACe,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAApB,kBAAkB,CAACT,EAAE,EAAE6B,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAED/B,mBAAmB,CAACgC,WAAW,GAAG,sBAAsB;EAAA,OArC3ChC,mBAAmB;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBarDateRangePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDateRangePicker,\n  FilterDateRangePickerProps,\n} from \"~components/FilterDateRangePicker\"\nimport { DateRange } from \"~types/DatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n  FilterDateRangePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedRange\"\n  | \"onRangeChange\"\n  | \"locale\"\n> & {\n  id?: string\n  onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n  locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n  id,\n  onRangeChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<DateRange | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDateRangePicker\n      {...props}\n      id={id}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n      selectedRange={filterState.value}\n      onRangeChange={(range): void => {\n        updateValue(id, range)\n        onRangeChange?.(range)\n      }}\n      locale={locale}\n    />\n  )\n}\n\nFilterBarDateRangePicker.displayName = \"FilterBar.DateRangePicker\"\n"],"names":["FilterBarDateRangePicker","_a","id","onRangeChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDateRangePicker","__assign","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","isOpen","setIsOpen","open","selectedRange","value","range","displayName"],"mappings":";;;;;;;MAyBaA,wBAAwB;EAAA,MAAxBA,wBAAwB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJ9B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAyB;MADtCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACT;IAE9C,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,+CAA+C,CAAC;IAErE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAA,CAAAC,aAAA,CAACC,qBAAAA,CAAAA,qBAAqB,EAAAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CP,oBAACQ,eAAAA,CAAAA,eAAe,EAAAL,KAAA,CAAAA,QAAA,CAAA,EAAA,EACVI,YAAY,EAAA;UAChBpB,EAAE,EAAEA,EAAE;UACNsB,WAAW,EAAEV,WAAW,CAACU;QAAW,CAAA,CAAA,CACpC;OACH;MACDC,MAAM,EAAEX,WAAW,CAACW,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAAhB,kBAAkB,CAACT,EAAE,EAAEyB,IAAI,CAAC;MAAA,CAAA;MACvDC,aAAa,EAAEd,WAAW,CAACe,KAAK;MAChC1B,aAAa,EAAE,SAAAA,CAAC2B,KAAK,EAAA;QACnBlB,WAAW,CAACV,EAAE,EAAE4B,KAAK,CAAC;QACtB3B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG2B,KAAK,CAAC;MACxB,CAAC;MACDzB,MAAM,EAAEA;IAAM,CAAA,CAAA,CACd;EAEN,CAAC;EAEDL,wBAAwB,CAAC+B,WAAW,GAAG,2BAA2B;EAAA,OArCrD/B,wBAAwB;AAAA;"}
+{"version":3,"file":"FilterBarDateRangePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { DateRange } from \"~components/Calendar\"\nimport {\n  FilterDateRangePicker,\n  FilterDateRangePickerProps,\n} from \"~components/FilterDateRangePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n  FilterDateRangePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedRange\"\n  | \"onRangeChange\"\n  | \"locale\"\n> & {\n  id?: string\n  onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n  locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n  id,\n  onRangeChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<DateRange | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDateRangePicker\n      {...props}\n      id={id}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n      selectedRange={filterState.value}\n      onRangeChange={(range): void => {\n        updateValue(id, range)\n        onRangeChange?.(range)\n      }}\n      locale={locale}\n    />\n  )\n}\n\nFilterBarDateRangePicker.displayName = \"FilterBar.DateRangePicker\"\n"],"names":["FilterBarDateRangePicker","_a","id","onRangeChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDateRangePicker","__assign","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","isOpen","setIsOpen","open","selectedRange","value","range","displayName"],"mappings":";;;;;;;MAyBaA,wBAAwB;EAAA,MAAxBA,wBAAwB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJ9B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAyB;MADtCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACT;IAE9C,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,+CAA+C,CAAC;IAErE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAA,CAAAC,aAAA,CAACC,qBAAAA,CAAAA,qBAAqB,EAAAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CP,oBAACQ,eAAAA,CAAAA,eAAe,EAAAL,KAAA,CAAAA,QAAA,CAAA,EAAA,EACVI,YAAY,EAAA;UAChBpB,EAAE,EAAEA,EAAE;UACNsB,WAAW,EAAEV,WAAW,CAACU;QAAW,CAAA,CAAA,CACpC;OACH;MACDC,MAAM,EAAEX,WAAW,CAACW,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAAhB,kBAAkB,CAACT,EAAE,EAAEyB,IAAI,CAAC;MAAA,CAAA;MACvDC,aAAa,EAAEd,WAAW,CAACe,KAAK;MAChC1B,aAAa,EAAE,SAAAA,CAAC2B,KAAK,EAAA;QACnBlB,WAAW,CAACV,EAAE,EAAE4B,KAAK,CAAC;QACtB3B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG2B,KAAK,CAAC;MACxB,CAAC;MACDzB,MAAM,EAAEA;IAAM,CAAA,CAAA,CACd;EAEN,CAAC;EAEDL,wBAAwB,CAAC+B,WAAW,GAAG,2BAA2B;EAAA,OArCrD/B,wBAAwB;AAAA;"}

package/dist/cjs/FilterDatePicker/FilterDatePicker.cjs

@@ -2,7 +2,12 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var datePicker = require('@kaizen/date-picker');
+require('../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var formatDateAsText = require('../Calendar/utils/formatDateAsText.cjs');
+require('react-day-picker');
+var getLocale = require('../DatePicker/utils/getLocale.cjs');
 var Filter = require('../Filter/Filter.cjs');
 var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.cjs');
 var FilterDatePickerField = require('./subcomponents/FilterDatePickerField/FilterDatePickerField.cjs');
@@ -21,7 +26,7 @@ const FilterDatePicker = /*#__PURE__*/function () {
       setIsOpen: setIsOpen,
       renderTrigger: function (triggerProps) {
         return renderTrigger(tslib.__assign({
-          selectedValue: selectedDate ? datePicker.formatDateAsText(selectedDate, undefined, datePicker.getLocale(locale)) : undefined,
+          selectedValue: selectedDate ? formatDateAsText.formatDateAsText(selectedDate, undefined, getLocale.getLocale(locale)) : undefined,
           label: label
         }, triggerProps));
       }

package/dist/cjs/FilterDatePicker/FilterDatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDatePicker.cjs","sources":["../../../src/FilterDatePicker/FilterDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText, getLocale } from \"@kaizen/date-picker\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport {\n  FilterDatePickerField,\n  FilterDatePickerFieldProps,\n} from \"./subcomponents/FilterDatePickerField\"\n\nexport type FilterDatePickerProps = {\n  id?: string\n  label: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDatePickerFieldProps, \"id\">\n\nexport const FilterDatePicker = ({\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedDate,\n  label,\n  locale,\n  onDateSubmit,\n  ...restProps\n}: FilterDatePickerProps): JSX.Element => (\n  <Filter\n    isOpen={isOpen}\n    setIsOpen={setIsOpen}\n    renderTrigger={(triggerProps): JSX.Element =>\n      renderTrigger({\n        selectedValue: selectedDate\n          ? formatDateAsText(selectedDate, undefined, getLocale(locale))\n          : undefined,\n        label,\n        ...triggerProps,\n      })\n    }\n  >\n    <FilterContents>\n      <FilterDatePickerField\n        locale={locale}\n        selectedDate={selectedDate}\n        onDateSubmit={date => {\n          setIsOpen(false)\n          onDateSubmit?.(date)\n        }}\n        {...restProps}\n      />\n    </FilterContents>\n  </Filter>\n)\n\nFilterDatePicker.displayName = \"FilterDatePicker\"\n"],"names":["FilterDatePicker","_a","isOpen","setIsOpen","renderTrigger","selectedDate","label","locale","onDateSubmit","restProps","__rest","React","createElement","Filter","triggerProps","__assign","selectedValue","formatDateAsText","undefined","getLocale","FilterContents","FilterDatePickerField","date","displayName"],"mappings":";;;;;;;;MAiBaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAST,EAAA;IARtB,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,KAAK,GAAAL,EAAA,CAAAK,KAAA;MACLC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,YAAY,kBAAA;MACTC,SAAS,GARmBC,KAAAA,CAAAA,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,QAAA,EAAA,cAAA,CAShC,CADa;IAC4B,OACxCU,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLX,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACU,YAAY,EAAA;QAC1B,OAAAV,aAAa,CAAAW,KAAAA,CAAAA,QAAA,CAAA;UACXC,aAAa,EAAEX,YAAY,GACvBY,UAAAA,CAAAA,gBAAgB,CAACZ,YAAY,EAAEa,SAAS,EAAEC,UAAS,CAAAA,SAAA,CAACZ,MAAM,CAAC,CAAC,GAC5DW,SAAS;UACbZ,KAAK,EAAAA;SAAA,EACFQ,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACQ,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbT,KAAA,CAAAC,aAAA,CAACS,2CAAqB,EAAAN,KAAAA,CAAAA,QAAA,CAAA;MACpBR,MAAM,EAAEA,MAAM;MACdF,YAAY,EAAEA,YAAY;MAC1BG,YAAY,EAAE,SAAAA,CAAAc,IAAI,EAAA;QAChBnB,SAAS,CAAC,KAAK,CAAC;QAChBK,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGc,IAAI,CAAC;MACtB;OACIb,SAAS,CAAA,CACb,CACa,CACV;GACV;EAEDT,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;EAAA,OArCpCvB,gBAAgB;AAAA;"}
+{"version":3,"file":"FilterDatePicker.cjs","sources":["../../../src/FilterDatePicker/FilterDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText } from \"~components/Calendar\"\nimport { getLocale } from \"~components/DatePicker/utils/getLocale\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport {\n  FilterDatePickerField,\n  FilterDatePickerFieldProps,\n} from \"./subcomponents/FilterDatePickerField\"\n\nexport type FilterDatePickerProps = {\n  id?: string\n  label: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDatePickerFieldProps, \"id\">\n\nexport const FilterDatePicker = ({\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedDate,\n  label,\n  locale,\n  onDateSubmit,\n  ...restProps\n}: FilterDatePickerProps): JSX.Element => (\n  <Filter\n    isOpen={isOpen}\n    setIsOpen={setIsOpen}\n    renderTrigger={(triggerProps): JSX.Element =>\n      renderTrigger({\n        selectedValue: selectedDate\n          ? formatDateAsText(selectedDate, undefined, getLocale(locale))\n          : undefined,\n        label,\n        ...triggerProps,\n      })\n    }\n  >\n    <FilterContents>\n      <FilterDatePickerField\n        locale={locale}\n        selectedDate={selectedDate}\n        onDateSubmit={date => {\n          setIsOpen(false)\n          onDateSubmit?.(date)\n        }}\n        {...restProps}\n      />\n    </FilterContents>\n  </Filter>\n)\n\nFilterDatePicker.displayName = \"FilterDatePicker\"\n"],"names":["FilterDatePicker","_a","isOpen","setIsOpen","renderTrigger","selectedDate","label","locale","onDateSubmit","restProps","__rest","React","createElement","Filter","triggerProps","__assign","selectedValue","formatDateAsText","undefined","getLocale","FilterContents","FilterDatePickerField","date","displayName"],"mappings":";;;;;;;;;;;;;MAkBaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAST,EAAA;IARtB,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,KAAK,GAAAL,EAAA,CAAAK,KAAA;MACLC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,YAAY,kBAAA;MACTC,SAAS,GARmBC,KAAAA,CAAAA,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,QAAA,EAAA,cAAA,CAShC,CADa;IAC4B,OACxCU,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLX,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACU,YAAY,EAAA;QAC1B,OAAAV,aAAa,CAAAW,KAAAA,CAAAA,QAAA,CAAA;UACXC,aAAa,EAAEX,YAAY,GACvBY,gBAAAA,CAAAA,gBAAgB,CAACZ,YAAY,EAAEa,SAAS,EAAEC,SAAS,CAAAA,SAAA,CAACZ,MAAM,CAAC,CAAC,GAC5DW,SAAS;UACbZ,KAAK,EAAAA;SAAA,EACFQ,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACQ,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbT,KAAA,CAAAC,aAAA,CAACS,2CAAqB,EAAAN,KAAAA,CAAAA,QAAA,CAAA;MACpBR,MAAM,EAAEA,MAAM;MACdF,YAAY,EAAEA,YAAY;MAC1BG,YAAY,EAAE,SAAAA,CAAAc,IAAI,EAAA;QAChBnB,SAAS,CAAC,KAAK,CAAC;QAChBK,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGc,IAAI,CAAC;MACtB;OACIb,SAAS,CAAA,CACb,CACa,CACV;GACV;EAEDT,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;EAAA,OArCpCvB,gBAAgB;AAAA;"}

package/dist/cjs/FilterDatePicker/hooks/useDateInputHandlers.cjs

@@ -1,11 +1,15 @@
 'use strict';
 
-var datePicker = require('@kaizen/date-picker');
-var formatDateAsNumeral = require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
-var isDisabledDate = require('@kaizen/date-picker/src/utils/isDisabledDate');
-var isSelectingDayInCalendar = require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
-var parseDateFromNumeralFormatValue = require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
-var parseDateFromTextFormatValue = require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
+require('../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../Calendar/CalendarRange/CalendarRange.cjs');
+require('tslib');
+var formatDateAsNumeral = require('../../Calendar/utils/formatDateAsNumeral.cjs');
+var formatDateAsText = require('../../Calendar/utils/formatDateAsText.cjs');
+var isDisabledDate = require('../../Calendar/utils/isDisabledDate.cjs');
+var isInvalidDate = require('../../Calendar/utils/isInvalidDate.cjs');
+var isSelectingDayInCalendar = require('../../Calendar/utils/isSelectingDayInCalendar.cjs');
+var parseDateFromNumeralFormatValue = require('../../Calendar/utils/parseDateFromNumeralFormatValue.cjs');
+var parseDateFromTextFormatValue = require('../../Calendar/utils/parseDateFromTextFormatValue.cjs');
 var useDateInputHandlers = function (_a) {
   var locale = _a.locale,
     disabledDays = _a.disabledDays,
@@ -17,7 +21,7 @@ var useDateInputHandlers = function (_a) {
     onBlur = _a.onBlur,
     onKeyDown = _a.onKeyDown;
   var isValidDate = function (date) {
-    return !datePicker.isInvalidDate(date) && !isDisabledDate.isDisabledDate(date, disabledDays);
+    return !isInvalidDate.isInvalidDate(date) && !isDisabledDate.isDisabledDate(date, disabledDays);
   };
   var handleChange = function (e) {
     setInputValue(e.currentTarget.value);
@@ -25,7 +29,7 @@ var useDateInputHandlers = function (_a) {
   };
   var handleFocus = function (e) {
     var date = parseDateFromTextFormatValue.parseDateFromTextFormatValue(e.currentTarget.value, locale);
-    if (!datePicker.isInvalidDate(date)) {
+    if (!isInvalidDate.isInvalidDate(date)) {
       var newInputValue = formatDateAsNumeral.formatDateAsNumeral(date, locale);
       setInputValue(newInputValue);
     }
@@ -40,7 +44,7 @@ var useDateInputHandlers = function (_a) {
     }
     var date = parseDateFromNumeralFormatValue.parseDateFromNumeralFormatValue(e.currentTarget.value, locale);
     if (isValidDate(date)) {
-      var newInputValue = datePicker.formatDateAsText(date, disabledDays, locale);
+      var newInputValue = formatDateAsText.formatDateAsText(date, disabledDays, locale);
       setInputValue(newInputValue);
     }
     onDateChange(date);

package/dist/cjs/FilterDatePicker/hooks/useDateInputHandlers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInputHandlers.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateInputHandlers.ts"],"sourcesContent":["import {\n  DateInputProps,\n  formatDateAsText,\n  isInvalidDate,\n} from \"@kaizen/date-picker\"\nimport { formatDateAsNumeral } from \"@kaizen/date-picker/src/utils/formatDateAsNumeral\"\nimport { isDisabledDate } from \"@kaizen/date-picker/src/utils/isDisabledDate\"\nimport { isSelectingDayInCalendar } from \"@kaizen/date-picker/src/utils/isSelectingDayInCalendar\"\nimport { parseDateFromNumeralFormatValue } from \"@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue\"\nimport { parseDateFromTextFormatValue } from \"@kaizen/date-picker/src/utils/parseDateFromTextFormatValue\"\nimport { DisabledDays } from \"~types/DatePicker\"\n\ntype UseDateInputHandlersArgs = {\n  locale: Locale\n  disabledDays?: DisabledDays\n  setInputValue: (value: string) => void\n  onDateChange: (date: Date | undefined) => void\n  onDateSubmit?: (date: Date) => void\n  onChange?: DateInputProps[\"onChange\"]\n  onFocus?: DateInputProps[\"onFocus\"]\n  onBlur?: DateInputProps[\"onBlur\"]\n  onKeyDown?: DateInputProps[\"onKeyDown\"]\n}\n\ntype UseDateInputHandlersValue = {\n  onChange: DateInputProps[\"onChange\"]\n  onFocus: DateInputProps[\"onFocus\"]\n  onBlur: DateInputProps[\"onBlur\"]\n  onKeyDown: DateInputProps[\"onKeyDown\"]\n}\n\nexport const useDateInputHandlers = ({\n  locale,\n  disabledDays,\n  setInputValue,\n  onDateChange,\n  onDateSubmit,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyDown,\n}: UseDateInputHandlersArgs): UseDateInputHandlersValue => {\n  const isValidDate = (date: Date): boolean =>\n    !isInvalidDate(date) && !isDisabledDate(date, disabledDays)\n\n  const handleChange: DateInputProps[\"onChange\"] = e => {\n    setInputValue(e.currentTarget.value)\n    onChange?.(e)\n  }\n\n  const handleFocus: DateInputProps[\"onFocus\"] = e => {\n    const date = parseDateFromTextFormatValue(e.currentTarget.value, locale)\n    if (!isInvalidDate(date)) {\n      const newInputValue = formatDateAsNumeral(date, locale)\n      setInputValue(newInputValue)\n    }\n    onFocus?.(e)\n  }\n\n  const handleBlur: DateInputProps[\"onBlur\"] = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (e.currentTarget.value === \"\") {\n      onDateChange(undefined)\n      onBlur?.(e)\n      return\n    }\n\n    const date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale)\n\n    if (isValidDate(date)) {\n      const newInputValue = formatDateAsText(date, disabledDays, locale)\n      setInputValue(newInputValue)\n    }\n\n    onDateChange(date)\n    onBlur?.(e)\n  }\n\n  const handleKeyDown: DateInputProps[\"onKeyDown\"] = e => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      const date = parseDateFromNumeralFormatValue(\n        e.currentTarget.value,\n        locale\n      )\n      onDateChange(date)\n      onDateSubmit?.(date)\n    }\n    onKeyDown?.(e)\n  }\n\n  return {\n    onChange: handleChange,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n  }\n}\n"],"names":["useDateInputHandlers","_a","locale","disabledDays","setInputValue","onDateChange","onDateSubmit","onChange","onFocus","onBlur","onKeyDown","isValidDate","date","isInvalidDate","isDisabledDate","handleChange","e","currentTarget","value","handleFocus","parseDateFromTextFormatValue","newInputValue","formatDateAsNumeral","handleBlur","isSelectingDayInCalendar","relatedTarget","undefined","parseDateFromNumeralFormatValue","formatDateAsText","handleKeyDown","key","preventDefault"],"mappings":"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"}
+{"version":3,"file":"useDateInputHandlers.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateInputHandlers.ts"],"sourcesContent":["import {\n  DisabledDays,\n  formatDateAsNumeral,\n  formatDateAsText,\n  isDisabledDate,\n  isInvalidDate,\n  isSelectingDayInCalendar,\n  parseDateFromNumeralFormatValue,\n  parseDateFromTextFormatValue,\n} from \"~components/Calendar\"\nimport { DateInputProps } from \"~components/DateInput\"\n\ntype UseDateInputHandlersArgs = {\n  locale: Locale\n  disabledDays?: DisabledDays\n  setInputValue: (value: string) => void\n  onDateChange: (date: Date | undefined) => void\n  onDateSubmit?: (date: Date) => void\n  onChange?: DateInputProps[\"onChange\"]\n  onFocus?: DateInputProps[\"onFocus\"]\n  onBlur?: DateInputProps[\"onBlur\"]\n  onKeyDown?: DateInputProps[\"onKeyDown\"]\n}\n\ntype UseDateInputHandlersValue = {\n  onChange: DateInputProps[\"onChange\"]\n  onFocus: DateInputProps[\"onFocus\"]\n  onBlur: DateInputProps[\"onBlur\"]\n  onKeyDown: DateInputProps[\"onKeyDown\"]\n}\n\nexport const useDateInputHandlers = ({\n  locale,\n  disabledDays,\n  setInputValue,\n  onDateChange,\n  onDateSubmit,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyDown,\n}: UseDateInputHandlersArgs): UseDateInputHandlersValue => {\n  const isValidDate = (date: Date): boolean =>\n    !isInvalidDate(date) && !isDisabledDate(date, disabledDays)\n\n  const handleChange: DateInputProps[\"onChange\"] = e => {\n    setInputValue(e.currentTarget.value)\n    onChange?.(e)\n  }\n\n  const handleFocus: DateInputProps[\"onFocus\"] = e => {\n    const date = parseDateFromTextFormatValue(e.currentTarget.value, locale)\n    if (!isInvalidDate(date)) {\n      const newInputValue = formatDateAsNumeral(date, locale)\n      setInputValue(newInputValue)\n    }\n    onFocus?.(e)\n  }\n\n  const handleBlur: DateInputProps[\"onBlur\"] = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (e.currentTarget.value === \"\") {\n      onDateChange(undefined)\n      onBlur?.(e)\n      return\n    }\n\n    const date = parseDateFromNumeralFormatValue(e.currentTarget.value, locale)\n\n    if (isValidDate(date)) {\n      const newInputValue = formatDateAsText(date, disabledDays, locale)\n      setInputValue(newInputValue)\n    }\n\n    onDateChange(date)\n    onBlur?.(e)\n  }\n\n  const handleKeyDown: DateInputProps[\"onKeyDown\"] = e => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      const date = parseDateFromNumeralFormatValue(\n        e.currentTarget.value,\n        locale\n      )\n      onDateChange(date)\n      onDateSubmit?.(date)\n    }\n    onKeyDown?.(e)\n  }\n\n  return {\n    onChange: handleChange,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n  }\n}\n"],"names":["useDateInputHandlers","_a","locale","disabledDays","setInputValue","onDateChange","onDateSubmit","onChange","onFocus","onBlur","onKeyDown","isValidDate","date","isInvalidDate","isDisabledDate","handleChange","e","currentTarget","value","handleFocus","parseDateFromTextFormatValue","newInputValue","formatDateAsNumeral","handleBlur","isSelectingDayInCalendar","relatedTarget","undefined","parseDateFromNumeralFormatValue","formatDateAsText","handleKeyDown","key","preventDefault"],"mappings":"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"}

package/dist/cjs/FilterDatePicker/hooks/useDateValidation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDateValidation.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateValidation.ts"],"sourcesContent":["import { useState } from \"react\"\nimport { DisabledDays } from \"~types/DatePicker\"\nimport { ValidationMessage, DateValidationResponse } from \"../types\"\nimport { getDateValidationHandler } from \"../utils/getDateValidationHandler\"\nimport { validateDate } from \"../utils/validateDate\"\n\nexport type UseDateValidationArgs = {\n  inputLabel?: React.ReactNode\n  disabledDays?: DisabledDays\n  validationMessage?: ValidationMessage\n  onValidate?: (validationResponse: DateValidationResponse) => void\n}\n\nexport type UseDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => ReturnType<typeof validateDate>\n  updateValidation: (validationResponse: DateValidationResponse) => void\n}\n\nexport const useDateValidation = ({\n  inputLabel,\n  disabledDays,\n  validationMessage,\n  onValidate,\n}: UseDateValidationArgs): UseDateValidationValue => {\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    ValidationMessage | undefined\n  >()\n\n  const shouldUseInbuiltDateValidation = onValidate === undefined\n\n  const updateValidation = getDateValidationHandler({\n    onValidate,\n    setInbuiltValidationMessage,\n    inputLabel,\n  })\n\n  const validateSingleDate: UseDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) =>\n    validateDate({\n      date,\n      inputValue,\n      disabledDays,\n    })\n\n  return {\n    validationMessage: shouldUseInbuiltDateValidation\n      ? inbuiltValidationMessage\n      : validationMessage,\n    validateDate: validateSingleDate,\n    updateValidation,\n  }\n}\n"],"names":["useDateValidation","_a","inputLabel","disabledDays","validationMessage","onValidate","_b","useState","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltDateValidation","undefined","updateValidation","getDateValidationHandler","validateSingleDate","date","inputValue","validateDate"],"mappings":";;;;;AAsBO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJtBC,UAAU,GAAAD,EAAA,CAAAC,UAAA;IACVC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;IACjBC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;EAEJ,IAAAC,EAAA,GAA0DC,cAAQ,CAErE,CAAA;IAFIC,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,2BAA2B,GAAAH,EAAA,CAAA,CAAA,CAEzD;EAEH,IAAMI,8BAA8B,GAAGL,UAAU,KAAKM,SAAS;EAE/D,IAAMC,gBAAgB,GAAGC,wBAAAA,CAAAA,wBAAwB,CAAC;IAChDR,UAAU,EAAAA,UAAA;IACVI,2BAA2B,EAAAA,2BAAA;IAC3BP,UAAU,EAAAA;EACX,CAAA,CAAC;EAEF,IAAMY,kBAAkB,GAA2C,SAAAA,CAACb,EAGnE,EAAA;QAFCc,IAAI,GAAAd,EAAA,CAAAc,IAAA;MACJC,UAAU,GAAAf,EAAA,CAAAe,UAAA;IAEV,OAAAC,yBAAY,CAAC;MACXF,IAAI,EAAAA,IAAA;MACJC,UAAU,EAAAA,UAAA;MACVb,YAAY,EAAAA;KACb,CAAC;EAJF,CAIE;EAEJ,OAAO;IACLC,iBAAiB,EAAEM,8BAA8B,GAC7CF,wBAAwB,GACxBJ,iBAAiB;IACrBa,YAAY,EAAEH,kBAAkB;IAChCF,gBAAgB,EAAAA;GACjB;AACH,CAAA;"}
+{"version":3,"file":"useDateValidation.cjs","sources":["../../../../src/FilterDatePicker/hooks/useDateValidation.ts"],"sourcesContent":["import { useState } from \"react\"\nimport { DisabledDays } from \"~components/Calendar\"\nimport { ValidationMessage, DateValidationResponse } from \"../types\"\nimport { getDateValidationHandler } from \"../utils/getDateValidationHandler\"\nimport { validateDate } from \"../utils/validateDate\"\n\nexport type UseDateValidationArgs = {\n  inputLabel?: React.ReactNode\n  disabledDays?: DisabledDays\n  validationMessage?: ValidationMessage\n  onValidate?: (validationResponse: DateValidationResponse) => void\n}\n\nexport type UseDateValidationValue = {\n  validationMessage: ValidationMessage | undefined\n  validateDate: (args: {\n    date: Date | undefined\n    inputValue: string\n  }) => ReturnType<typeof validateDate>\n  updateValidation: (validationResponse: DateValidationResponse) => void\n}\n\nexport const useDateValidation = ({\n  inputLabel,\n  disabledDays,\n  validationMessage,\n  onValidate,\n}: UseDateValidationArgs): UseDateValidationValue => {\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    ValidationMessage | undefined\n  >()\n\n  const shouldUseInbuiltDateValidation = onValidate === undefined\n\n  const updateValidation = getDateValidationHandler({\n    onValidate,\n    setInbuiltValidationMessage,\n    inputLabel,\n  })\n\n  const validateSingleDate: UseDateValidationValue[\"validateDate\"] = ({\n    date,\n    inputValue,\n  }) =>\n    validateDate({\n      date,\n      inputValue,\n      disabledDays,\n    })\n\n  return {\n    validationMessage: shouldUseInbuiltDateValidation\n      ? inbuiltValidationMessage\n      : validationMessage,\n    validateDate: validateSingleDate,\n    updateValidation,\n  }\n}\n"],"names":["useDateValidation","_a","inputLabel","disabledDays","validationMessage","onValidate","_b","useState","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltDateValidation","undefined","updateValidation","getDateValidationHandler","validateSingleDate","date","inputValue","validateDate"],"mappings":";;;;;AAsBO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,EAKV,EAAA;MAJtBC,UAAU,GAAAD,EAAA,CAAAC,UAAA;IACVC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IACZC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;IACjBC,UAAU,GAAAJ,EAAA,CAAAI,UAAA;EAEJ,IAAAC,EAAA,GAA0DC,cAAQ,CAErE,CAAA;IAFIC,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,2BAA2B,GAAAH,EAAA,CAAA,CAAA,CAEzD;EAEH,IAAMI,8BAA8B,GAAGL,UAAU,KAAKM,SAAS;EAE/D,IAAMC,gBAAgB,GAAGC,wBAAAA,CAAAA,wBAAwB,CAAC;IAChDR,UAAU,EAAAA,UAAA;IACVI,2BAA2B,EAAAA,2BAAA;IAC3BP,UAAU,EAAAA;EACX,CAAA,CAAC;EAEF,IAAMY,kBAAkB,GAA2C,SAAAA,CAACb,EAGnE,EAAA;QAFCc,IAAI,GAAAd,EAAA,CAAAc,IAAA;MACJC,UAAU,GAAAf,EAAA,CAAAe,UAAA;IAEV,OAAAC,yBAAY,CAAC;MACXF,IAAI,EAAAA,IAAA;MACJC,UAAU,EAAAA,UAAA;MACVb,YAAY,EAAAA;KACb,CAAC;EAJF,CAIE;EAEJ,OAAO;IACLC,iBAAiB,EAAEM,8BAA8B,GAC7CF,wBAAwB,GACxBJ,iBAAiB;IACrBa,YAAY,EAAEH,kBAAkB;IAChCF,gBAAgB,EAAAA;GACjB;AACH,CAAA;"}

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":"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"}

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,