@via-profit/ui-kit 0.1.8 → 0.2.1-alpha.3

package/Calendar/index.js

@@ -10,6 +10,18 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -17,278 +29,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const CalendarBody_1 = __importDefault(require("./CalendarBody"));
-const CalendarCell_1 = __importDefault(require("./CalendarCell"));
-const CalendarEmptyCell_1 = __importDefault(require("./CalendarEmptyCell"));
-const CalendarPaper_1 = __importDefault(require("./CalendarPaper"));
-const CalendarHeader_1 = __importDefault(require("./CalendarHeader"));
-const CalendarWeekRow_1 = __importDefault(require("./CalendarWeekRow"));
-const CalendarDateContainer_1 = __importDefault(require("./CalendarDateContainer"));
-const CalendarToolbar_1 = __importDefault(require("./CalendarToolbar"));
-const CalendarYearsSelector_1 = __importDefault(require("./CalendarYearsSelector"));
-const CalendarMonthsSelector_1 = __importDefault(require("./CalendarMonthsSelector"));
-const CalendarMonthCell_1 = __importDefault(require("./CalendarMonthCell"));
-const CalendarYearCell_1 = __importDefault(require("./CalendarYearCell"));
-const CalendarDayBadge_1 = __importDefault(require("./CalendarDayBadge"));
-const CalendarFooter_1 = __importDefault(require("./CalendarFooter"));
-const CalendarControlButton_1 = __importDefault(require("./CalendarControlButton"));
-const CalendarHeading_1 = __importDefault(require("./CalendarHeading"));
-const CalendarSubheading_1 = __importDefault(require("./CalendarSubheading"));
-const CalendarIconPrev_1 = __importDefault(require("./CalendarIconPrev"));
-const IconChevronRight_1 = __importDefault(require("./IconChevronRight"));
-const CalendarWeekDaysBar_1 = __importDefault(require("./CalendarWeekDaysBar"));
-const use_calendar_1 = require("./use-calendar");
-const reducer_1 = require("./reducer");
-__exportStar(require("./use-calendar"), exports);
-__exportStar(require("./CalendarWeekDaysBar"), exports);
-const Calendar = (props) => {
-    const { minDate = new Date(new Date().getFullYear() - 100, 0, 1, 0, 0, 0), maxDate = new Date(new Date().getFullYear() + 100, 0, 1, 0, 0, 0), weekStartDay = 'monday', locale = 'ru-RU', displayLeadingZero = false, onChange, badges = [], value, defaultValue, markToday, weekDayLabelFormat = 'short', accentColor = 'primary', prevMonthButtonTooltip, nextMonthButtonTooltip, changeMonthButtonTooltip, changeYearButtonTooltip, initialView = (0, reducer_1.createDefaultState)(false).calendarCurrentView, resetButtonLabel, toodayButtonLabel, heading, subheading, footer, overrides, range = false, } = props;
-    if (typeof value !== 'undefined' && typeof onChange === 'undefined') {
-        throw new Error('You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange`.');
-    }
-    const overridesMap = react_1.default.useMemo(() => ({
-        Body: (overrides === null || overrides === void 0 ? void 0 : overrides.Body) || CalendarBody_1.default,
-        Cell: (overrides === null || overrides === void 0 ? void 0 : overrides.Cell) || CalendarCell_1.default,
-        EmptyCell: (overrides === null || overrides === void 0 ? void 0 : overrides.EmptyCell) || CalendarEmptyCell_1.default,
-        Paper: (overrides === null || overrides === void 0 ? void 0 : overrides.Paper) || CalendarPaper_1.default,
-        Header: (overrides === null || overrides === void 0 ? void 0 : overrides.Header) || CalendarHeader_1.default,
-        WeekRow: (overrides === null || overrides === void 0 ? void 0 : overrides.WeekRow) || CalendarWeekRow_1.default,
-        DateContainer: (overrides === null || overrides === void 0 ? void 0 : overrides.DateContainer) || CalendarDateContainer_1.default,
-        Toolbar: (overrides === null || overrides === void 0 ? void 0 : overrides.Toolbar) || CalendarToolbar_1.default,
-        YearsSelector: (overrides === null || overrides === void 0 ? void 0 : overrides.YearsSelector) || CalendarYearsSelector_1.default,
-        MonthsSelector: (overrides === null || overrides === void 0 ? void 0 : overrides.MonthsSelector) || CalendarMonthsSelector_1.default,
-        MonthCell: (overrides === null || overrides === void 0 ? void 0 : overrides.MonthCell) || CalendarMonthCell_1.default,
-        YearCell: (overrides === null || overrides === void 0 ? void 0 : overrides.YearCell) || CalendarYearCell_1.default,
-        DayBadge: (overrides === null || overrides === void 0 ? void 0 : overrides.DayBadge) || CalendarDayBadge_1.default,
-        Footer: (overrides === null || overrides === void 0 ? void 0 : overrides.Footer) || CalendarFooter_1.default,
-        ControlButton: (overrides === null || overrides === void 0 ? void 0 : overrides.ControlButton) || CalendarControlButton_1.default,
-        Heading: (overrides === null || overrides === void 0 ? void 0 : overrides.Heading) || CalendarHeading_1.default,
-        Subheading: (overrides === null || overrides === void 0 ? void 0 : overrides.Subheading) || CalendarSubheading_1.default,
-        IconPrev: (overrides === null || overrides === void 0 ? void 0 : overrides.IconPrev) || CalendarIconPrev_1.default,
-        IconNext: (overrides === null || overrides === void 0 ? void 0 : overrides.IconNext) || IconChevronRight_1.default,
-        WeekDaysBar: (overrides === null || overrides === void 0 ? void 0 : overrides.WeekDaysBar) || CalendarWeekDaysBar_1.default,
-    }), [overrides]);
-    const realValue = react_1.default.useMemo(() => typeof value !== 'undefined'
-        ? value
-        : typeof defaultValue !== 'undefined'
-            ? defaultValue
-            : new Date(), [value, defaultValue]);
-    const initialProps = react_1.default.useRef({
-        value: realValue,
-        badges,
-        initialView,
-    });
-    const initialState = Object.assign(Object.assign({}, (0, reducer_1.createDefaultState)(range)), { calendarValue: realValue, calendarDate: Array.isArray(realValue) ? realValue[0] : realValue, calendarCurrentView: initialView });
-    const [state, dispatch] = react_1.default.useReducer(reducer_1.reducer, initialState);
-    const { isSameDay, getWeeks, getDayLabel, getMonthLabel, getYearLabel, getYearsRange, getMonthsRange, } = (0, use_calendar_1.useCalendar)({
-        minDate,
-        maxDate,
-        weekStartDay,
-        locale,
-        displayLeadingZero,
-    });
-    const { calendarCurrentView, calendarViewVariants, calendarValue, calendarDate } = state;
-    /**
-     * Prev and next month buttons
-     */
-    const handleChangeMonthClick = react_1.default.useCallback((type) => () => {
-        const newDate = type === 'prev'
-            ? new Date(calendarDate.getFullYear(), calendarDate.getMonth() - 1, 1)
-            : new Date(calendarDate.getFullYear(), calendarDate.getMonth() + 1, 1);
-        dispatch({ type: 'setPartial', payload: { calendarDate: newDate } });
-    }, [calendarDate]);
-    /**
-     * Date props was changed
-     */
-    react_1.default.useEffect(() => {
-        if (typeof value !== 'undefined') {
-            dispatch({
-                type: 'setPartial',
-                payload: {
-                    calendarValue: value,
-                    // calendarDate: Array.isArray(value) ? value[0] : value,
-                },
-            });
-        }
-    }, [value, calendarValue, isSameDay, dispatch]);
-    /**
-     * Handle click on Day button
-     */
-    const handleCellDateClick = react_1.default.useCallback((selectedDate) => () => {
-        if (typeof onChange === 'function') {
-            if (range) {
-                const [fromDate, toDate] = calendarValue;
-                dispatch({
-                    type: 'setPartial',
-                    payload: { calendarDate: selectedDate },
-                });
-                if (selectedDate.getTime() >= toDate.getTime()) {
-                    onChange([fromDate, selectedDate]);
-                    return;
-                }
-                if (selectedDate.getTime() < fromDate.getTime()) {
-                    onChange([selectedDate, toDate]);
-                    return;
-                }
-                if (selectedDate.getTime() > fromDate.getTime() &&
-                    selectedDate.getTime() < toDate.getTime()) {
-                    const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
-                    const daysBetweenFromDate = Math.round(Math.abs((fromDate.getTime() - selectedDate.getTime()) / oneDay));
-                    const daysBetweenToDate = Math.round(Math.abs((toDate.getTime() - selectedDate.getTime()) / oneDay));
-                    if (daysBetweenToDate <= daysBetweenFromDate) {
-                        onChange([fromDate, selectedDate]);
-                        return;
-                    }
-                    if (daysBetweenToDate > daysBetweenFromDate) {
-                        onChange([selectedDate, toDate]);
-                        return;
-                    }
-                }
-                throw new Error('Oooops. I don`t know whats is it');
-            }
-            else {
-                onChange(selectedDate);
-            }
-        }
-        if (!calendarValue) {
-            dispatch({
-                type: 'setPartial',
-                payload: {
-                    calendarValue: selectedDate,
-                },
-            });
-        }
-    }, [onChange, calendarValue, range]);
-    /**
-     * Handle of click on year item
-     */
-    const handleYearSelected = react_1.default.useCallback((selectedYear) => () => {
-        const newDate = new Date(calendarDate);
-        newDate.setFullYear(selectedYear);
-        newDate.setMonth(calendarDate.getMonth());
-        newDate.setDate(1);
-        newDate.setHours(0);
-        newDate.setMinutes(0);
-        newDate.setMilliseconds(0);
-        if (calendarDate.getFullYear() !== newDate.getFullYear()) {
-            dispatch({
-                type: 'setPartial',
-                payload: {
-                    calendarDate: newDate,
-                    calendarCurrentView: 'days',
-                },
-            });
-        }
-    }, [calendarDate]);
-    /**
-     * Handle of click on month item
-     */
-    const handleMonthSelected = react_1.default.useCallback((monthIndex) => () => {
-        const newDate = new Date(calendarDate);
-        newDate.setMonth(monthIndex);
-        newDate.setDate(1);
-        newDate.setHours(0);
-        newDate.setMinutes(0);
-        newDate.setMilliseconds(0);
-        if (calendarDate.getMonth() !== newDate.getMonth()) {
-            dispatch({
-                type: 'setPartial',
-                payload: {
-                    calendarDate: newDate,
-                    calendarCurrentView: 'days',
-                },
-            });
-        }
-    }, [calendarDate]);
-    /**
-     * Manual view changing
-     */
-    const handleChangeView = react_1.default.useCallback((selectedView) => () => {
-        dispatch({
-            type: 'setPartial',
-            payload: {
-                calendarCurrentView: selectedView,
-            },
-        });
-    }, []);
-    /**
-     * Handle click on «Reset» button
-     */
-    const handleReset = react_1.default.useCallback(() => {
-        dispatch({
-            type: 'setPartial',
-            payload: {
-                calendarCurrentView: initialProps.current.initialView,
-                calendarDate: initialProps.current.value,
-                calendarValue: initialProps.current.value,
-            },
-        });
-        if (typeof onChange === 'function') {
-            onChange(initialProps.current.value);
-        }
-    }, [onChange]);
-    /**
-     * Handle click on «Today» button
-     */
-    const handleToday = react_1.default.useCallback(() => {
-        const today = new Date();
-        today.setHours(0);
-        today.setMinutes(0);
-        today.setSeconds(0);
-        today.setMilliseconds(0);
-        dispatch({
-            type: 'setPartial',
-            payload: {
-                calendarDate: today,
-            },
-        });
-    }, []);
-    return (react_1.default.createElement(overridesMap.Paper, null,
-        react_1.default.createElement(overridesMap.Header, null,
-            typeof heading !== 'undefined' && react_1.default.createElement(overridesMap.Heading, null, heading),
-            typeof subheading !== 'undefined' && (react_1.default.createElement(overridesMap.Subheading, null, subheading)),
-            react_1.default.createElement(overridesMap.Toolbar, null,
-                react_1.default.createElement(overridesMap.ControlButton, { iconOnly: true, onClick: handleChangeMonthClick('prev'), title: prevMonthButtonTooltip, disabled: calendarCurrentView !== 'days' },
-                    react_1.default.createElement(overridesMap.IconPrev, null)),
-                react_1.default.createElement(overridesMap.ControlButton, { title: changeMonthButtonTooltip, isActive: calendarCurrentView === 'months', disabled: !calendarViewVariants.includes('months'), onClick: handleChangeView(calendarCurrentView === 'months' ? 'days' : 'months') }, getMonthLabel(calendarDate)),
-                react_1.default.createElement(overridesMap.ControlButton, { isActive: calendarCurrentView === 'years', disabled: !calendarViewVariants.includes('years'), title: changeYearButtonTooltip, onClick: handleChangeView(calendarCurrentView === 'years' ? 'days' : 'years') }, getYearLabel(calendarDate)),
-                react_1.default.createElement(overridesMap.ControlButton, { iconOnly: true, onClick: handleChangeMonthClick('next'), title: nextMonthButtonTooltip, disabled: calendarCurrentView !== 'days' },
-                    react_1.default.createElement(overridesMap.IconNext, null)))),
-        react_1.default.createElement(overridesMap.WeekDaysBar, { locale: locale, week: getWeeks(calendarDate)[0], format: weekDayLabelFormat || 'short' }),
-        react_1.default.createElement(overridesMap.Body, null,
-            calendarCurrentView === 'years' && (react_1.default.createElement(overridesMap.YearsSelector, null, getYearsRange(minDate, maxDate).map(year => {
-                const a = Array.isArray(calendarValue) ? calendarValue : [calendarValue];
-                const isSelected = a.find(d => d.getFullYear() === year) !== undefined;
-                return (react_1.default.createElement(overridesMap.YearCell, { key: year, accentColor: accentColor, isSelected: isSelected, onClick: handleYearSelected(year) }, getYearLabel(new Date(year, calendarDate.getMonth(), calendarDate.getDate(), 0, 0, 0, 0))));
-            }))),
-            calendarCurrentView === 'months' && (react_1.default.createElement(overridesMap.MonthsSelector, null, getMonthsRange(minDate, maxDate).map(monthIndex => {
-                const a = Array.isArray(calendarValue) ? calendarValue : [calendarValue];
-                const isSelected = a.find(d => d.getMonth() === monthIndex) !== undefined;
-                return (react_1.default.createElement(overridesMap.MonthCell, { key: monthIndex, accentColor: accentColor, isSelected: isSelected, onClick: handleMonthSelected(monthIndex) }, getMonthLabel(new Date(calendarDate.getFullYear(), monthIndex, 1, 0, 0, 0, 0))));
-            }))),
-            calendarCurrentView === 'days' && (react_1.default.createElement(overridesMap.DateContainer, null, getWeeks(calendarDate).map(week => (react_1.default.createElement(overridesMap.WeekRow, { key: week.weekNumber.toString() }, week.days.map(day => {
-                if (day.date.getMonth() === calendarDate.getMonth()) {
-                    const badge = badges.find(b => isSameDay(b.date, day.date));
-                    const a = Array.isArray(calendarValue)
-                        ? calendarValue
-                        : [calendarValue, calendarValue];
-                    const isSelected = isSameDay(a[0], day.date) || isSameDay(a[1], day.date);
-                    const fill = Array.isArray(calendarValue)
-                        ? day.date.getTime() > calendarValue[0].getTime() &&
-                            day.date.getTime() < calendarValue[1].getTime()
-                        : false;
-                    return (react_1.default.createElement(overridesMap.Cell, { key: day.date.getTime(), isToday: markToday && day.isToday, isDisabled: day.isDisabled, accentColor: accentColor, isSelected: isSelected, onClick: handleCellDateClick(day.date), fill: fill },
-                        getDayLabel(day.date),
-                        typeof badge !== 'undefined' && (react_1.default.createElement(overridesMap.DayBadge, { badgeContent: badge.badgeContent, isToday: day.isToday, accentColor: badge.accentColor }))));
-                }
-                return react_1.default.createElement(overridesMap.EmptyCell, { key: day.date.getTime() });
-            }))))))),
-        (typeof resetButtonLabel !== 'undefined' ||
-            typeof toodayButtonLabel !== 'undefined' ||
-            typeof footer !== 'undefined') && (react_1.default.createElement(overridesMap.Footer, null,
-            typeof footer !== 'undefined' && react_1.default.createElement(react_1.default.Fragment, null, footer),
-            typeof toodayButtonLabel !== 'undefined' && (react_1.default.createElement(overridesMap.ControlButton, { onClick: handleToday }, toodayButtonLabel)),
-            typeof resetButtonLabel !== 'undefined' && (react_1.default.createElement(overridesMap.ControlButton, { onClick: handleReset }, resetButtonLabel))))));
-};
+const React = __importStar(require("react"));
+const CalendarComponent_1 = require("./CalendarComponent");
+const ErrorBoundary_1 = __importDefault(require("../ErrorBoundary"));
+__exportStar(require("./CalendarComponent"), exports);
+const Calendar = React.forwardRef((props, ref) => (React.createElement(ErrorBoundary_1.default, null,
+    React.createElement(CalendarComponent_1.CalendarComponent, Object.assign({}, props, { ref: ref })))));
+Calendar.displayName = 'Calendar';
 exports.default = Calendar;

package/Calendar/use-calendar.d.ts

@@ -1,4 +1,4 @@
-export type CalendarValue<Multiple> = Multiple extends undefined ? Date : [Date, Date];
+export type CalendarValue<Range> = Range extends undefined ? Date | null : [Date, Date] | [Date | null] | null;
 export type WeekDayName = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
 export type Day = {
     readonly date: Date;

package/Calendar/use-calendar.js

@@ -6,65 +6,78 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCalendar = void 0;
 const react_1 = __importDefault(require("react"));
 const WHITESPACE = '\u{0020}';
+const WEEK_IN_MS = 604800000; // 7 * 24 * 60 * 60 * 1000
+// Константа для маппинга дней недели
+const WEEK_DAYS_MAP = {
+    sunday: 0,
+    monday: 1,
+    tuesday: 2,
+    wednesday: 3,
+    thursday: 4,
+    friday: 5,
+    saturday: 6,
+};
 const useCalendar = (props) => {
     const { minDate, maxDate, weekStartDay, displayLeadingZero, locale } = props;
+    // Мемоизируем timestamp граничных дат для оптимизации проверок isDisabled
+    const minTime = react_1.default.useMemo(() => minDate.getTime(), [minDate]);
+    const maxTime = react_1.default.useMemo(() => maxDate.getTime(), [maxDate]);
+    // Мемоизируем номер дня начала недели
+    const weekStartDayNumber = react_1.default.useMemo(() => WEEK_DAYS_MAP[weekStartDay], [weekStartDay]);
+    // Оптимизированная функция isSameDay
     const isSameDay = react_1.default.useCallback((a, b) => a.getFullYear() === b.getFullYear() &&
         a.getMonth() === b.getMonth() &&
         a.getDate() === b.getDate(), []);
-    const isToday = react_1.default.useCallback((dateValue) => isSameDay(dateValue, new Date()), [isSameDay]);
-    const isDisabled = react_1.default.useCallback((dateValue) => {
-        const min = minDate.getTime() || 0;
-        const max = maxDate.getTime() || Number.MAX_VALUE;
-        const current = dateValue.getTime();
-        return current > max || current < min;
-    }, [maxDate, minDate]);
-    const calculateWeekNumber = react_1.default.useCallback((dt) => {
-        const tdt = new Date(dt.valueOf());
-        const dayn = (dt.getDay() + 6) % 7;
-        tdt.setDate(tdt.getDate() - dayn + 3);
-        const firstThursday = tdt.valueOf();
-        tdt.setMonth(0, 1);
-        if (tdt.getDay() !== 4) {
-            tdt.setMonth(0, 1 + ((4 - tdt.getDay() + 7) % 7));
-        }
-        return 1 + Math.ceil((firstThursday - tdt.getTime()) / 604800000);
+    // Мемоизируем сегодняшнюю дату для isToday
+    const today = react_1.default.useMemo(() => {
+        const now = new Date();
+        return new Date(now.getFullYear(), now.getMonth(), now.getDate());
     }, []);
-    const weekDaysMap = react_1.default.useMemo(() => ({
-        sunday: 0,
-        monday: 1,
-        tuesday: 2,
-        wednesday: 3,
-        thursday: 4,
-        friday: 5,
-        saturday: 6,
-    }), []);
+    const isToday = react_1.default.useCallback((dateValue) => isSameDay(dateValue, today), [isSameDay, today]);
+    const isDisabled = react_1.default.useCallback((dateValue) => {
+        const currentTime = dateValue.getTime();
+        return currentTime > maxTime || currentTime < minTime;
+    }, [maxTime, minTime]);
+    const calculateWeekNumber = react_1.default.useCallback((date) => {
+        // Используем UTC методы для избежания проблем с часовыми поясами
+        const year = date.getFullYear();
+        const month = date.getMonth();
+        const day = date.getDate();
+        // Создаем дату без времени
+        const d = new Date(Date.UTC(year, month, day));
+        // День недели (0-6)
+        const dayOfWeek = d.getUTCDay();
+        // Смещение от начала недели
+        const diff = (dayOfWeek - weekStartDayNumber + 7) % 7;
+        // Первый день недели
+        const weekStart = new Date(Date.UTC(year, month, day - diff));
+        // Первый день года
+        const yearStart = new Date(Date.UTC(year, 0, 1));
+        // Вычисляем номер недели
+        return Math.floor((weekStart.getTime() - yearStart.getTime()) / WEEK_IN_MS) + 1;
+    }, [weekStartDayNumber]);
     const getDayLabel = react_1.default.useCallback((day) => {
         const dateNum = day.getDate();
-        if (!displayLeadingZero) {
-            return dateNum.toString();
-        }
-        const numStr = `0${dateNum}`;
-        return numStr.substring(numStr.length - 2);
+        return displayLeadingZero ? dateNum.toString().padStart(2, '0') : dateNum.toString();
     }, [displayLeadingZero]);
+    // Мемоизируем Intl форматеры для производительности
+    const monthFormatter = react_1.default.useMemo(() => (typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, { month: 'long' }) : null), [locale]);
+    const yearFormatter = react_1.default.useMemo(() => typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, { year: 'numeric' }) : null, [locale]);
     const getMonthLabel = react_1.default.useCallback((dateValue) => {
-        const title = typeof Intl !== 'undefined'
-            ? new Intl.DateTimeFormat(locale, {
-                month: 'long',
-            }).format(dateValue)
-            : WHITESPACE;
+        if (!monthFormatter)
+            return WHITESPACE;
+        const title = monthFormatter.format(dateValue);
         return title.charAt(0).toUpperCase() + title.slice(1);
-    }, [locale]);
-    const getYearLabel = react_1.default.useCallback((dateValue) => typeof Intl !== 'undefined'
-        ? new Intl.DateTimeFormat(locale, {
-            year: 'numeric',
-        }).format(dateValue)
-        : WHITESPACE, [locale]);
+    }, [monthFormatter]);
+    const getYearLabel = react_1.default.useCallback((dateValue) => { var _a; return (_a = yearFormatter === null || yearFormatter === void 0 ? void 0 : yearFormatter.format(dateValue)) !== null && _a !== void 0 ? _a : WHITESPACE; }, [yearFormatter]);
     const getYearsRange = react_1.default.useCallback((minDate, maxDate) => {
-        const y = [];
-        for (let year = minDate.getFullYear(); year >= minDate.getFullYear() && year <= maxDate.getFullYear(); year++) {
-            y.push(year);
+        const years = [];
+        const startYear = minDate.getFullYear();
+        const endYear = maxDate.getFullYear();
+        for (let year = startYear; year <= endYear; year++) {
+            years.push(year);
         }
-        return y;
+        return years;
     }, []);
     const getMonthsRange = react_1.default.useCallback((minDate, maxDate) => {
         const m = [];
@@ -77,122 +90,56 @@ const useCalendar = (props) => {
         }
         return m;
     }, []);
+    const weeksCache = react_1.default.useRef(new Map());
     const getWeeks = react_1.default.useCallback((needleDate) => {
-        const list = [];
-        const startOfDate = new Date(needleDate.getFullYear(), needleDate.getMonth(), 1, 0, 0, 0, 0);
-        const lastOfDate = new Date(needleDate.getFullYear(), needleDate.getMonth() + 1, 0, 0, 0, 0);
-        const startDayNum = weekDaysMap[weekStartDay];
-        const week = new Set();
-        const d = new Date(needleDate);
-        for (let dateNum = 1; dateNum < lastOfDate.getDate() + 1; dateNum++) {
-            d.setDate(dateNum);
-            // if is start of the week then set a new week
-            if (d.getDay() === startDayNum) {
-                const days = [...week].map(day => ({
-                    date: day,
-                    isToday: isToday(day),
-                    isDisabled: isDisabled(day),
-                }));
-                if (days.length) {
-                    list.push({
-                        weekNumber: calculateWeekNumber(days[0].date),
-                        days,
-                    });
-                }
-                week.clear();
-            }
-            week.add(new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0));
-            // if is last of iteration
-            if (dateNum === lastOfDate.getDate()) {
-                const days = [...week].map(day => ({
-                    date: day,
-                    isToday: isToday(day),
-                    isDisabled: isDisabled(day),
-                }));
-                if (days.length) {
-                    list.push({
-                        weekNumber: calculateWeekNumber(days[0].date),
-                        days,
-                    });
-                }
-                week.clear();
-            }
-        }
-        // Fill the prev days
-        if (list[0].days.length < 7) {
-            const fillDays = 7 - list[0].days.length;
-            const days = list[0].days;
-            for (let fillIndex = 0; fillIndex < fillDays; fillIndex++) {
-                const day = new Date(startOfDate.getFullYear(), startOfDate.getMonth(), -fillIndex, 0, 0, 0, 0);
-                days.unshift({
-                    date: day,
-                    isDisabled: isDisabled(day),
-                    isToday: isToday(day),
-                });
-            }
-            list[0] = {
-                days,
-                weekNumber: calculateWeekNumber(days[0].date),
-            };
+        const year = needleDate.getFullYear();
+        const month = needleDate.getMonth();
+        const cacheKey = `${year}-${month}-${weekStartDay}-${minTime}-${maxTime}`;
+        const cached = weeksCache.current.get(cacheKey);
+        if (cached) {
+            return cached;
         }
-        // fill the next days
-        if (list[list.length - 1].days.length < 7) {
-            const fillDays = 7 - list[list.length - 1].days.length;
-            const days = list[list.length - 1].days;
-            for (let fillIndex = 0; fillIndex < fillDays; fillIndex++) {
-                const day = new Date(lastOfDate.getFullYear(), lastOfDate.getMonth() + 1, fillIndex + 1, 0, 0, 0, 0);
-                days.push({
-                    date: day,
-                    isDisabled: isDisabled(day),
-                    isToday: isToday(day),
-                });
+        // Первый и последний день месяца
+        const firstDay = new Date(year, month, 1);
+        const lastDay = new Date(year, month + 1, 0);
+        // Вычисляем начало календарной сетки
+        const startOffset = (firstDay.getDay() - weekStartDayNumber + 7) % 7;
+        const startDate = new Date(year, month, 1 - startOffset);
+        // Вычисляем конец календарной сетки
+        const endOffset = (weekStartDayNumber + 6 - lastDay.getDay() + 7) % 7;
+        const endDate = new Date(year, month, lastDay.getDate() + endOffset);
+        const weeks = [];
+        const currentDate = new Date(startDate);
+        // Предаллоцируем массив для дней недели
+        const weekDays = new Array(7);
+        while (currentDate <= endDate) {
+            // Заполняем дни недели
+            for (let i = 0; i < 7; i++) {
+                const date = new Date(currentDate);
+                weekDays[i] = {
+                    date,
+                    isToday: isToday(date),
+                    isDisabled: isDisabled(date),
+                };
+                currentDate.setDate(currentDate.getDate() + 1);
             }
-            list[list.length - 1] = {
-                days,
-                weekNumber: calculateWeekNumber(days[0].date),
-            };
-        }
-        // if weeks length is 4 only
-        // then prepend week
-        if (list.length === 4) {
-            const fillDays = 7;
-            const days = [];
-            const firstWeek = list[0];
-            const firstDate = firstWeek.days[0].date;
-            for (let fillIndex = 0; fillIndex < fillDays; fillIndex++) {
-                const day = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() - fillIndex, 0, 0, 0, 0);
-                days.unshift({
-                    date: day,
-                    isDisabled: isDisabled(day),
-                    isToday: isToday(day),
-                });
-            }
-            list.unshift({
-                days,
-                weekNumber: calculateWeekNumber(days[0].date),
+            // Создаем копию массива дней для недели
+            weeks.push({
+                weekNumber: calculateWeekNumber(weekDays[0].date),
+                days: [...weekDays],
             });
         }
-        // if weeks length is 5 only
-        // then append week
-        if (list.length === 5) {
-            const lastWeek = list[list.length - 1];
-            const lastDate = lastWeek.days[lastWeek.days.length - 1].date;
-            const days = [];
-            for (let fillIndex = 0; fillIndex < 7; fillIndex++) {
-                const day = new Date(lastDate.getFullYear(), lastDate.getMonth(), lastDate.getDate() + fillIndex + 1, 0, 0, 0, 0);
-                days.push({
-                    date: day,
-                    isDisabled: isDisabled(day),
-                    isToday: isToday(day),
-                });
+        // Сохраняем в кэш
+        weeksCache.current.set(cacheKey, weeks);
+        // Очищаем старые записи кэша (если больше 10)
+        if (weeksCache.current.size > 10) {
+            const keys = Array.from(weeksCache.current.keys());
+            for (let i = 0; i < keys.length - 10; i++) {
+                weeksCache.current.delete(keys[i]);
             }
-            list.push({
-                days,
-                weekNumber: calculateWeekNumber(days[0].date),
-            });
         }
-        return list;
-    }, [weekDaysMap, weekStartDay, isToday, isDisabled, calculateWeekNumber]);
+        return weeks;
+    }, [weekStartDay, minTime, maxTime, weekStartDayNumber, calculateWeekNumber, isToday, isDisabled]);
     return {
         isSameDay,
         isToday,