@egov3/system-design 1.3.123 → 1.3.126

package/dist/cjs/customHooks/useCalendar.js

@@ -1,58 +1,90 @@
 'use strict';
 
 var React = require('react');
+var index = require('../constants/calendar/index.js');
+var calendar = require('../utils/calendar.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 getDateTimestamp = (date) => date ? calendar.getCalendarDateWithoutTime(date).getTime() : null;
+const buildCalendarDays = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, maxDate, }) => {
     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);
+    const rangeStartTime = getDateTimestamp(rangeStart);
+    const rangeEndTime = getDateTimestamp(rangeEnd);
+    const maxDateTime = getDateTimestamp(maxDate);
+    const isDateInRange = (dateTime) => rangeStartTime !== null &&
+        rangeEndTime !== null &&
+        dateTime >= rangeStartTime &&
+        dateTime <= rangeEndTime;
+    const isDateDisabled = (dateTime) => {
+        if (maxDateTime !== null && dateTime > maxDateTime) {
+            return true;
+        }
+        if (selectedPeriodInterval === index.PERIOD_KEYS.from) {
+            return rangeEndTime !== null && dateTime > rangeEndTime;
+        }
+        return rangeStartTime !== null && dateTime < rangeStartTime;
+    };
     return Array.from({ length: cellCount }, (_, index) => {
         const date = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() + index);
+        const dateTime = calendar.getCalendarDateWithoutTime(date).getTime();
         return {
             date,
             day: date.getDate(),
             isCurrentMonth: date.getMonth() === month,
-            isToday: isSameDate(date, TODAY),
-            isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
+            isToday: calendar.isSameCalendarDate(date, TODAY),
+            isSelected: selectedDate ? calendar.isSameCalendarDate(date, selectedDate) : false,
+            isInRange: isDateInRange(dateTime),
+            isDisabled: isDateDisabled(dateTime),
         };
     });
 };
-const useCalendar = ({ month, year, selectedDate, onMonthChange, }) => {
-    const [visibleDate, setVisibleDate] = React.useState(() => new Date(year, month, 1));
+const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, maxDate, onMonthChange, }) => {
+    const [visibleDate, setVisibleDate] = React.useState(() => calendar.clampCalendarVisibleDate(new Date(year, month, 1), maxDate));
     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 maxYear = TODAY.getFullYear();
+    const days = buildCalendarDays({
+        month: visibleMonth,
+        year: visibleYear,
+        selectedDate,
+        selectedPeriodInterval,
+        rangeStart,
+        rangeEnd,
+        maxDate,
+    });
+    const maxYear = maxDate?.getFullYear() ?? TODAY.getFullYear();
     const minYear = maxYear - YEARS_BACK;
     const years = Array.from({ length: maxYear - minYear + 1 }, (_, index) => maxYear - index);
+    const isNextMonthDisabled = Boolean(maxDate && calendar.isCalendarMonthAfterDate(visibleMonth + 1, visibleYear, maxDate));
     const changeMonth = (offset) => {
         setVisibleDate((current) => {
             const next = new Date(current.getFullYear(), current.getMonth() + offset, 1);
-            onMonthChange?.(next);
-            return next;
+            const clampedNext = calendar.clampCalendarVisibleDate(next, maxDate);
+            if (clampedNext.getTime() === current.getTime()) {
+                return current;
+            }
+            onMonthChange?.(clampedNext);
+            return clampedNext;
         });
     };
     const pickYear = (pickedYear) => {
         setVisibleDate((current) => {
-            const next = new Date(pickedYear, current.getMonth(), 1);
+            const next = calendar.clampCalendarVisibleDate(new Date(pickedYear, current.getMonth(), 1), maxDate);
             onMonthChange?.(next);
             return next;
         });
         setIsYearPickerOpen(false);
     };
     React.useEffect(() => {
-        setVisibleDate(new Date(year, month, 1));
-    }, [month, year]);
+        setVisibleDate(calendar.clampCalendarVisibleDate(new Date(year, month, 1), maxDate));
+    }, [month, maxDate, year]);
     React.useEffect(() => {
         if (!isYearPickerOpen || !yearListRef.current) {
             return;
@@ -66,6 +98,7 @@ const useCalendar = ({ month, year, selectedDate, onMonthChange, }) => {
         visibleMonth,
         visibleYear,
         isYearPickerOpen,
+        isNextMonthDisabled,
         setIsYearPickerOpen,
         yearListRef,
         changeMonth,

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

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

package/dist/cjs/utils/calendar.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var convertType = require('./date/convertType.js');
+
+const formatCalendarDate = (date) => {
+    if (!date) {
+        return "";
+    }
+    return `${convertType.convertType.day.toString(date.getDate())}.${convertType.convertType.month.toString(date.getMonth())}.${date.getFullYear()}`;
+};
+const normalizeCalendarDate = (value) => {
+    if (!value) {
+        return null;
+    }
+    const normalizedDate = value instanceof Date ? value : new Date(value);
+    return Number.isNaN(normalizedDate.getTime()) ? null : normalizedDate;
+};
+const getCalendarDateWithoutTime = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+const isSameCalendarDate = (left, right) => left.getFullYear() === right.getFullYear() &&
+    left.getMonth() === right.getMonth() &&
+    left.getDate() === right.getDate();
+const isCalendarDateAfter = (date, maxDate) => {
+    if (!date || !maxDate) {
+        return false;
+    }
+    return (getCalendarDateWithoutTime(date).getTime() >
+        getCalendarDateWithoutTime(maxDate).getTime());
+};
+const getPeriodDateKey = (periodKey) => `${periodKey}Date`;
+const updateSelectedPeriod = (currentPeriod, selectedPeriodInterval, nextDate) => {
+    const periodDateKey = getPeriodDateKey(selectedPeriodInterval);
+    const currentDate = currentPeriod[periodDateKey];
+    const isSameDate = currentDate
+        ? isSameCalendarDate(currentDate, nextDate)
+        : false;
+    const nextPeriod = {
+        ...currentPeriod,
+        [periodDateKey]: isSameDate ? null : nextDate,
+    };
+    return {
+        ...nextPeriod,
+        periodSelected: Boolean(nextPeriod.fromDate && nextPeriod.toDate),
+    };
+};
+const isCalendarMonthAfterDate = (month, year, date) => year > date.getFullYear() ||
+    (year === date.getFullYear() && month > date.getMonth());
+const clampCalendarVisibleDate = (date, maxDate) => {
+    if (!maxDate ||
+        !isCalendarMonthAfterDate(date.getMonth(), date.getFullYear(), maxDate)) {
+        return date;
+    }
+    return new Date(maxDate.getFullYear(), maxDate.getMonth(), 1);
+};
+
+exports.clampCalendarVisibleDate = clampCalendarVisibleDate;
+exports.formatCalendarDate = formatCalendarDate;
+exports.getCalendarDateWithoutTime = getCalendarDateWithoutTime;
+exports.getPeriodDateKey = getPeriodDateKey;
+exports.isCalendarDateAfter = isCalendarDateAfter;
+exports.isCalendarMonthAfterDate = isCalendarMonthAfterDate;
+exports.isSameCalendarDate = isSameCalendarDate;
+exports.normalizeCalendarDate = normalizeCalendarDate;
+exports.updateSelectedPeriod = updateSelectedPeriod;
+//# sourceMappingURL=calendar.js.map

package/dist/cjs/utils/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../src/utils/calendar.tsx"],"sourcesContent":[null],"names":["convertType"],"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/cjs/utils/date/getMonthNameProper.js

@@ -2,8 +2,33 @@
 
 var index = require('./index.js');
 
-const getMonthNameProper = (month) => {
-    const monthName = new Date(index.currentYear, month).toLocaleString("ru-RU", {
+const localeByLang = {
+    ru: "ru-RU",
+    kk: "kk-KZ",
+    en: "en-US",
+};
+const monthNamesByLang = {
+    kk: [
+        "Қаңтар",
+        "Ақпан",
+        "Наурыз",
+        "Сәуір",
+        "Мамыр",
+        "Маусым",
+        "Шілде",
+        "Тамыз",
+        "Қыркүйек",
+        "Қазан",
+        "Қараша",
+        "Желтоқсан",
+    ],
+};
+const getMonthNameProper = (month, lang) => {
+    const translatedMonthName = monthNamesByLang[lang]?.[month];
+    if (translatedMonthName) {
+        return translatedMonthName;
+    }
+    const monthName = new Date(index.currentYear, month).toLocaleString(localeByLang[lang], {
         month: "long",
     });
     return monthName.charAt(0).toUpperCase() + monthName.slice(1);

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

@@ -1 +1 @@
-{"version":3,"file":"getMonthNameProper.js","sources":["../../../../src/utils/date/getMonthNameProper.tsx"],"sourcesContent":[null],"names":["currentYear"],"mappings":";;;;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAAa,KAAY;AAC1D,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAACA,iBAAW,EAAE,KAAK,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE;AACrE,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CAAC;AACF,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/D;;;;"}
+{"version":3,"file":"getMonthNameProper.js","sources":["../../../../src/utils/date/getMonthNameProper.tsx"],"sourcesContent":[null],"names":["currentYear"],"mappings":";;;;AAGA,MAAM,YAAY,GAAuC;AACvD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;CACZ;AAED,MAAM,gBAAgB,GAAkD;AACtE,IAAA,EAAE,EAAE;QACF,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,OAAO;QACP,OAAO;QACP,QAAQ;QACR,OAAO;QACP,OAAO;QACP,UAAU;QACV,OAAO;QACP,QAAQ;QACR,WAAW;AACZ,KAAA;CACF;MAEY,kBAAkB,GAAG,CAChC,KAAa,EACb,IAAwB,KACd;IACV,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AAE3D,IAAA,IAAI,mBAAmB,EAAE;AACvB,QAAA,OAAO,mBAAmB;AAC3B,IAAA;AAED,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAACA,iBAAW,EAAE,KAAK,CAAC,CAAC,cAAc,CAC3D,YAAY,CAAC,IAAI,CAAC,EAClB;AACE,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CACF;AACD,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/D;;;;"}

package/dist/esm/baseComponents/Modal/Modal.module.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  animation: Modal-module_flyDown__8XGLa 1s;\n  display: flex;\n  flex-direction: column;\n  margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n  animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n  max-height: calc(100% - 64px);\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: calc(100% - 64px);\n  height: 100%;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.Modal-module_contentBody__ko2lN {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n  padding: 32px 0px;\n  overflow-y: auto;\n  align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  height: 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n  grid-column: 1;\n  justify-self: start;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n  grid-column: 2;\n  justify-self: center;\n  margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n  grid-column: 3;\n  justify-self: end;\n  width: 20px;\n  height: 20px;\n}\n";
+var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  animation: Modal-module_flyDown__8XGLa 1s;\n  display: flex;\n  flex-direction: column;\n  margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n  animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n  max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n  .Modal-module_largeVariant__tnPGL {\n    width: clamp(598px, 70vw, 749px);\n  }\n}\n\n@media (min-width: 1024px) {\n  .Modal-module_largeVariant__tnPGL {\n    width: clamp(749px, 70vw, 1052px);\n  }\n}\n\n@media (min-width: 1280px) {\n  .Modal-module_largeVariant__tnPGL {\n    width: clamp(1052px, 70vw, 100%);\n  }\n}\n\n@media (min-width: 1440px) {\n  .Modal-module_contentWrap__k38CL {\n    margin: auto 194px;\n    width: 100%;\n  }\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.Modal-module_contentBody__ko2lN {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n  padding: 32px 0px;\n  overflow-y: auto;\n  align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  height: 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n  grid-column: 1;\n  justify-self: start;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n  grid-column: 2;\n  justify-self: center;\n  margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n  grid-column: 3;\n  justify-self: end;\n  width: 20px;\n  height: 20px;\n}\n";
 var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;

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  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_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","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_today__Igk3j {\n  border: 1px solid var(--surface-accent);\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","today":"CalendarBody-module_today__Igk3j","years":"CalendarBody-module_years__4Peqd","yearItem":"CalendarBody-module_yearItem__mr9MS","yearItemSelected":"CalendarBody-module_yearItemSelected__HsDcR"};
 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,15 +1,26 @@
 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 { i18n } from '../../../constants/i18n/index.js';
+import { useCalendar } from '../../../customHooks/useCalendar.js';
 import { getMonthNameProper } from '../../../utils/date/getMonthNameProper.js';
 import { joinClasses } from '../../../utils/joinClasses.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, isYearPickerOpen, setIsYearPickerOpen, changeMonth} = useCalendar({ month, year, selectedDate, onMonthChange });
-    const monthName = getMonthNameProper(visibleMonth);
+const CalendarBody = ({ lang, month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, rangeStart = null, rangeEnd = null, maxDate = null, selectedPeriodInterval = PERIOD_KEYS.from, onDayClick, onMonthChange, }) => {
+    const { days, years, visibleMonth, visibleYear, isYearPickerOpen, isNextMonthDisabled, setIsYearPickerOpen, yearListRef, changeMonth, pickYear, } = useCalendar({
+        month,
+        year,
+        selectedDate,
+        selectedPeriodInterval,
+        rangeStart,
+        rangeEnd,
+        maxDate,
+        onMonthChange,
+    });
+    const monthName = getMonthNameProper(visibleMonth, lang);
+    const weekDays = i18n.Calendar.WeekDays[lang];
     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: () => {
@@ -18,13 +29,15 @@ const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFull
                                     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) {
-                                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()));
-                }) })] }));
+                                }, "data-testid": "Calendar_NEXT_MONTH_BTN", disabled: isNextMonthDisabled, children: jsx(Icons.Basic.ChevronRight, { width: "24px", height: "24px", fill: "var(--icon-accent-color)" }) })] }))] }), isYearPickerOpen ? (jsx("div", { ref: yearListRef, className: styles.years, "data-testid": "Calendar_YEARS_LIST", children: years.map((yearItem) => (jsx("button", { "data-year": yearItem, type: "button", className: joinClasses(styles.yearItem, yearItem === visibleYear && styles.yearItemSelected), onClick: () => {
+                        pickYear(yearItem);
+                    }, children: jsx(BaseComponents.Typography, { tag: "span", fontClass: "body1Medium", children: yearItem }) }, yearItem))) })) : (jsxs(Fragment, { children: [jsx("div", { className: styles.weekDays, children: weekDays.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.isToday && styles.today, cell.isSelected && styles.selected), onClick: () => {
+                                    if (cell.isCurrentMonth && !cell.isDisabled) {
+                                        onDayClick?.(cell.date);
+                                    }
+                                }, 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()));
+                        }) })] }))] }));
 };
 
 export { CalendarBody };

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","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+var css_248z = ".Calendar-module_wrapper__4sYTJ {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n}\n";
+var styles = {"wrapper":"Calendar-module_wrapper__4sYTJ"};
+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=Calendar.module.css.js.map

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

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

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  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  flex: 1 0 0;\n}\n\n.CalendarHeader-module_titleActiv__AqXMv {\n  padding: 8px 0px;\n  width: 180px;\n  color: var(--text-primary);\n  text-align: center;\n  border-bottom: 2px solid var(--icon-accent-color);\n}\n\n.CalendarHeader-module_title__P2RVF {\n  width: 180px;\n  padding: 8px 0px;\n  color: var(--text-disabled-color);\n  text-align: center;\n  border-bottom: 2px solid var(--surface-surface-3-color);\n}\n\n.CalendarHeader-module_titleError__zDkX0 {\n  text-align: center;\n  border-bottom: 2px solid var(--text-error);\n}\n";
+var styles = {"tab":"CalendarHeader-module_tab__-gPIw","titleActiv":"CalendarHeader-module_titleActiv__AqXMv","title":"CalendarHeader-module_title__P2RVF"};
+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,25 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import { PERIOD_KEYS } from '../../../constants/calendar/index.js';
+import { i18n } from '../../../constants/i18n/index.js';
+import { formatCalendarDate, getPeriodDateKey } from '../../../utils/calendar.js';
+import styles from './CalendarHeader.module.css.js';
+
+const CalendarHeader = ({ lang, setSelectedPeriodInterval, selectedPeriodInterval, selectedPeriod, }) => {
+    const langDic = i18n.Calendar;
+    const tabs = [
+        { key: PERIOD_KEYS.from, label: langDic.PeriodFrom[lang] },
+        { key: PERIOD_KEYS.to, label: langDic.PeriodTo[lang] },
+    ];
+    return (jsx("div", { "data-testid": "CalendarTab_WRAP", className: styles.tab, children: tabs.map((tab) => {
+            const dateLabel = formatCalendarDate(selectedPeriod[getPeriodDateKey(tab.key)]) ||
+                "...*";
+            const tabClassName = selectedPeriodInterval === tab.key ? styles.titleActiv : styles.title;
+            return (jsx("button", { type: "button", "data-testid": `CalendarTabButton_${tab.key.toUpperCase()}`, className: tabClassName, onClick: () => {
+                    setSelectedPeriodInterval(tab.key);
+                }, "aria-label": `${langDic.TabButtonAria[lang]} ${tab.label}`, children: jsxs(BaseComponents.Typography, { "data-testid": `CalendarTabTitle_${tab.key.toUpperCase()}`, tag: "span", fontClass: "body1Medium", "aria-label": tab.label, children: [tab.label, " ", dateLabel] }) }, 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","_jsxs"],"mappings":";;;;;;;AAcO,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,GACD,KAAI;AACjB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ;AAE7B,IAAA,MAAM,IAAI,GAA0C;AAClD,QAAA,EAAE,GAAG,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AAC1D,QAAA,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;KACvD;AACD,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,GAAG,EAAA,QAAA,EACtD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AAChB,YAAA,MAAM,SAAS,GACb,kBAAkB,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7D,gBAAA,MAAM;AACR,YAAA,MAAM,YAAY,GAChB,sBAAsB,KAAK,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK;YAEvE,QACEA,gBACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EAEA,CAAA,kBAAA,EAAqB,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,CAAA,CAAE,EACzD,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,MAAK;AACZ,oBAAA,yBAAyB,CAAC,GAAG,CAAC,GAAG,CAAC;gBACpC,CAAC,EAAA,YAAA,EACW,CAAA,EAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA,CAAA,EAAI,GAAG,CAAC,KAAK,EAAE,EAAA,QAAA,EAEzDC,IAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,aAAA,EACX,oBAAoB,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,EACxD,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,aAAa,EAAA,YAAA,EACX,GAAG,CAAC,KAAK,EAAA,QAAA,EAAA,CAEpB,GAAG,CAAC,KAAK,EAAA,GAAA,EAAG,SAAS,CAAA,EAAA,CACI,EAAA,EAfvB,GAAG,CAAC,GAAG,CAgBL;QAEb,CAAC,CAAC,EAAA,CACE;AAEV;;;;"}

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

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { BaseComponents } from '../../baseComponents/index.js';
+import { PERIOD_KEYS } from '../../constants/calendar/index.js';
+import { i18n } from '../../constants/i18n/index.js';
+import { normalizeCalendarDate, isCalendarDateAfter, updateSelectedPeriod } from '../../utils/calendar.js';
+import { CalendarBody } from './Body/index.js';
+import styles from './Calendar.module.css.js';
+import { CalendarHeader } from './Header/index.js';
+
+const EMPTY_PERIOD = {
+    fromDate: null,
+    toDate: null,
+    periodSelected: false,
+};
+const normalizeSelectedPeriod = (period = EMPTY_PERIOD) => {
+    const fromDate = normalizeCalendarDate(period.fromDate);
+    const toDate = normalizeCalendarDate(period.toDate);
+    return {
+        ...period,
+        fromDate,
+        toDate,
+        periodSelected: Boolean(fromDate && toDate),
+    };
+};
+const Calendar = ({ mode = "period", isOpen = true, setIsOpen, lang, title, maxDate = null, selectedDate, selectedPeriod, defaultPeriodInterval = PERIOD_KEYS.from, onDateChange, onPeriodChange, onSave, }) => {
+    const langDic = i18n.Calendar;
+    const isPeriodMode = mode === "period";
+    const normalizedMaxDate = normalizeCalendarDate(maxDate);
+    const normalizedSelectedDate = normalizeCalendarDate(selectedDate);
+    const actualSelectedPeriod = normalizeSelectedPeriod(selectedPeriod);
+    const [selectedPeriodInterval, setSelectedPeriodInterval] = useState(defaultPeriodInterval);
+    const rangeStart = actualSelectedPeriod.fromDate ?? null;
+    const rangeEnd = actualSelectedPeriod.toDate ?? null;
+    let selectedCalendarDate = normalizedSelectedDate;
+    if (isPeriodMode) {
+        selectedCalendarDate =
+            selectedPeriodInterval === PERIOD_KEYS.from ? rangeStart : rangeEnd;
+    }
+    const visibleDate = selectedCalendarDate ?? new Date();
+    const defaultModalTitle = isPeriodMode
+        ? langDic.SelectPeriodTitle[lang]
+        : langDic.SelectDateTitle[lang];
+    const modalTitle = title ?? defaultModalTitle;
+    const isSaveDisabled = isPeriodMode
+        ? !actualSelectedPeriod.periodSelected ||
+            isCalendarDateAfter(rangeEnd, normalizedMaxDate)
+        : !normalizedSelectedDate ||
+            isCalendarDateAfter(normalizedSelectedDate, normalizedMaxDate);
+    const handleDateChange = (date) => {
+        const nextDate = normalizedSelectedDate?.getTime() === date.getTime() ? null : date;
+        onDateChange?.(nextDate);
+    };
+    const handlePeriodChange = (date) => {
+        const nextPeriod = updateSelectedPeriod(actualSelectedPeriod, selectedPeriodInterval, date);
+        onPeriodChange?.(nextPeriod);
+    };
+    const handleDayClick = (date) => {
+        if (isPeriodMode) {
+            handlePeriodChange(date);
+            return;
+        }
+        handleDateChange(date);
+    };
+    const handleSave = () => {
+        onSave?.(isPeriodMode ? actualSelectedPeriod : normalizedSelectedDate);
+    };
+    return (jsx(BaseComponents.Modal, { variant: "small", setIsOpen: setIsOpen, isOpen: isOpen, lang: lang, header: {
+            isClosable: true,
+            title: modalTitle,
+        }, footerButtons: [
+            {
+                text: langDic.SaveButton[lang],
+                onClick: handleSave,
+                isDisabled: isSaveDisabled,
+            },
+        ], children: jsxs("div", { className: styles.wrapper, children: [isPeriodMode && (jsx(CalendarHeader, { lang: lang, selectedPeriod: actualSelectedPeriod, selectedPeriodInterval: selectedPeriodInterval, setSelectedPeriodInterval: setSelectedPeriodInterval })), jsx(CalendarBody, { lang: lang, month: visibleDate.getMonth(), year: visibleDate.getFullYear(), selectedDate: selectedCalendarDate, selectedPeriodInterval: selectedPeriodInterval, rangeStart: rangeStart, rangeEnd: rangeEnd, maxDate: normalizedMaxDate, 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":["_jsx","_jsxs"],"mappings":"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"}

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