@egov3/system-design 1.3.123 → 1.3.126

package/dist/esm/constants/i18n/Calendar.js

@@ -0,0 +1,40 @@
+const Calendar = {
+    SaveButton: {
+        ru: "Сохранить",
+        kk: "Сақтау",
+        en: "Save",
+    },
+    SelectDateTitle: {
+        ru: "Выберите дату",
+        kk: "Күнді таңдаңыз",
+        en: "Select date",
+    },
+    SelectPeriodTitle: {
+        ru: "Выберите период",
+        kk: "Кезеңді таңдаңыз",
+        en: "Select period",
+    },
+    PeriodFrom: {
+        ru: "Период с",
+        kk: "Кезең басы",
+        en: "Period from",
+    },
+    PeriodTo: {
+        ru: "Период до",
+        kk: "Кезең соңы",
+        en: "Period to",
+    },
+    TabButtonAria: {
+        ru: "Кнопка",
+        kk: "Батырма",
+        en: "Button",
+    },
+    WeekDays: {
+        ru: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
+        kk: ["Дс", "Сс", "Ср", "Бс", "Жм", "Сн", "Жс"],
+        en: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+    },
+};
+
+export { Calendar };
+//# sourceMappingURL=Calendar.js.map

package/dist/esm/constants/i18n/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../../src/constants/i18n/Calendar.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,QAAQ,GAAG;AACtB,IAAA,UAAU,EAAE;AACV,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,EAAE,EAAE,eAAe;AACnB,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,EAAE,EAAE,aAAa;AAClB,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,EAAE,EAAE,iBAAiB;AACrB,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,EAAE,EAAE,eAAe;AACpB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,EAAE,EAAE,aAAa;AAClB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,EAAE,EAAE,WAAW;AAChB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,QAAQ;AACb,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAC9C,QAAA,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAC9C,QAAA,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACtD,KAAA;;;;;"}

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

@@ -1,3 +1,4 @@
+import { Calendar } from './Calendar.js';
 import { Common } from './Common.js';
 import { ErrorModal } from './ErrorModal.js';
 import { Agreement } from './Identity/Agreement.js';
@@ -18,6 +19,7 @@ import { Feedback } from './Services/Feedback.js';
 import { FileUpload } from './Services/FileUpload.js';
 
 const i18n = {
+    Calendar,
     Common,
     DocCard,
     Feedback,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBO,MAAM,IAAI,GAAG;IAClB,MAAM;IACN,OAAO;IACP,QAAQ;IACR,KAAK;IACL,cAAc;IACd,eAAe;IACf,UAAU;IACV,WAAW;IACX,oBAAoB;IACpB,UAAU;IACV,IAAI;IACJ,SAAS;IACT,oBAAoB;IACpB,OAAO;IACP,aAAa;IACb,kBAAkB;IAClB,UAAU;IACV,SAAS;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,IAAI,GAAG;IAClB,QAAQ;IACR,MAAM;IACN,OAAO;IACP,QAAQ;IACR,KAAK;IACL,cAAc;IACd,eAAe;IACf,UAAU;IACV,WAAW;IACX,oBAAoB;IACpB,UAAU;IACV,IAAI;IACJ,SAAS;IACT,oBAAoB;IACpB,OAAO;IACP,aAAa;IACb,kBAAkB;IAClB,UAAU;IACV,SAAS;;;;;"}

package/dist/esm/customHooks/useCalendar.js

@@ -1,56 +1,88 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { PERIOD_KEYS } from '../constants/calendar/index.js';
+import { clampCalendarVisibleDate, isCalendarMonthAfterDate, getCalendarDateWithoutTime, isSameCalendarDate } from '../utils/calendar.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 getDateTimestamp = (date) => date ? 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(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 === 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 = getCalendarDateWithoutTime(date).getTime();
         return {
             date,
             day: date.getDate(),
             isCurrentMonth: date.getMonth() === month,
-            isToday: isSameDate(date, TODAY),
-            isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
+            isToday: isSameCalendarDate(date, TODAY),
+            isSelected: selectedDate ? isSameCalendarDate(date, selectedDate) : false,
+            isInRange: isDateInRange(dateTime),
+            isDisabled: isDateDisabled(dateTime),
         };
     });
 };
-const useCalendar = ({ month, year, selectedDate, onMonthChange, }) => {
-    const [visibleDate, setVisibleDate] = useState(() => new Date(year, month, 1));
+const useCalendar = ({ month, year, selectedDate, selectedPeriodInterval, rangeStart, rangeEnd, maxDate, onMonthChange, }) => {
+    const [visibleDate, setVisibleDate] = useState(() => clampCalendarVisibleDate(new Date(year, month, 1), maxDate));
     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 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 && 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 = 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 = clampCalendarVisibleDate(new Date(pickedYear, current.getMonth(), 1), maxDate);
             onMonthChange?.(next);
             return next;
         });
         setIsYearPickerOpen(false);
     };
     useEffect(() => {
-        setVisibleDate(new Date(year, month, 1));
-    }, [month, year]);
+        setVisibleDate(clampCalendarVisibleDate(new Date(year, month, 1), maxDate));
+    }, [month, maxDate, year]);
     useEffect(() => {
         if (!isYearPickerOpen || !yearListRef.current) {
             return;
@@ -64,6 +96,7 @@ const useCalendar = ({ month, year, selectedDate, onMonthChange, }) => {
         visibleMonth,
         visibleYear,
         isYearPickerOpen,
+        isNextMonthDisabled,
         setIsYearPickerOpen,
         yearListRef,
         changeMonth,

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/calendar.js

@@ -0,0 +1,54 @@
+import { convertType } from './date/convertType.js';
+
+const formatCalendarDate = (date) => {
+    if (!date) {
+        return "";
+    }
+    return `${convertType.day.toString(date.getDate())}.${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);
+};
+
+export { clampCalendarVisibleDate, formatCalendarDate, getCalendarDateWithoutTime, getPeriodDateKey, isCalendarDateAfter, isCalendarMonthAfterDate, isSameCalendarDate, normalizeCalendarDate, updateSelectedPeriod };
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../src/utils/calendar.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/esm/utils/date/getMonthNameProper.js

@@ -1,7 +1,32 @@
 import { currentYear } from './index.js';
 
-const getMonthNameProper = (month) => {
-    const monthName = new Date(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(currentYear, month).toLocaleString(localeByLang[lang], {
         month: "long",
     });
     return monthName.charAt(0).toUpperCase() + monthName.slice(1);

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

@@ -1 +1 @@
-{"version":3,"file":"getMonthNameProper.js","sources":["../../../../src/utils/date/getMonthNameProper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAAa,KAAY;AAC1D,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,WAAW,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":[],"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,CAAC,WAAW,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/types/components/Calendar/Body/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TCalendarMode, ISelectedPeriod, TPeriodKeys } from '../../interfaces/Calendar.js';
+import { ILangProps } from '../../interfaces/common/index.js';
+
+interface ICalendarProps extends ILangProps {
+    mode?: TCalendarMode;
+    isOpen?: boolean;
+    setIsOpen?: Dispatch<SetStateAction<boolean>>;
+    title?: string;
+    maxDate?: Date | null;
+    selectedDate?: Date | null;
+    selectedPeriod?: ISelectedPeriod;
+    defaultPeriodInterval?: TPeriodKeys;
+    onDateChange?: (date: Date | null) => void;
+    onPeriodChange?: (period: ISelectedPeriod) => void;
+    onSave?: (value: Date | null | ISelectedPeriod) => void;
+}
+
+export type { ICalendarProps };

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import { ICalendarBodyProps } from './components/Calendar/Body/index.js';
+import { ICalendarProps } from './components/Calendar/index.js';
 import { INotificationWrapperProps } from './components/Notification/Wrapper/index.js';
 import { INotificationComponentProps } from './components/Notification/Item/index.js';
 import { IServiceCardComponentProps } from './components/ServiceCardComponent/index.js';
@@ -100,7 +101,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: ({ mode, isOpen, setIsOpen, lang, title, maxDate, selectedDate, selectedPeriod, defaultPeriodInterval, onDateChange, onPeriodChange, onSave, }: ICalendarProps) => react_jsx_runtime.JSX.Element;
+        CalendarBody: ({ lang, month, year, selectedDate, rangeStart, rangeEnd, maxDate, selectedPeriodInterval, onDayClick, onMonthChange, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
     };
 };
 

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

@@ -0,0 +1,13 @@
+interface ISelectedPeriod {
+    fromDate?: Date | null;
+    toDate?: Date | null;
+    periodSelected: boolean;
+}
+type TCalendarMode = "default" | "period";
+interface IPeriodKeys {
+    from: "from";
+    to: "to";
+}
+type TPeriodKeys = keyof IPeriodKeys;
+
+export type { IPeriodKeys, ISelectedPeriod, TCalendarMode, TPeriodKeys };

package/package.json

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