@egov3/system-design 1.3.122 → 1.3.124

package/dist/cjs/components/Calendar/Body/CalendarBody.module.css.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".CalendarBody-module_wrapper__fd17C {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_header__33b3Q {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.CalendarBody-module_monthYear__efUvQ {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  color: var(--text-primary);\n}\n\n.CalendarBody-module_yearButton__Y76y1 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.CalendarBody-module_navButton__cGVVz {\n  padding: 0;\n  cursor: pointer;\n}\n\n.CalendarBody-module_weekDays__zXG3- {\n  height: 24px;\n}\n\n.CalendarBody-module_grid__HNGTZ,\n.CalendarBody-module_weekDays__zXG3- {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  column-gap: calc((100% - 7 * 28px) / 6);\n  text-align: center;\n}\n\n.CalendarBody-module_weekDay__hzksZ,\n.CalendarBody-module_day__0KNDZ {\n  width: 28px;\n}\n\n.CalendarBody-module_day__0KNDZ {\n  cursor: pointer;\n  color: var(--text-primary);\n  height: 28px;\n}\n\n.CalendarBody-module_muted__8XysY {\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_hiddenDay__mCCeF {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.CalendarBody-module_selected__86UkJ {\n  background-color: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n  border-radius: 100px;\n}\n";
-var styles = {"wrapper":"CalendarBody-module_wrapper__fd17C","header":"CalendarBody-module_header__33b3Q","monthYear":"CalendarBody-module_monthYear__efUvQ","yearButton":"CalendarBody-module_yearButton__Y76y1","navButton":"CalendarBody-module_navButton__cGVVz","weekDays":"CalendarBody-module_weekDays__zXG3-","grid":"CalendarBody-module_grid__HNGTZ","weekDay":"CalendarBody-module_weekDay__hzksZ","day":"CalendarBody-module_day__0KNDZ","hiddenDay":"CalendarBody-module_hiddenDay__mCCeF","selected":"CalendarBody-module_selected__86UkJ"};
+var css_248z = ".CalendarBody-module_wrapper__fd17C {\n  display: flex;\n  flex-direction: column;\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_header__33b3Q {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.CalendarBody-module_monthYear__efUvQ {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  color: var(--text-primary);\n}\n\n.CalendarBody-module_yearButton__Y76y1 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.CalendarBody-module_navButton__cGVVz {\n  padding: 0;\n  cursor: pointer;\n}\n\n.CalendarBody-module_weekDays__zXG3- {\n  height: 24px;\n}\n\n.CalendarBody-module_grid__HNGTZ,\n.CalendarBody-module_weekDays__zXG3- {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  column-gap: calc((100% - 7 * 28px) / 6);\n  text-align: center;\n}\n\n.CalendarBody-module_weekDay__hzksZ,\n.CalendarBody-module_day__0KNDZ {\n  width: 28px;\n}\n\n.CalendarBody-module_day__0KNDZ {\n  cursor: pointer;\n  color: var(--text-primary);\n  height: 28px;\n}\n\n.CalendarBody-module_muted__8XysY {\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_hiddenDay__mCCeF {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.CalendarBody-module_disabledDay__aHTaz {\n  color: var(--text-disabled-color);\n  cursor: not-allowed;\n}\n\n.CalendarBody-module_selected__86UkJ {\n  background-color: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n  border-radius: 100px;\n}\n\n.CalendarBody-module_years__4Peqd {\n  max-height: calc(5 * 24px + 4 * 6px);\n  margin: 8px;\n  overflow-y: auto;\n  display: grid;\n  grid-auto-rows: 24px;\n  row-gap: 6px;\n}\n\n.CalendarBody-module_yearItem__mr9MS {\n  cursor: pointer;\n  color: var(--text-disabled-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.CalendarBody-module_yearItemSelected__HsDcR {\n  color: var(--text-primary);\n}\n";
+var styles = {"wrapper":"CalendarBody-module_wrapper__fd17C","header":"CalendarBody-module_header__33b3Q","monthYear":"CalendarBody-module_monthYear__efUvQ","yearButton":"CalendarBody-module_yearButton__Y76y1","navButton":"CalendarBody-module_navButton__cGVVz","weekDays":"CalendarBody-module_weekDays__zXG3-","grid":"CalendarBody-module_grid__HNGTZ","weekDay":"CalendarBody-module_weekDay__hzksZ","day":"CalendarBody-module_day__0KNDZ","hiddenDay":"CalendarBody-module_hiddenDay__mCCeF","disabledDay":"CalendarBody-module_disabledDay__aHTaz","selected":"CalendarBody-module_selected__86UkJ"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/cjs/components/Calendar/Body/index.js

@@ -3,30 +3,38 @@
 var jsxRuntime = require('react/jsx-runtime');
 var graphics = require('@egov3/graphics');
 var index = require('../../../baseComponents/index.js');
+var index$1 = require('../../../constants/calendar/index.js');
 var getMonthNameProper = require('../../../utils/date/getMonthNameProper.js');
 var joinClasses = require('../../../utils/joinClasses.js');
 var useCalendar = require('../../../customHooks/useCalendar.js');
 var CalendarBody_module = require('./CalendarBody.module.css.js');
 
 const WEEK_DAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, onDayClick, onMonthChange, }) => {
-    const { days, visibleMonth, visibleYear, changeMonth } = useCalendar.useCalendarBody({
+const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, rangeStart = null, rangeEnd = null, selectedPeriodInterval = index$1.PERIOD_KEYS.from, onDayClick, onMonthChange, }) => {
+    const { days, visibleMonth, visibleYear, isYearPickerOpen, setIsYearPickerOpen, changeMonth} = useCalendar.useCalendar({
         month,
         year,
         selectedDate,
+        selectedPeriodInterval,
+        rangeStart,
+        rangeEnd,
         onMonthChange,
     });
     const monthName = getMonthNameProper.getMonthNameProper(visibleMonth);
-    return (jsxRuntime.jsxs("div", { className: CalendarBody_module.default.wrapper, "data-testid": "CalendarBody", children: [jsxRuntime.jsxs("div", { className: CalendarBody_module.default.header, children: [jsxRuntime.jsxs("div", { className: CalendarBody_module.default.monthYear, "data-testid": "Calendar_MONTH_YEAR_LABEL", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "CalendarBody_MONTH_YEAR", children: monthName }), jsxRuntime.jsxs("button", { className: CalendarBody_module.default.yearButton, type: "button", onClick: () => { }, "data-testid": "Calendar_CHOOSE_YEAR_BTN", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "Calendar_CURRENT_YEAR", children: visibleYear }), jsxRuntime.jsx(graphics.Icons.Basic.ChevronDownSmall, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" })] })] }), jsxRuntime.jsx("button", { className: CalendarBody_module.default.navButton, type: "button", onClick: () => {
-                            changeMonth(-1);
-                        }, "data-testid": "Calendar_PREV_MONTH_BTN", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) }), jsxRuntime.jsx("button", { className: CalendarBody_module.default.navButton, type: "button", onClick: () => {
-                            changeMonth(1);
-                        }, "data-testid": "Calendar_NEXT_MONTH_BTN", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronRight, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) })] }), jsxRuntime.jsx("div", { className: CalendarBody_module.default.weekDays, children: WEEK_DAYS.map((day) => (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", className: CalendarBody_module.default.weekDay, children: day }, day))) }), jsxRuntime.jsx("div", { className: CalendarBody_module.default.grid, children: days.map((cell) => {
-                    return (jsxRuntime.jsx("button", { type: "button", className: joinClasses.joinClasses(CalendarBody_module.default.day, !cell.isCurrentMonth && CalendarBody_module.default.hiddenDay, cell.isToday && CalendarBody_module.default.today, cell.isSelected && CalendarBody_module.default.selected), onClick: () => {
-                            if (cell.isCurrentMonth) {
+    return (jsxRuntime.jsxs("div", { className: CalendarBody_module.default.wrapper, "data-testid": "CalendarBody", children: [jsxRuntime.jsxs("div", { className: CalendarBody_module.default.header, children: [jsxRuntime.jsxs("div", { className: CalendarBody_module.default.monthYear, "data-testid": "Calendar_MONTH_YEAR_LABEL", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "CalendarBody_MONTH_YEAR", children: monthName }), jsxRuntime.jsxs("button", { className: CalendarBody_module.default.yearButton, type: "button", onClick: () => {
+                                    setIsYearPickerOpen(true);
+                                }, "data-testid": "Calendar_CHOOSE_YEAR_BTN", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "Calendar_CURRENT_YEAR", children: visibleYear }), jsxRuntime.jsx(graphics.Icons.Basic.ChevronDownSmall, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" })] })] }), isYearPickerOpen ? (jsxRuntime.jsx("button", { type: "button", onClick: () => {
+                            setIsYearPickerOpen(false);
+                        }, "data-testid": "Calendar_CLOSE_YEAR_PICKER_BTN", children: jsxRuntime.jsx(graphics.Icons.General.Close, { width: "24px", height: "24px" }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { className: CalendarBody_module.default.navButton, type: "button", onClick: () => {
+                                    changeMonth(-1);
+                                }, "data-testid": "Calendar_PREV_MONTH_BTN", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) }), jsxRuntime.jsx("button", { className: CalendarBody_module.default.navButton, type: "button", onClick: () => {
+                                    changeMonth(1);
+                                }, "data-testid": "Calendar_NEXT_MONTH_BTN", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronRight, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) })] }))] }), jsxRuntime.jsx("div", { className: CalendarBody_module.default.weekDays, children: WEEK_DAYS.map((day) => (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", className: CalendarBody_module.default.weekDay, children: day }, day))) }), jsxRuntime.jsx("div", { className: CalendarBody_module.default.grid, children: days.map((cell) => {
+                    return (jsxRuntime.jsx("button", { type: "button", className: joinClasses.joinClasses(CalendarBody_module.default.day, !cell.isCurrentMonth && CalendarBody_module.default.hiddenDay, cell.isDisabled && CalendarBody_module.default.disabledDay, cell.isInRange && CalendarBody_module.default.inRange, cell.isToday && CalendarBody_module.default.today, cell.isSelected && CalendarBody_module.default.selected), onClick: () => {
+                            if (cell.isCurrentMonth && !cell.isDisabled) {
                                 onDayClick?.(cell.date);
                             }
-                        }, disabled: !cell.isCurrentMonth, "data-testid": `CalendarBody_DAY_${cell.date.toISOString().slice(0, 10)}`, children: cell.isCurrentMonth && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", children: cell.day })) }, cell.date.toISOString()));
+                        }, disabled: !cell.isCurrentMonth || cell.isDisabled, "data-testid": `CalendarBody_DAY_${cell.date.toISOString().slice(0, 10)}`, children: cell.isCurrentMonth && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", children: cell.day })) }, cell.date.toISOString()));
                 }) })] }));
 };
 

package/dist/cjs/components/Calendar/Body/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Body/index.tsx"],"sourcesContent":[null],"names":["useCalendarBody","getMonthNameProper","_jsxs","styles","_jsx","BaseComponents","Icons","joinClasses"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Body/index.tsx"],"sourcesContent":[null],"names":["PERIOD_KEYS","useCalendar","getMonthNameProper","_jsxs","styles","_jsx","BaseComponents","Icons","joinClasses"],"mappings":"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"}

package/dist/cjs/components/Calendar/Header/CalendarHeader.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".CalendarHeader-module_tab__-gPIw {\n  width: 368px;\n  display: flex;\n  gap: 8px;\n}\n";
+var styles = {"tab":"CalendarHeader-module_tab__-gPIw"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=CalendarHeader.module.css.js.map

package/dist/cjs/components/Calendar/Header/CalendarHeader.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/Calendar/Header/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index$1 = require('../../../baseComponents/index.js');
+var index = require('../../../constants/calendar/index.js');
+var joinClasses = require('../../../utils/joinClasses.js');
+var CalendarHeader_module = require('./CalendarHeader.module.css.js');
+
+const CalendarHeader = ({ setSelectedPeriodInterval, selectedPeriodInterval, selectedPeriod, }) => {
+    const tabs = [
+        { key: index.PERIOD_KEYS.from, label: "Период с" },
+        { key: index.PERIOD_KEYS.to, label: "Период до" },
+    ];
+    return (jsxRuntime.jsx("div", { "data-testid": "CalendarTab_WRAP", className: CalendarHeader_module.default.tab, children: tabs.map((tab) => (jsxRuntime.jsx("button", { type: "button", "data-testid": `CalendarTabButton_${tab.key.toUpperCase()}`, className: joinClasses.joinClasses(selectedPeriodInterval === tab.key
+                ? CalendarHeader_module.default.titleActiv
+                : CalendarHeader_module.default.title), onClick: () => {
+                setSelectedPeriodInterval(tab.key);
+            }, "aria-label": `Кнопка ${tab.label}`, children: jsxRuntime.jsx(index$1.BaseComponents.Typography, { "data-testid": `CalendarTabTitle_${tab.key.toUpperCase()}`, tag: "span", fontClass: "body1Medium", "aria-label": tab.label, children: `${tab.label} ${selectedPeriod[`${tab.key}Date`] || "..."}` }) }, tab.key))) }));
+};
+
+exports.CalendarHeader = CalendarHeader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Calendar/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Header/index.tsx"],"sourcesContent":[null],"names":["PERIOD_KEYS","_jsx","styles","joinClasses","BaseComponents"],"mappings":";;;;;;;;AAYO,MAAM,cAAc,GAAG,CAAC,EAC7B,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,GACD,KAAI;AACjB,IAAA,MAAM,IAAI,GAA0C;QAClD,EAAE,GAAG,EAAEA,iBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE;QAC5C,EAAE,GAAG,EAAEA,iBAAW,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;KAC5C;AACD,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAEC,6BAAM,CAAC,GAAG,YACtD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MACZD,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EAEA,CAAA,kBAAA,EAAqB,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,EACzD,SAAS,EAAEE,uBAAW,CACpB,sBAAsB,KAAK,GAAG,CAAC;kBAC3BD,6BAAM,CAAC;kBACPA,6BAAM,CAAC,KAAK,CACjB,EACD,OAAO,EAAE,MAAK;AACZ,gBAAA,yBAAyB,CAAC,GAAG,CAAC,GAAG,CAAC;YACpC,CAAC,EAAA,YAAA,EACW,CAAA,OAAA,EAAU,GAAG,CAAC,KAAK,CAAA,CAAE,EAAA,QAAA,EAEjCD,cAAA,CAACG,sBAAc,CAAC,UAAU,EAAA,EAAA,aAAA,EACX,CAAA,iBAAA,EAAoB,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,CAAA,CAAE,EACxD,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,aAAa,EAAA,YAAA,EACX,GAAG,CAAC,KAAK,EAAA,QAAA,EAEpB,CAAA,EAAG,GAAG,CAAC,KAAK,CAAA,CAAA,EAAI,cAAc,CAAC,CAAA,EAAG,GAAG,CAAC,GAAG,CAAA,IAAA,CAAM,CAAC,IAAI,KAAK,CAAA,CAAE,EAAA,CAClC,EAAA,EAnBvB,GAAG,CAAC,GAAG,CAoBL,CACV,CAAC,EAAA,CACE;AAEV;;;;"}

package/dist/cjs/components/Calendar/index.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index$1 = require('../../baseComponents/index.js');
+var index = require('../../constants/calendar/index.js');
+var convertType = require('../../utils/date/convertType.js');
+var index$3 = require('./Body/index.js');
+var index$2 = require('./Header/index.js');
+
+const toDateString = (date) => `${convertType.convertType.day.toString(date.getDate())}.${convertType.convertType.month.toString(date.getMonth())}.${date.getFullYear()}`;
+const toDate = (value) => {
+    if (!value)
+        return null;
+    const [day, month, year] = value.split(".").map(Number);
+    return new Date(year, month - 1, day);
+};
+const Calendar = () => {
+    const [selectedPeriodInterval, setSelectedPeriodInterval] = React.useState(index.PERIOD_KEYS.from);
+    const [selectedPeriod, setSelectedPeriod] = React.useState({
+        fromDate: "",
+        toDate: "",
+        periodSelected: false,
+    });
+    const rangeStart = toDate(selectedPeriod.fromDate);
+    const rangeEnd = toDate(selectedPeriod.toDate);
+    const visibleDate = React.useMemo(() => (selectedPeriodInterval === index.PERIOD_KEYS.to ? rangeEnd : rangeStart) ??
+        new Date(), [rangeEnd, rangeStart, selectedPeriodInterval]);
+    const handleDayClick = (date) => {
+        setSelectedPeriod((current) => {
+            const next = {
+                ...current,
+                [`${selectedPeriodInterval}Date`]: toDateString(date),
+                isAllSelected: false,
+            };
+            return {
+                ...next,
+                periodSelected: Boolean(next.fromDate && next.toDate),
+            };
+        });
+    };
+    const handlePeriodChange = (periodKey) => {
+        setSelectedPeriodInterval(periodKey);
+    };
+    return (jsxRuntime.jsxs(index$1.BaseComponents.Modal, { variant: "small", setIsOpen: () => { }, isOpen: true, lang: "ru", children: [jsxRuntime.jsx(index$2.CalendarHeader, { selectedPeriod: selectedPeriod, selectedPeriodInterval: selectedPeriodInterval, setSelectedPeriodInterval: handlePeriodChange }), jsxRuntime.jsx(index$3.CalendarBody, { month: visibleDate.getMonth(), year: visibleDate.getFullYear(), selectedDate: selectedPeriodInterval === index.PERIOD_KEYS.from ? rangeStart : rangeEnd, selectedPeriodInterval: selectedPeriodInterval, rangeStart: rangeStart, rangeEnd: rangeEnd, onDayClick: handleDayClick })] }));
+};
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/index.tsx"],"sourcesContent":[null],"names":["convertType","useState","PERIOD_KEYS","useMemo","_jsxs","BaseComponents","_jsx","CalendarHeader","CalendarBody"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAY,GAAG,CAAC,IAAU,KAC9B,CAAA,EAAGA,uBAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA,CAAA,EAAIA,uBAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AACpH,MAAM,MAAM,GAAG,CAAC,KAAc,KAAI;AAChC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;AACvB,IAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;IACvD,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC;AACvC,CAAC;AAEM,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GACvDC,cAAQ,CAAcC,iBAAW,CAAC,IAAI,CAAC;AACzC,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGD,cAAQ,CAAkB;AACpE,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,cAAc,EAAE,KAAK;AACtB,KAAA,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;IAC9C,MAAM,WAAW,GAAGE,aAAO,CACzB,MACE,CAAC,sBAAsB,KAAKD,iBAAW,CAAC,EAAE,GAAG,QAAQ,GAAG,UAAU;QAClE,IAAI,IAAI,EAAE,EACZ,CAAC,QAAQ,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAC/C;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,IAAU,KAAI;AACpC,QAAA,iBAAiB,CAAC,CAAC,OAAO,KAAI;AAC5B,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,GAAG,OAAO;gBACV,CAAC,CAAA,EAAG,sBAAsB,CAAA,IAAA,CAAM,GAAG,YAAY,CAAC,IAAI,CAAC;AACrD,gBAAA,aAAa,EAAE,KAAK;aACrB;YACD,OAAO;AACL,gBAAA,GAAG,IAAI;gBACP,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC;aACtD;AACH,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,SAAsB,KAAI;QACpD,yBAAyB,CAAC,SAAS,CAAC;AACtC,IAAA,CAAC;IAED,QACEE,gBAACC,sBAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,MAAK,EAAE,CAAC,EACnB,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,IAAI,EAAA,QAAA,EAAA,CAETC,eAACC,sBAAc,EAAA,EACb,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,kBAAkB,EAAA,CAC7C,EACFD,cAAA,CAACE,oBAAY,IACX,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC7B,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,EAC/B,YAAY,EACV,sBAAsB,KAAKN,iBAAW,CAAC,IAAI,GAAG,UAAU,GAAG,QAAQ,EAErE,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,cAAc,EAAA,CAC1B,CAAA,EAAA,CACmB;AAE3B;;;;"}

package/dist/cjs/components/index.js

@@ -1,61 +1,63 @@
 'use strict';
 
 require('../styles/colors.css.js');
+var index$1 = require('./Calendar/index.js');
 var index = require('./Calendar/Body/index.js');
-var index$l = require('./ErrorModal/index.js');
-var index$q = require('./Identity/Agreement/index.js');
-var index$p = require('./Identity/Auth/index.js');
-var index$n = require('./Identity/EdsSuccess/index.js');
-var index$5 = require('./Identity/HelpInstruction/index.js');
-var index$f = require('./Identity/IdentityHeader/index.js');
-var index$e = require('./Identity/IdentityModal/index.js');
-var index$m = require('./Messages/EmptyMessages/index.js');
-var index$i = require('./Messages/HelpNotification/index.js');
-var index$h = require('./Messages/HelpNotificationItem/index.js');
-var index$d = require('./Messages/MsgBody/index.js');
-var index$c = require('./Messages/MsgComponentHeader/index.js');
-var index$b = require('./Messages/MsgSearch/index.js');
-var index$6 = require('./Navigation/ViewToggle/index.js');
-var index$2 = require('./Notification/Item/index.js');
-var index$1 = require('./Notification/Wrapper/index.js');
-var index$4 = require('./Presale/index.js');
-var index$o = require('./Profile/DocCard/index.js');
-var index$g = require('./Profile/IconToggleItem/index.js');
-var index$9 = require('./Profile/ProfileHealthGeneral/index.js');
-var index$8 = require('./Profile/RightMenuSectionItem/index.js');
-var index$7 = require('./Profile/SetUpAccess/index.js');
-var index$3 = require('./ServiceCardComponent/index.js');
-var index$k = require('./Services/Feedback/index.js');
-var index$j = require('./Services/FileForUpload/index.js');
-var index$a = require('./Services/NextStepComponent/index.js');
+var index$m = require('./ErrorModal/index.js');
+var index$r = require('./Identity/Agreement/index.js');
+var index$q = require('./Identity/Auth/index.js');
+var index$o = require('./Identity/EdsSuccess/index.js');
+var index$6 = require('./Identity/HelpInstruction/index.js');
+var index$g = require('./Identity/IdentityHeader/index.js');
+var index$f = require('./Identity/IdentityModal/index.js');
+var index$n = require('./Messages/EmptyMessages/index.js');
+var index$j = require('./Messages/HelpNotification/index.js');
+var index$i = require('./Messages/HelpNotificationItem/index.js');
+var index$e = require('./Messages/MsgBody/index.js');
+var index$d = require('./Messages/MsgComponentHeader/index.js');
+var index$c = require('./Messages/MsgSearch/index.js');
+var index$7 = require('./Navigation/ViewToggle/index.js');
+var index$3 = require('./Notification/Item/index.js');
+var index$2 = require('./Notification/Wrapper/index.js');
+var index$5 = require('./Presale/index.js');
+var index$p = require('./Profile/DocCard/index.js');
+var index$h = require('./Profile/IconToggleItem/index.js');
+var index$a = require('./Profile/ProfileHealthGeneral/index.js');
+var index$9 = require('./Profile/RightMenuSectionItem/index.js');
+var index$8 = require('./Profile/SetUpAccess/index.js');
+var index$4 = require('./ServiceCardComponent/index.js');
+var index$l = require('./Services/Feedback/index.js');
+var index$k = require('./Services/FileForUpload/index.js');
+var index$b = require('./Services/NextStepComponent/index.js');
 
 const Components = {
-    Agreement: index$q.Agreement,
-    Auth: index$p.Auth,
-    DocCard: index$o.DocCard,
-    EdsSuccess: index$n.EdsSuccess,
-    EmptyMessages: index$m.EmptyMessages,
-    ErrorModal: index$l.ErrorModal,
-    Feedback: index$k.Feedback,
-    FileForUpload: index$j.FileForUpload,
-    HelpNotification: index$i.HelpNotification,
-    HelpNotificationItem: index$h.HelpNotificationItem,
-    IconToggleItem: index$g.IconToggleItem,
-    IdentityHeader: index$f.IdentityHeader,
-    IdentityModal: index$e.IdentityModal,
-    MsgBody: index$d.MsgBody,
-    MsgComponentHeader: index$c.MsgComponentHeader,
-    MsgSearch: index$b.MsgSearch,
-    NextStepComponent: index$a.NextStepComponent,
-    ProfileHealthGeneral: index$9.ProfileHealthGeneral,
-    RightMenuSectionItem: index$8.RightMenuSectionItem,
-    SetUpAccess: index$7.SetUpAccess,
-    ViewToggle: index$6.ViewToggle,
-    HelpInstruction: index$5.HelpInstruction,
-    PresaleComponent: index$4.PresaleComponent,
-    ServiceCardComponent: index$3.ServiceCardComponent,
-    NotificationItem: index$2.NotificationItem,
-    NotificationWrapper: index$1.NotificationWrapper,
+    Agreement: index$r.Agreement,
+    Auth: index$q.Auth,
+    DocCard: index$p.DocCard,
+    EdsSuccess: index$o.EdsSuccess,
+    EmptyMessages: index$n.EmptyMessages,
+    ErrorModal: index$m.ErrorModal,
+    Feedback: index$l.Feedback,
+    FileForUpload: index$k.FileForUpload,
+    HelpNotification: index$j.HelpNotification,
+    HelpNotificationItem: index$i.HelpNotificationItem,
+    IconToggleItem: index$h.IconToggleItem,
+    IdentityHeader: index$g.IdentityHeader,
+    IdentityModal: index$f.IdentityModal,
+    MsgBody: index$e.MsgBody,
+    MsgComponentHeader: index$d.MsgComponentHeader,
+    MsgSearch: index$c.MsgSearch,
+    NextStepComponent: index$b.NextStepComponent,
+    ProfileHealthGeneral: index$a.ProfileHealthGeneral,
+    RightMenuSectionItem: index$9.RightMenuSectionItem,
+    SetUpAccess: index$8.SetUpAccess,
+    ViewToggle: index$7.ViewToggle,
+    HelpInstruction: index$6.HelpInstruction,
+    PresaleComponent: index$5.PresaleComponent,
+    ServiceCardComponent: index$4.ServiceCardComponent,
+    NotificationItem: index$3.NotificationItem,
+    NotificationWrapper: index$2.NotificationWrapper,
+    Calendar: index$1.Calendar,
     CalendarBody: index.CalendarBody,
 };
 

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Agreement","Auth","DocCard","EdsSuccess","EmptyMessages","ErrorModal","Feedback","FileForUpload","HelpNotification","HelpNotificationItem","IconToggleItem","IdentityHeader","IdentityModal","MsgBody","MsgComponentHeader","MsgSearch","NextStepComponent","ProfileHealthGeneral","RightMenuSectionItem","SetUpAccess","ViewToggle","HelpInstruction","PresaleComponent","ServiceCardComponent","NotificationItem","NotificationWrapper","CalendarBody"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,UAAU,GAAG;eACxBA,iBAAS;UACTC,YAAI;aACJC,eAAO;gBACPC,kBAAU;mBACVC,qBAAa;gBACbC,kBAAU;cACVC,gBAAQ;mBACRC,qBAAa;sBACbC,wBAAgB;0BAChBC,4BAAoB;oBACpBC,sBAAc;oBACdC,sBAAc;mBACdC,qBAAa;aACbC,eAAO;wBACPC,0BAAkB;eAClBC,iBAAS;uBACTC,yBAAiB;0BACjBC,4BAAoB;0BACpBC,4BAAoB;iBACpBC,mBAAW;gBACXC,kBAAU;qBACVC,uBAAe;sBACfC,wBAAgB;0BAChBC,4BAAoB;sBACpBC,wBAAgB;yBAChBC,2BAAmB;kBACnBC,kBAAY;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Agreement","Auth","DocCard","EdsSuccess","EmptyMessages","ErrorModal","Feedback","FileForUpload","HelpNotification","HelpNotificationItem","IconToggleItem","IdentityHeader","IdentityModal","MsgBody","MsgComponentHeader","MsgSearch","NextStepComponent","ProfileHealthGeneral","RightMenuSectionItem","SetUpAccess","ViewToggle","HelpInstruction","PresaleComponent","ServiceCardComponent","NotificationItem","NotificationWrapper","Calendar","CalendarBody"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,MAAM,UAAU,GAAG;eACxBA,iBAAS;UACTC,YAAI;aACJC,eAAO;gBACPC,kBAAU;mBACVC,qBAAa;gBACbC,kBAAU;cACVC,gBAAQ;mBACRC,qBAAa;sBACbC,wBAAgB;0BAChBC,4BAAoB;oBACpBC,sBAAc;oBACdC,sBAAc;mBACdC,qBAAa;aACbC,eAAO;wBACPC,0BAAkB;eAClBC,iBAAS;uBACTC,yBAAiB;0BACjBC,4BAAoB;0BACpBC,4BAAoB;iBACpBC,mBAAW;gBACXC,kBAAU;qBACVC,uBAAe;sBACfC,wBAAgB;0BAChBC,4BAAoB;sBACpBC,wBAAgB;yBAChBC,2BAAmB;cACnBC,gBAAQ;kBACRC,kBAAY;;;;;"}

package/dist/cjs/constants/calendar/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const PERIOD_KEYS = {
+    from: "from",
+    to: "to",
+};
+
+exports.PERIOD_KEYS = PERIOD_KEYS;
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/constants/calendar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,WAAW,GAAgB;AACtC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,IAAI;;;;;"}

package/dist/cjs/customHooks/useCalendar.js

@@ -1,37 +1,58 @@
 'use strict';
 
 var React = require('react');
+var index = require('../constants/calendar/index.js');
 var getDaysInMonth = require('../utils/date/getDaysInMonth.js');
 
 const TODAY = new Date();
+const YEARS_BACK = 100;
 const isSameDate = (left, right) => left.getFullYear() === right.getFullYear() &&
     left.getMonth() === right.getMonth() &&
     left.getDate() === right.getDate();
-const buildCalendarDays = (month, year, selectedDate) => {
+const buildCalendarDays = (month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd) => {
     const firstDayIndex = (new Date(year, month, 1).getDay() + 6) % 7;
     const daysInMonth = getDaysInMonth.getDaysInMonth(month, year);
     const trailingDays = (7 - ((firstDayIndex + daysInMonth) % 7)) % 7;
     const cellCount = firstDayIndex + daysInMonth + trailingDays;
     const startDate = new Date(year, month, 1 - firstDayIndex);
-    return Array.from({ length: cellCount }, (_, index) => {
-        const date = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() + index);
+    return Array.from({ length: cellCount }, (_, index$1) => {
+        const date = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() + index$1);
         return {
             date,
             day: date.getDate(),
             isCurrentMonth: date.getMonth() === month,
             isToday: isSameDate(date, TODAY),
             isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
+            isInRange: Boolean(rangeStart &&
+                rangeEnd &&
+                date.getTime() >= rangeStart.getTime() &&
+                date.getTime() <= rangeEnd.getTime()),
+            isDisabled: Boolean((selectedPeriodInterval === index.PERIOD_KEYS.from &&
+                rangeEnd &&
+                date.getTime() > rangeEnd.getTime()) ||
+                (selectedPeriodInterval === index.PERIOD_KEYS.to &&
+                    rangeStart &&
+                    date.getTime() < rangeStart.getTime())),
         };
     });
 };
-const useCalendarBody = ({ month, year, selectedDate, onMonthChange, }) => {
+const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, onMonthChange, }) => {
     const [visibleDate, setVisibleDate] = React.useState(() => new Date(year, month, 1));
-    React.useEffect(() => {
-        setVisibleDate(new Date(year, month, 1));
-    }, [month, year]);
+    const [isYearPickerOpen, setIsYearPickerOpen] = React.useState(false);
+    const yearListRef = React.useRef(null);
     const visibleMonth = visibleDate.getMonth();
     const visibleYear = visibleDate.getFullYear();
-    const days = React.useMemo(() => buildCalendarDays(visibleMonth, visibleYear, selectedDate), [visibleMonth, visibleYear, selectedDate]);
+    const days = React.useMemo(() => buildCalendarDays(visibleMonth, visibleYear, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd), [
+        visibleMonth,
+        visibleYear,
+        rangeEnd,
+        rangeStart,
+        selectedDate,
+        selectedPeriodInterval,
+    ]);
+    const maxYear = TODAY.getFullYear();
+    const minYear = maxYear - YEARS_BACK;
+    const years = Array.from({ length: maxYear - minYear + 1 }, (_, index) => maxYear - index);
     const changeMonth = (offset) => {
         setVisibleDate((current) => {
             const next = new Date(current.getFullYear(), current.getMonth() + offset, 1);
@@ -39,8 +60,36 @@ const useCalendarBody = ({ month, year, selectedDate, onMonthChange, }) => {
             return next;
         });
     };
-    return { days, visibleMonth, visibleYear, changeMonth };
+    const pickYear = (pickedYear) => {
+        setVisibleDate((current) => {
+            const next = new Date(pickedYear, current.getMonth(), 1);
+            onMonthChange?.(next);
+            return next;
+        });
+        setIsYearPickerOpen(false);
+    };
+    React.useEffect(() => {
+        setVisibleDate(new Date(year, month, 1));
+    }, [month, year]);
+    React.useEffect(() => {
+        if (!isYearPickerOpen || !yearListRef.current) {
+            return;
+        }
+        const selectedButton = yearListRef.current.querySelector(`[data-year="${visibleYear}"]`);
+        selectedButton?.scrollIntoView({ block: "center" });
+    }, [isYearPickerOpen, visibleYear]);
+    return {
+        days,
+        years,
+        visibleMonth,
+        visibleYear,
+        isYearPickerOpen,
+        setIsYearPickerOpen,
+        yearListRef,
+        changeMonth,
+        pickYear,
+    };
 };
 
-exports.useCalendarBody = useCalendarBody;
+exports.useCalendar = useCalendar;
 //# sourceMappingURL=useCalendar.js.map

package/dist/cjs/customHooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../../../src/customHooks/useCalendar.tsx"],"sourcesContent":[null],"names":["getDaysInMonth","useState","useEffect","useMemo"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","sources":["../../../src/customHooks/useCalendar.tsx"],"sourcesContent":[null],"names":["getDaysInMonth","index","PERIOD_KEYS","useState","useRef","useMemo","useEffect"],"mappings":"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"}

package/dist/cjs/utils/date/convertType.js

@@ -0,0 +1,34 @@
+'use strict';
+
+const convert = {
+    day: {
+        toString: (num) => {
+            return String(num).padStart(2, "0");
+        },
+        toNumber: (str) => {
+            return +str;
+        },
+    },
+    month: {
+        toString: (num) => {
+            return String(num + 1).padStart(2, "0");
+        },
+        toNumber: (str) => {
+            return +str - 1;
+        },
+    },
+    year: {
+        toString: (num) => {
+            return String(num);
+        },
+        toNumber: (str) => {
+            return +str;
+        },
+    },
+};
+const convertType = {
+    ...convert,
+};
+
+exports.convertType = convertType;
+//# sourceMappingURL=convertType.js.map

package/dist/cjs/utils/date/convertType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertType.js","sources":["../../../../src/utils/date/convertType.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,OAAO,GAAG;AACd,IAAA,GAAG,EAAE;AACH,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;YACxB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACrC,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;YACxB,OAAO,CAAC,GAAG;QACb,CAAC;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;AACxB,YAAA,OAAO,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACzC,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;AACxB,YAAA,OAAO,CAAC,GAAG,GAAG,CAAC;QACjB,CAAC;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;AACxB,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC;QACpB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;YACxB,OAAO,CAAC,GAAG;QACb,CAAC;AACF,KAAA;CACF;AA8CM,MAAM,WAAW,GAAG;AACzB,IAEA,GAAG,OAAO;;;;;"}

package/dist/esm/components/Calendar/Body/CalendarBody.module.css.js

@@ -1,5 +1,5 @@
-var css_248z = ".CalendarBody-module_wrapper__fd17C {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_header__33b3Q {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.CalendarBody-module_monthYear__efUvQ {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  color: var(--text-primary);\n}\n\n.CalendarBody-module_yearButton__Y76y1 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.CalendarBody-module_navButton__cGVVz {\n  padding: 0;\n  cursor: pointer;\n}\n\n.CalendarBody-module_weekDays__zXG3- {\n  height: 24px;\n}\n\n.CalendarBody-module_grid__HNGTZ,\n.CalendarBody-module_weekDays__zXG3- {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  column-gap: calc((100% - 7 * 28px) / 6);\n  text-align: center;\n}\n\n.CalendarBody-module_weekDay__hzksZ,\n.CalendarBody-module_day__0KNDZ {\n  width: 28px;\n}\n\n.CalendarBody-module_day__0KNDZ {\n  cursor: pointer;\n  color: var(--text-primary);\n  height: 28px;\n}\n\n.CalendarBody-module_muted__8XysY {\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_hiddenDay__mCCeF {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.CalendarBody-module_selected__86UkJ {\n  background-color: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n  border-radius: 100px;\n}\n";
-var styles = {"wrapper":"CalendarBody-module_wrapper__fd17C","header":"CalendarBody-module_header__33b3Q","monthYear":"CalendarBody-module_monthYear__efUvQ","yearButton":"CalendarBody-module_yearButton__Y76y1","navButton":"CalendarBody-module_navButton__cGVVz","weekDays":"CalendarBody-module_weekDays__zXG3-","grid":"CalendarBody-module_grid__HNGTZ","weekDay":"CalendarBody-module_weekDay__hzksZ","day":"CalendarBody-module_day__0KNDZ","hiddenDay":"CalendarBody-module_hiddenDay__mCCeF","selected":"CalendarBody-module_selected__86UkJ"};
+var css_248z = ".CalendarBody-module_wrapper__fd17C {\n  display: flex;\n  flex-direction: column;\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_header__33b3Q {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.CalendarBody-module_monthYear__efUvQ {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  color: var(--text-primary);\n}\n\n.CalendarBody-module_yearButton__Y76y1 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.CalendarBody-module_navButton__cGVVz {\n  padding: 0;\n  cursor: pointer;\n}\n\n.CalendarBody-module_weekDays__zXG3- {\n  height: 24px;\n}\n\n.CalendarBody-module_grid__HNGTZ,\n.CalendarBody-module_weekDays__zXG3- {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  column-gap: calc((100% - 7 * 28px) / 6);\n  text-align: center;\n}\n\n.CalendarBody-module_weekDay__hzksZ,\n.CalendarBody-module_day__0KNDZ {\n  width: 28px;\n}\n\n.CalendarBody-module_day__0KNDZ {\n  cursor: pointer;\n  color: var(--text-primary);\n  height: 28px;\n}\n\n.CalendarBody-module_muted__8XysY {\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_hiddenDay__mCCeF {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.CalendarBody-module_disabledDay__aHTaz {\n  color: var(--text-disabled-color);\n  cursor: not-allowed;\n}\n\n.CalendarBody-module_selected__86UkJ {\n  background-color: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n  border-radius: 100px;\n}\n\n.CalendarBody-module_years__4Peqd {\n  max-height: calc(5 * 24px + 4 * 6px);\n  margin: 8px;\n  overflow-y: auto;\n  display: grid;\n  grid-auto-rows: 24px;\n  row-gap: 6px;\n}\n\n.CalendarBody-module_yearItem__mr9MS {\n  cursor: pointer;\n  color: var(--text-disabled-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.CalendarBody-module_yearItemSelected__HsDcR {\n  color: var(--text-primary);\n}\n";
+var styles = {"wrapper":"CalendarBody-module_wrapper__fd17C","header":"CalendarBody-module_header__33b3Q","monthYear":"CalendarBody-module_monthYear__efUvQ","yearButton":"CalendarBody-module_yearButton__Y76y1","navButton":"CalendarBody-module_navButton__cGVVz","weekDays":"CalendarBody-module_weekDays__zXG3-","grid":"CalendarBody-module_grid__HNGTZ","weekDay":"CalendarBody-module_weekDay__hzksZ","day":"CalendarBody-module_day__0KNDZ","hiddenDay":"CalendarBody-module_hiddenDay__mCCeF","disabledDay":"CalendarBody-module_disabledDay__aHTaz","selected":"CalendarBody-module_selected__86UkJ"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/components/Calendar/Body/index.js

@@ -1,30 +1,38 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Icons } from '@egov3/graphics';
 import { BaseComponents } from '../../../baseComponents/index.js';
+import { PERIOD_KEYS } from '../../../constants/calendar/index.js';
 import { getMonthNameProper } from '../../../utils/date/getMonthNameProper.js';
 import { joinClasses } from '../../../utils/joinClasses.js';
-import { useCalendarBody } from '../../../customHooks/useCalendar.js';
+import { useCalendar } from '../../../customHooks/useCalendar.js';
 import styles from './CalendarBody.module.css.js';
 
 const WEEK_DAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, onDayClick, onMonthChange, }) => {
-    const { days, visibleMonth, visibleYear, changeMonth } = useCalendarBody({
+const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, rangeStart = null, rangeEnd = null, selectedPeriodInterval = PERIOD_KEYS.from, onDayClick, onMonthChange, }) => {
+    const { days, visibleMonth, visibleYear, isYearPickerOpen, setIsYearPickerOpen, changeMonth} = useCalendar({
         month,
         year,
         selectedDate,
+        selectedPeriodInterval,
+        rangeStart,
+        rangeEnd,
         onMonthChange,
     });
     const monthName = getMonthNameProper(visibleMonth);
-    return (jsxs("div", { className: styles.wrapper, "data-testid": "CalendarBody", children: [jsxs("div", { className: styles.header, children: [jsxs("div", { className: styles.monthYear, "data-testid": "Calendar_MONTH_YEAR_LABEL", children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "CalendarBody_MONTH_YEAR", children: monthName }), jsxs("button", { className: styles.yearButton, type: "button", onClick: () => { }, "data-testid": "Calendar_CHOOSE_YEAR_BTN", children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "Calendar_CURRENT_YEAR", children: visibleYear }), jsx(Icons.Basic.ChevronDownSmall, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" })] })] }), jsx("button", { className: styles.navButton, type: "button", onClick: () => {
-                            changeMonth(-1);
-                        }, "data-testid": "Calendar_PREV_MONTH_BTN", children: jsx(Icons.Basic.ChevronLeft, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) }), jsx("button", { className: styles.navButton, type: "button", onClick: () => {
-                            changeMonth(1);
-                        }, "data-testid": "Calendar_NEXT_MONTH_BTN", children: jsx(Icons.Basic.ChevronRight, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) })] }), jsx("div", { className: styles.weekDays, children: WEEK_DAYS.map((day) => (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", className: styles.weekDay, children: day }, day))) }), jsx("div", { className: styles.grid, children: days.map((cell) => {
-                    return (jsx("button", { type: "button", className: joinClasses(styles.day, !cell.isCurrentMonth && styles.hiddenDay, cell.isToday && styles.today, cell.isSelected && styles.selected), onClick: () => {
-                            if (cell.isCurrentMonth) {
+    return (jsxs("div", { className: styles.wrapper, "data-testid": "CalendarBody", children: [jsxs("div", { className: styles.header, children: [jsxs("div", { className: styles.monthYear, "data-testid": "Calendar_MONTH_YEAR_LABEL", children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "CalendarBody_MONTH_YEAR", children: monthName }), jsxs("button", { className: styles.yearButton, type: "button", onClick: () => {
+                                    setIsYearPickerOpen(true);
+                                }, "data-testid": "Calendar_CHOOSE_YEAR_BTN", children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", "data-testid": "Calendar_CURRENT_YEAR", children: visibleYear }), jsx(Icons.Basic.ChevronDownSmall, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" })] })] }), isYearPickerOpen ? (jsx("button", { type: "button", onClick: () => {
+                            setIsYearPickerOpen(false);
+                        }, "data-testid": "Calendar_CLOSE_YEAR_PICKER_BTN", children: jsx(Icons.General.Close, { width: "24px", height: "24px" }) })) : (jsxs(Fragment, { children: [jsx("button", { className: styles.navButton, type: "button", onClick: () => {
+                                    changeMonth(-1);
+                                }, "data-testid": "Calendar_PREV_MONTH_BTN", children: jsx(Icons.Basic.ChevronLeft, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) }), jsx("button", { className: styles.navButton, type: "button", onClick: () => {
+                                    changeMonth(1);
+                                }, "data-testid": "Calendar_NEXT_MONTH_BTN", children: jsx(Icons.Basic.ChevronRight, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) })] }))] }), jsx("div", { className: styles.weekDays, children: WEEK_DAYS.map((day) => (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", className: styles.weekDay, children: day }, day))) }), jsx("div", { className: styles.grid, children: days.map((cell) => {
+                    return (jsx("button", { type: "button", className: joinClasses(styles.day, !cell.isCurrentMonth && styles.hiddenDay, cell.isDisabled && styles.disabledDay, cell.isInRange && styles.inRange, cell.isToday && styles.today, cell.isSelected && styles.selected), onClick: () => {
+                            if (cell.isCurrentMonth && !cell.isDisabled) {
                                 onDayClick?.(cell.date);
                             }
-                        }, disabled: !cell.isCurrentMonth, "data-testid": `CalendarBody_DAY_${cell.date.toISOString().slice(0, 10)}`, children: cell.isCurrentMonth && (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", children: cell.day })) }, cell.date.toISOString()));
+                        }, disabled: !cell.isCurrentMonth || cell.isDisabled, "data-testid": `CalendarBody_DAY_${cell.date.toISOString().slice(0, 10)}`, children: cell.isCurrentMonth && (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", children: cell.day })) }, cell.date.toISOString()));
                 }) })] }));
 };
 

package/dist/esm/components/Calendar/Body/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Body/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Body/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Calendar/Header/CalendarHeader.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".CalendarHeader-module_tab__-gPIw {\n  width: 368px;\n  display: flex;\n  gap: 8px;\n}\n";
+var styles = {"tab":"CalendarHeader-module_tab__-gPIw"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=CalendarHeader.module.css.js.map

package/dist/esm/components/Calendar/Header/CalendarHeader.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Calendar/Header/index.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import { PERIOD_KEYS } from '../../../constants/calendar/index.js';
+import { joinClasses } from '../../../utils/joinClasses.js';
+import styles from './CalendarHeader.module.css.js';
+
+const CalendarHeader = ({ setSelectedPeriodInterval, selectedPeriodInterval, selectedPeriod, }) => {
+    const tabs = [
+        { key: PERIOD_KEYS.from, label: "Период с" },
+        { key: PERIOD_KEYS.to, label: "Период до" },
+    ];
+    return (jsx("div", { "data-testid": "CalendarTab_WRAP", className: styles.tab, children: tabs.map((tab) => (jsx("button", { type: "button", "data-testid": `CalendarTabButton_${tab.key.toUpperCase()}`, className: joinClasses(selectedPeriodInterval === tab.key
+                ? styles.titleActiv
+                : styles.title), onClick: () => {
+                setSelectedPeriodInterval(tab.key);
+            }, "aria-label": `Кнопка ${tab.label}`, children: jsx(BaseComponents.Typography, { "data-testid": `CalendarTabTitle_${tab.key.toUpperCase()}`, tag: "span", fontClass: "body1Medium", "aria-label": tab.label, children: `${tab.label} ${selectedPeriod[`${tab.key}Date`] || "..."}` }) }, tab.key))) }));
+};
+
+export { CalendarHeader };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Calendar/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Header/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAYO,MAAM,cAAc,GAAG,CAAC,EAC7B,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,GACD,KAAI;AACjB,IAAA,MAAM,IAAI,GAA0C;QAClD,EAAE,GAAG,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE;QAC5C,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;KAC5C;AACD,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,GAAG,YACtD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MACZA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EAEA,CAAA,kBAAA,EAAqB,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,EACzD,SAAS,EAAE,WAAW,CACpB,sBAAsB,KAAK,GAAG,CAAC;kBAC3B,MAAM,CAAC;kBACP,MAAM,CAAC,KAAK,CACjB,EACD,OAAO,EAAE,MAAK;AACZ,gBAAA,yBAAyB,CAAC,GAAG,CAAC,GAAG,CAAC;YACpC,CAAC,EAAA,YAAA,EACW,CAAA,OAAA,EAAU,GAAG,CAAC,KAAK,CAAA,CAAE,EAAA,QAAA,EAEjCA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,aAAA,EACX,CAAA,iBAAA,EAAoB,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,CAAA,CAAE,EACxD,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,aAAa,EAAA,YAAA,EACX,GAAG,CAAC,KAAK,EAAA,QAAA,EAEpB,CAAA,EAAG,GAAG,CAAC,KAAK,CAAA,CAAA,EAAI,cAAc,CAAC,CAAA,EAAG,GAAG,CAAC,GAAG,CAAA,IAAA,CAAM,CAAC,IAAI,KAAK,CAAA,CAAE,EAAA,CAClC,EAAA,EAnBvB,GAAG,CAAC,GAAG,CAoBL,CACV,CAAC,EAAA,CACE;AAEV;;;;"}

package/dist/esm/components/Calendar/index.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { BaseComponents } from '../../baseComponents/index.js';
+import { PERIOD_KEYS } from '../../constants/calendar/index.js';
+import { convertType } from '../../utils/date/convertType.js';
+import { CalendarBody } from './Body/index.js';
+import { CalendarHeader } from './Header/index.js';
+
+const toDateString = (date) => `${convertType.day.toString(date.getDate())}.${convertType.month.toString(date.getMonth())}.${date.getFullYear()}`;
+const toDate = (value) => {
+    if (!value)
+        return null;
+    const [day, month, year] = value.split(".").map(Number);
+    return new Date(year, month - 1, day);
+};
+const Calendar = () => {
+    const [selectedPeriodInterval, setSelectedPeriodInterval] = useState(PERIOD_KEYS.from);
+    const [selectedPeriod, setSelectedPeriod] = useState({
+        fromDate: "",
+        toDate: "",
+        periodSelected: false,
+    });
+    const rangeStart = toDate(selectedPeriod.fromDate);
+    const rangeEnd = toDate(selectedPeriod.toDate);
+    const visibleDate = useMemo(() => (selectedPeriodInterval === PERIOD_KEYS.to ? rangeEnd : rangeStart) ??
+        new Date(), [rangeEnd, rangeStart, selectedPeriodInterval]);
+    const handleDayClick = (date) => {
+        setSelectedPeriod((current) => {
+            const next = {
+                ...current,
+                [`${selectedPeriodInterval}Date`]: toDateString(date),
+                isAllSelected: false,
+            };
+            return {
+                ...next,
+                periodSelected: Boolean(next.fromDate && next.toDate),
+            };
+        });
+    };
+    const handlePeriodChange = (periodKey) => {
+        setSelectedPeriodInterval(periodKey);
+    };
+    return (jsxs(BaseComponents.Modal, { variant: "small", setIsOpen: () => { }, isOpen: true, lang: "ru", children: [jsx(CalendarHeader, { selectedPeriod: selectedPeriod, selectedPeriodInterval: selectedPeriodInterval, setSelectedPeriodInterval: handlePeriodChange }), jsx(CalendarBody, { month: visibleDate.getMonth(), year: visibleDate.getFullYear(), selectedDate: selectedPeriodInterval === PERIOD_KEYS.from ? rangeStart : rangeEnd, selectedPeriodInterval: selectedPeriodInterval, rangeStart: rangeStart, rangeEnd: rangeEnd, onDayClick: handleDayClick })] }));
+};
+
+export { Calendar };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,GAAG,CAAC,IAAU,KAC9B,CAAA,EAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA,CAAA,EAAI,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AACpH,MAAM,MAAM,GAAG,CAAC,KAAc,KAAI;AAChC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;AACvB,IAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;IACvD,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC;AACvC,CAAC;AAEM,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GACvD,QAAQ,CAAc,WAAW,CAAC,IAAI,CAAC;AACzC,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAkB;AACpE,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,cAAc,EAAE,KAAK;AACtB,KAAA,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;IAC9C,MAAM,WAAW,GAAG,OAAO,CACzB,MACE,CAAC,sBAAsB,KAAK,WAAW,CAAC,EAAE,GAAG,QAAQ,GAAG,UAAU;QAClE,IAAI,IAAI,EAAE,EACZ,CAAC,QAAQ,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAC/C;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,IAAU,KAAI;AACpC,QAAA,iBAAiB,CAAC,CAAC,OAAO,KAAI;AAC5B,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,GAAG,OAAO;gBACV,CAAC,CAAA,EAAG,sBAAsB,CAAA,IAAA,CAAM,GAAG,YAAY,CAAC,IAAI,CAAC;AACrD,gBAAA,aAAa,EAAE,KAAK;aACrB;YACD,OAAO;AACL,gBAAA,GAAG,IAAI;gBACP,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC;aACtD;AACH,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,SAAsB,KAAI;QACpD,yBAAyB,CAAC,SAAS,CAAC;AACtC,IAAA,CAAC;IAED,QACEA,KAAC,cAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,MAAK,EAAE,CAAC,EACnB,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,IAAI,EAAA,QAAA,EAAA,CAETC,IAAC,cAAc,EAAA,EACb,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,kBAAkB,EAAA,CAC7C,EACFA,GAAA,CAAC,YAAY,IACX,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC7B,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,EAC/B,YAAY,EACV,sBAAsB,KAAK,WAAW,CAAC,IAAI,GAAG,UAAU,GAAG,QAAQ,EAErE,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,cAAc,EAAA,CAC1B,CAAA,EAAA,CACmB;AAE3B;;;;"}

package/dist/esm/components/index.js

@@ -1,4 +1,5 @@
 import '../styles/colors.css.js';
+import { Calendar } from './Calendar/index.js';
 import { CalendarBody } from './Calendar/Body/index.js';
 import { ErrorModal } from './ErrorModal/index.js';
 import { Agreement } from './Identity/Agreement/index.js';
@@ -54,6 +55,7 @@ const Components = {
     ServiceCardComponent,
     NotificationItem,
     NotificationWrapper,
+    Calendar,
     CalendarBody,
 };
 

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,UAAU,GAAG;IACxB,SAAS;IACT,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,UAAU;IACV,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,aAAa;IACb,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,oBAAoB;IACpB,WAAW;IACX,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,mBAAmB;IACnB,YAAY;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,MAAM,UAAU,GAAG;IACxB,SAAS;IACT,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,UAAU;IACV,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,aAAa;IACb,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,oBAAoB;IACpB,WAAW;IACX,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,mBAAmB;IACnB,QAAQ;IACR,YAAY;;;;;"}

package/dist/esm/constants/calendar/index.js

@@ -0,0 +1,7 @@
+const PERIOD_KEYS = {
+    from: "from",
+    to: "to",
+};
+
+export { PERIOD_KEYS };
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/constants/calendar/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAEO,MAAM,WAAW,GAAgB;AACtC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,IAAI;;;;;"}

package/dist/esm/customHooks/useCalendar.js

@@ -1,11 +1,13 @@
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { PERIOD_KEYS } from '../constants/calendar/index.js';
 import { getDaysInMonth } from '../utils/date/getDaysInMonth.js';
 
 const TODAY = new Date();
+const YEARS_BACK = 100;
 const isSameDate = (left, right) => left.getFullYear() === right.getFullYear() &&
     left.getMonth() === right.getMonth() &&
     left.getDate() === right.getDate();
-const buildCalendarDays = (month, year, selectedDate) => {
+const buildCalendarDays = (month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd) => {
     const firstDayIndex = (new Date(year, month, 1).getDay() + 6) % 7;
     const daysInMonth = getDaysInMonth(month, year);
     const trailingDays = (7 - ((firstDayIndex + daysInMonth) % 7)) % 7;
@@ -19,17 +21,36 @@ const buildCalendarDays = (month, year, selectedDate) => {
             isCurrentMonth: date.getMonth() === month,
             isToday: isSameDate(date, TODAY),
             isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
+            isInRange: Boolean(rangeStart &&
+                rangeEnd &&
+                date.getTime() >= rangeStart.getTime() &&
+                date.getTime() <= rangeEnd.getTime()),
+            isDisabled: Boolean((selectedPeriodInterval === PERIOD_KEYS.from &&
+                rangeEnd &&
+                date.getTime() > rangeEnd.getTime()) ||
+                (selectedPeriodInterval === PERIOD_KEYS.to &&
+                    rangeStart &&
+                    date.getTime() < rangeStart.getTime())),
         };
     });
 };
-const useCalendarBody = ({ month, year, selectedDate, onMonthChange, }) => {
+const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, onMonthChange, }) => {
     const [visibleDate, setVisibleDate] = useState(() => new Date(year, month, 1));
-    useEffect(() => {
-        setVisibleDate(new Date(year, month, 1));
-    }, [month, year]);
+    const [isYearPickerOpen, setIsYearPickerOpen] = useState(false);
+    const yearListRef = useRef(null);
     const visibleMonth = visibleDate.getMonth();
     const visibleYear = visibleDate.getFullYear();
-    const days = useMemo(() => buildCalendarDays(visibleMonth, visibleYear, selectedDate), [visibleMonth, visibleYear, selectedDate]);
+    const days = useMemo(() => buildCalendarDays(visibleMonth, visibleYear, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd), [
+        visibleMonth,
+        visibleYear,
+        rangeEnd,
+        rangeStart,
+        selectedDate,
+        selectedPeriodInterval,
+    ]);
+    const maxYear = TODAY.getFullYear();
+    const minYear = maxYear - YEARS_BACK;
+    const years = Array.from({ length: maxYear - minYear + 1 }, (_, index) => maxYear - index);
     const changeMonth = (offset) => {
         setVisibleDate((current) => {
             const next = new Date(current.getFullYear(), current.getMonth() + offset, 1);
@@ -37,8 +58,36 @@ const useCalendarBody = ({ month, year, selectedDate, onMonthChange, }) => {
             return next;
         });
     };
-    return { days, visibleMonth, visibleYear, changeMonth };
+    const pickYear = (pickedYear) => {
+        setVisibleDate((current) => {
+            const next = new Date(pickedYear, current.getMonth(), 1);
+            onMonthChange?.(next);
+            return next;
+        });
+        setIsYearPickerOpen(false);
+    };
+    useEffect(() => {
+        setVisibleDate(new Date(year, month, 1));
+    }, [month, year]);
+    useEffect(() => {
+        if (!isYearPickerOpen || !yearListRef.current) {
+            return;
+        }
+        const selectedButton = yearListRef.current.querySelector(`[data-year="${visibleYear}"]`);
+        selectedButton?.scrollIntoView({ block: "center" });
+    }, [isYearPickerOpen, visibleYear]);
+    return {
+        days,
+        years,
+        visibleMonth,
+        visibleYear,
+        isYearPickerOpen,
+        setIsYearPickerOpen,
+        yearListRef,
+        changeMonth,
+        pickYear,
+    };
 };
 
-export { useCalendarBody };
+export { useCalendar };
 //# sourceMappingURL=useCalendar.js.map

package/dist/esm/customHooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../../../src/customHooks/useCalendar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","sources":["../../../src/customHooks/useCalendar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/utils/date/convertType.js

@@ -0,0 +1,32 @@
+const convert = {
+    day: {
+        toString: (num) => {
+            return String(num).padStart(2, "0");
+        },
+        toNumber: (str) => {
+            return +str;
+        },
+    },
+    month: {
+        toString: (num) => {
+            return String(num + 1).padStart(2, "0");
+        },
+        toNumber: (str) => {
+            return +str - 1;
+        },
+    },
+    year: {
+        toString: (num) => {
+            return String(num);
+        },
+        toNumber: (str) => {
+            return +str;
+        },
+    },
+};
+const convertType = {
+    ...convert,
+};
+
+export { convertType };
+//# sourceMappingURL=convertType.js.map

package/dist/esm/utils/date/convertType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertType.js","sources":["../../../../src/utils/date/convertType.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAEA,MAAM,OAAO,GAAG;AACd,IAAA,GAAG,EAAE;AACH,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;YACxB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACrC,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;YACxB,OAAO,CAAC,GAAG;QACb,CAAC;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;AACxB,YAAA,OAAO,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACzC,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;AACxB,YAAA,OAAO,CAAC,GAAG,GAAG,CAAC;QACjB,CAAC;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;AACxB,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC;QACpB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,GAAW,KAAI;YACxB,OAAO,CAAC,GAAG;QACb,CAAC;AACF,KAAA;CACF;AA8CM,MAAM,WAAW,GAAG;AACzB,IAEA,GAAG,OAAO;;;;;"}

package/dist/types/components/Calendar/Body/index.d.ts

@@ -1,7 +1,12 @@
+import { TPeriodKeys } from '../../../interfaces/Calendar.js';
+
 interface ICalendarBodyProps {
     month?: number;
     year?: number;
     selectedDate?: Date | null;
+    rangeStart?: Date | null;
+    rangeEnd?: Date | null;
+    selectedPeriodInterval?: TPeriodKeys;
     onDayClick?: (date: Date) => void;
     onMonthChange?: (date: Date) => void;
 }

package/dist/types/index.d.ts

@@ -100,7 +100,8 @@ declare const SystemDesign: {
         ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react_jsx_runtime.JSX.Element;
         NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react_jsx_runtime.JSX.Element;
         NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react_jsx_runtime.JSX.Element | null;
-        CalendarBody: ({ month, year, selectedDate, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
+        Calendar: () => react_jsx_runtime.JSX.Element;
+        CalendarBody: ({ month, year, selectedDate, rangeStart, rangeEnd, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
     };
 };
 

package/dist/types/interfaces/Calendar.d.ts

@@ -0,0 +1,7 @@
+interface IPeriodKeys {
+    from: "from";
+    to: "to";
+}
+type TPeriodKeys = keyof IPeriodKeys;
+
+export type { IPeriodKeys, TPeriodKeys };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.122",
+  "version": "1.3.124",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",