@alfalab/core-components 19.11.1 → 20.0.0

package/calendar/cssm/components/years-table/Component.d.ts

@@ -1,21 +0,0 @@
-import { FC } from 'react';
-type YearsTableProps = {
-    /**
-     * Массив лет
-     */
-    years?: Date[];
-    /**
-     * Выбранный год
-     */
-    selectedYear?: Date;
-    /**
-     * Доп. пропсы для переданного года
-     */
-    getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
-    onScroll: (scrollTop: number) => void;
-};
-declare const YearsTable: FC<YearsTableProps>;
-export { YearsTableProps, YearsTable };

package/calendar/cssm/components/years-table/Component.js

@@ -1,44 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
-var React = require('react');
-require('classnames');
-var dateFns = require('date-fns');
-require('../../../../button/cssm');
-require('../select-button/index.module.css');
-var components_selectButton_Component = require('../select-button/Component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
-var YearsTable = function (_a) {
-    var selectedYear = _a.selectedYear, _b = _a.years, years = _b === void 0 ? [] : _b, getYearProps = _a.getYearProps, onScroll = _a.onScroll;
-    var ref = React.useRef(null);
-    var view = React.useCallback(function (year) {
-        if (selectedYear && dateFns.isSameYear(selectedYear, year))
-            return 'selected';
-        if (dateFns.isThisYear(year))
-            return 'outlined';
-        return 'default';
-    }, [selectedYear]);
-    var handleScroll = React.useCallback(function (event) {
-        onScroll(event.currentTarget.scrollTop);
-    }, [onScroll]);
-    React.useLayoutEffect(function () {
-        var listNode = ref.current;
-        var selector = "." + styles__default['default'].button + "[tabIndex=\"0\"]";
-        var selectedYearNode = listNode && listNode.querySelector(selector);
-        if (listNode && selectedYearNode) {
-            var topIndent = listNode.clientHeight / 2 - selectedYearNode.clientHeight / 2;
-            listNode.scrollTop = selectedYearNode.offsetTop - topIndent;
-            onScroll(listNode.scrollTop);
-        }
-    }, [onScroll, selectedYear]);
-    return (React__default['default'].createElement("div", { className: styles__default['default'].yearsTable, onScroll: handleScroll, ref: ref },
-        React__default['default'].createElement("div", { className: styles__default['default'].inner }, years.map(function (year) { return (React__default['default'].createElement(components_selectButton_Component.SelectButton, tslib_es6.__assign({}, getYearProps(year), { key: year.getFullYear(), view: view(year), className: styles__default['default'].button }), year.getFullYear())); }))));
-};
-
-exports.YearsTable = YearsTable;

package/calendar/cssm/components/years-table/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/calendar/cssm/components/years-table/index.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../tslib.es6-ce870b46.js');
-require('react');
-require('classnames');
-require('date-fns');
-require('../../../../button/cssm');
-require('../select-button/index.module.css');
-require('../select-button/Component.js');
-require('./index.module.css');
-var components_yearsTable_Component = require('./Component.js');
-
-
-
-exports.YearsTable = components_yearsTable_Component.YearsTable;

package/calendar/cssm/components/years-table/index.module.css

@@ -1,62 +0,0 @@
-:root {
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-    --gap-m-neg: -16px;
-}
-:root {
-
-    /* Кнопки выбора месяцев и годов */
-    --calendar-selector-button-width: 100px;
-
-    /* Шапка */
-
-    /* День */
-
-    /* today */
-
-    /* highlighted */
-
-    /* range */
-
-    /* selected */
-
-    /* disabled */
-
-    /* marker */
-}
-.yearsTable {
-    overflow: auto;
-    overflow-x: hidden;
-    width: 100%;
-    margin-bottom: var(--gap-m-neg);
-    padding-top: 6px;
-}
-.inner {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    position: relative;
-
-    /* 16px - 3px margin от кнопки года */
-    left: 13px;
-    overflow: hidden;
-}
-.button {
-    width: var(--calendar-selector-button-width);
-    margin: 0 3px var(--gap-xs)
-}
-.button:nth-last-child(-n + 3) {
-        margin-bottom: 0;
-    }

package/calendar/cssm/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Component";
-export { usePeriod } from "./usePeriod";
-export { useCalendar } from "./useCalendar";
-export { russianWeekDay, dateInLimits, limitDate, monthName, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, SUNDAY_INDEX, WEEKDAYS } from "./utils";

package/calendar/cssm/index.js

@@ -1,40 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-ce870b46.js');
-require('react');
-require('classnames');
-require('date-fns');
-require('@alfalab/hooks');
-require('../../button/cssm');
-require('./components/select-button/index.module.css');
-require('./components/select-button/Component.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('react-transition-group');
-var utils = require('./utils.js');
-require('./components/days-table/index.module.css');
-require('./components/days-table/Component.js');
-require('./components/months-table/index.module.css');
-require('./components/months-table/Component.js');
-require('./components/years-table/index.module.css');
-require('./components/years-table/Component.js');
-require('react-merge-refs');
-var useCalendar = require('./useCalendar.js');
-require('./index.module.css');
-var Component = require('./Component.js');
-var usePeriod = require('./usePeriod.js');
-
-
-
-exports.DAYS_IN_WEEK = utils.DAYS_IN_WEEK;
-exports.MONTHS = utils.MONTHS;
-exports.MONTHS_IN_YEAR = utils.MONTHS_IN_YEAR;
-exports.SUNDAY_INDEX = utils.SUNDAY_INDEX;
-exports.WEEKDAYS = utils.WEEKDAYS;
-exports.dateInLimits = utils.dateInLimits;
-exports.limitDate = utils.limitDate;
-exports.monthName = utils.monthName;
-exports.russianWeekDay = utils.russianWeekDay;
-exports.useCalendar = useCalendar.useCalendar;
-exports.Calendar = Component.Calendar;
-exports.usePeriod = usePeriod.usePeriod;

package/calendar/cssm/index.module.css

@@ -1,58 +0,0 @@
-:root {
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-m: 16px;
-}
-:root {
-    --calendar-width: 344px;
-    --calendar-height: 340px;
-
-    /* Кнопки выбора месяцев и годов */
-
-    /* Шапка */
-
-    /* День */
-
-    /* today */
-
-    /* highlighted */
-
-    /* range */
-
-    /* selected */
-
-    /* disabled */
-
-    /* marker */
-}
-.component {
-    width: var(--calendar-width);
-    height: var(--calendar-height);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    outline: none;
-}
-.container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-bottom: var(--gap-m);
-    box-sizing: border-box;
-    flex-grow: 1;
-    overflow: hidden;
-}
-.sixWeeks {
-    height: 379px;
-}

package/calendar/cssm/typings.d.ts

@@ -1,15 +0,0 @@
-type SpecialDays = Record<number, boolean>;
-type Day = {
-    date: Date;
-    disabled?: boolean;
-    event?: boolean;
-    selected?: boolean;
-};
-type Month = {
-    date: Date;
-    disabled?: boolean;
-};
-type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
-type View = 'years' | 'months' | 'days';
-type SelectorView = 'month-only' | 'full';
-export { SpecialDays, Day, Month, DateShift, View, SelectorView };

package/calendar/cssm/typings.js

@@ -1 +0,0 @@
-

package/calendar/cssm/useCalendar.d.ts

@@ -1,89 +0,0 @@
-/// <reference types="react" />
-import { KeyboardEvent, MouseEvent } from 'react';
-import { Day, Month, View } from "./typings";
-type UseCalendarProps = {
-    /**
-     * Активный вид (выбор дней, месяцев, лет)
-     */
-    view?: View;
-    /**
-     * Выбранный месяц (controlled)
-     */
-    month?: Date;
-    /**
-     * Начальный месяц
-     */
-    defaultMonth: Date;
-    /**
-     * Минимальная дата, доступная для выбора
-     */
-    minDate?: Date;
-    /**
-     * Максимальная дата, доступная для выбора
-     */
-    maxDate?: Date;
-    /**
-     * Выбранная дата
-     */
-    selected?: Date;
-    /**
-     * Список событий
-     */
-    events?: Array<Date | number>;
-    /**
-     * Список выходных дней
-     */
-    offDays?: Array<Date | number>;
-    /**
-     * Обработчик изменения месяца (или года)
-     */
-    onMonthChange?: (month: number) => void;
-    /**
-     * Обработчик выбора даты
-     */
-    onChange?: (date: number) => void;
-};
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onChange, }: UseCalendarProps): {
-    activeMonth: Date;
-    weeks: Day[][];
-    months: Month[];
-    years: Date[];
-    canSetPrevMonth: boolean;
-    canSetNextMonth: boolean;
-    highlighted: number | Date | undefined;
-    setPrevMonth: () => void;
-    setNextMonth: () => void;
-    setMonthByDate: (newMonth: Date) => void;
-    getDayProps: (day: Day) => {
-        'data-date': number;
-        'aria-selected': boolean | undefined;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        onMouseEnter: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
-        onMouseLeave: () => void;
-        onClick: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
-    };
-    getMonthProps: (month: Month) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        disabled: boolean | undefined;
-        onClick: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
-    };
-    getYearProps: (year: Date) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        onClick: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }) => {
-        onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-};
-export { UseCalendarProps, useCalendar };

package/calendar/cssm/useCalendar.js

@@ -1,283 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var dateFns = require('date-fns');
-var utils = require('./utils.js');
-var mergeRefs = require('react-merge-refs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-
-function useCalendar(_a) {
-    var defaultMonth = _a.defaultMonth, month = _a.month, minDate = _a.minDate, _b = _a.view, view = _b === void 0 ? 'days' : _b, maxDate = _a.maxDate, selected = _a.selected, events = _a.events, offDays = _a.offDays, onMonthChange = _a.onMonthChange, onChange = _a.onChange;
-    var _c = React.useState(defaultMonth), monthState = _c[0], setMonthState = _c[1];
-    var _d = React.useState(), highlighted = _d[0], setHighlighted = _d[1];
-    var uncontrolled = month === undefined;
-    var activeMonth = uncontrolled ? monthState : month;
-    var dateRefs = React.useRef([]);
-    var rootRef = React.useRef(null);
-    var minMonth = React.useMemo(function () { return minDate && dateFns.startOfMonth(minDate); }, [minDate]);
-    var maxMonth = React.useMemo(function () { return maxDate && dateFns.startOfMonth(maxDate); }, [maxDate]);
-    var canSetPrevMonth = minMonth ? activeMonth > minMonth : true;
-    var canSetNextMonth = maxMonth ? activeMonth < maxMonth : true;
-    var eventsMap = React.useMemo(function () { return utils.dateArrayToHashTable(events || []); }, [events]);
-    var offDaysMap = React.useMemo(function () { return utils.dateArrayToHashTable(offDays || []); }, [offDays]);
-    var weeks = React.useMemo(function () { return utils.generateWeeks(activeMonth, { minDate: minDate, maxDate: maxDate, selected: selected, eventsMap: eventsMap, offDaysMap: offDaysMap }); }, [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap]);
-    var months = React.useMemo(function () { return utils.generateMonths(activeMonth, { minMonth: minMonth, maxMonth: maxMonth }); }, [
-        minMonth,
-        maxMonth,
-        activeMonth,
-    ]);
-    var years = React.useMemo(function () { return utils.generateYears(minDate || dateFns.subYears(new Date(), 100), maxDate || new Date()); }, [minDate, maxDate]);
-    var setMonth = React.useCallback(function (newMonth) {
-        if (uncontrolled) {
-            setMonthState(newMonth);
-        }
-        if (onMonthChange) {
-            onMonthChange(newMonth.getTime());
-        }
-    }, [onMonthChange, uncontrolled]);
-    var setMonthByStep = React.useCallback(function (step) {
-        setMonth(utils.limitDate(dateFns.addMonths(activeMonth, step), minMonth, maxMonth));
-    }, [setMonth, activeMonth, minMonth, maxMonth]);
-    var setMonthByDate = React.useCallback(function (newMonth) {
-        setMonth(utils.limitDate(newMonth, minMonth, maxMonth));
-    }, [maxMonth, minMonth, setMonth]);
-    var setNextMonth = React.useCallback(function () {
-        setMonthByStep(1);
-    }, [setMonthByStep]);
-    var setPrevMonth = React.useCallback(function () {
-        setMonthByStep(-1);
-    }, [setMonthByStep]);
-    var getFocusedDate = React.useCallback(function () { return dateRefs.current.find(function (node) { return document.activeElement === node; }); }, []);
-    var getFocusableDate = React.useCallback(function () { return dateRefs.current.find(function (node) { return node && node.tabIndex === 0; }); }, []);
-    var focusDate = React.useCallback(function (node) {
-        if (node) {
-            utils.simulateTab(node);
-            node.focus();
-        }
-    }, []);
-    var focusFirstAvailableDate = React.useCallback(function () { return focusDate(getFocusableDate()); }, [
-        focusDate,
-        getFocusableDate,
-    ]);
-    var focusDay = React.useCallback(function (shift) {
-        var focusedNode = getFocusedDate();
-        if (focusedNode && focusedNode.dataset.date) {
-            var focusedDate = new Date(+focusedNode.dataset.date);
-            var newDate_1 = utils.modifyDateByShift(shift, focusedDate, minDate, maxDate, offDaysMap);
-            var monthChanged = false;
-            if (newDate_1 < focusedDate && newDate_1.getMonth() !== focusedDate.getMonth()) {
-                setPrevMonth();
-                monthChanged = true;
-            }
-            if (newDate_1 > focusedDate && newDate_1.getMonth() !== focusedDate.getMonth()) {
-                setNextMonth();
-                monthChanged = true;
-            }
-            var effect = function () { return focusDate(dateRefs.current[newDate_1.getDate() - 1]); };
-            if (monthChanged) {
-                setTimeout(effect, 0);
-            }
-            else {
-                effect();
-            }
-        }
-        else {
-            focusFirstAvailableDate();
-        }
-    }, [
-        focusDate,
-        focusFirstAvailableDate,
-        getFocusedDate,
-        maxDate,
-        minDate,
-        offDaysMap,
-        setNextMonth,
-        setPrevMonth,
-    ]);
-    var focusMonth = React.useCallback(function (offset) {
-        var focusedNode = getFocusedDate();
-        if (focusedNode && focusedNode.dataset.date) {
-            var focusedMonth = new Date(+focusedNode.dataset.date).getMonth();
-            var newFocusedMonth = focusedMonth + offset;
-            if (newFocusedMonth >= 0 && newFocusedMonth < utils.MONTHS_IN_YEAR) {
-                focusDate(dateRefs.current[newFocusedMonth]);
-            }
-        }
-        else {
-            focusFirstAvailableDate();
-        }
-    }, [focusDate, focusFirstAvailableDate, getFocusedDate]);
-    var focusYear = React.useCallback(function (offset) {
-        var focusedNode = getFocusedDate();
-        if (focusedNode && focusedNode.dataset.date) {
-            var focusedYear = new Date(+focusedNode.dataset.date).getFullYear();
-            var newFocusedYear = focusedYear + offset;
-            var currentYear = new Date().getFullYear();
-            if (newFocusedYear <= currentYear && newFocusedYear > currentYear - years.length) {
-                focusDate(dateRefs.current[newFocusedYear]);
-            }
-        }
-        else {
-            focusFirstAvailableDate();
-        }
-    }, [focusDate, focusFirstAvailableDate, getFocusedDate, years.length]);
-    var handleMonthClick = React.useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        if (date) {
-            setMonthByDate(new Date(+date));
-        }
-        /**
-         * Возвращаем фокус внутрь компонента после переключения
-         * Но только если фокус и раньше был внутри
-         */
-        if (rootRef.current && rootRef.current.contains(document.activeElement)) {
-            rootRef.current.focus();
-        }
-    }, [setMonthByDate]);
-    var handleYearClick = React.useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        if (date) {
-            setMonthByDate(dateFns.setYear(activeMonth, new Date(+date).getFullYear()));
-        }
-        if (rootRef.current && rootRef.current.contains(document.activeElement)) {
-            rootRef.current.focus();
-        }
-    }, [activeMonth, setMonthByDate]);
-    var handleDateRef = React.useCallback(function (node, index) {
-        dateRefs.current[index] = node;
-    }, []);
-    var handleDayMouseEnter = React.useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        setHighlighted(date ? +date : undefined);
-    }, []);
-    var handleDayMouseLeave = React.useCallback(function () {
-        setHighlighted(undefined);
-    }, []);
-    var handleDayClick = React.useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        if (date && onChange) {
-            onChange(+date);
-        }
-    }, [onChange]);
-    var daysControls = React.useMemo(function () { return ({
-        ArrowLeft: function () { return focusDay('prev'); },
-        ArrowRight: function () { return focusDay('next'); },
-        ArrowUp: function () { return focusDay('prevWeek'); },
-        ArrowDown: function () { return focusDay('nextWeek'); },
-        End: function () { return focusDay('endOfWeek'); },
-        Home: function () { return focusDay('startOfWeek'); },
-        PageUp: function () { return focusDay('prevMonth'); },
-        PageDown: function () { return focusDay('nextMonth'); },
-    }); }, [focusDay]);
-    var monthControls = React.useMemo(function () { return ({
-        ArrowLeft: function () { return focusMonth(-1); },
-        ArrowRight: function () { return focusMonth(1); },
-        ArrowUp: function () { return focusMonth(-3); },
-        ArrowDown: function () { return focusMonth(3); },
-    }); }, [focusMonth]);
-    var yearsControls = React.useMemo(function () { return ({
-        ArrowLeft: function () { return focusYear(1); },
-        ArrowRight: function () { return focusYear(-1); },
-        ArrowUp: function () { return focusYear(3); },
-        ArrowDown: function () { return focusYear(-3); },
-    }); }, [focusYear]);
-    var controlsByView = {
-        days: daysControls,
-        months: monthControls,
-        years: yearsControls,
-    };
-    var handleKeyDown = React.useCallback(function (event) {
-        var controls = controlsByView[view];
-        if (event.key in controls) {
-            controls[event.key]();
-            event.preventDefault();
-        }
-    }, [controlsByView, view]);
-    var focusableDayIsSet = false;
-    var getDayProps = React.useCallback(function (day) {
-        var daySelected = selected && dateFns.isSameDay(selected, day.date);
-        var canFocus = daySelected;
-        // Если день не выбран — фокус должен начинаться с первого доступного дня месяца
-        if ((!selected || !dateFns.isSameMonth(selected, activeMonth)) &&
-            !focusableDayIsSet &&
-            !day.disabled) {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            focusableDayIsSet = true;
-            canFocus = true;
-        }
-        return {
-            'data-date': day.date.getTime(),
-            'aria-selected': daySelected,
-            ref: function (node) {
-                handleDateRef(node, day.date.getDate() - 1);
-            },
-            tabIndex: canFocus ? 0 : -1,
-            onMouseEnter: handleDayMouseEnter,
-            onMouseLeave: handleDayMouseLeave,
-            onClick: handleDayClick,
-        };
-    }, [
-        handleDayClick,
-        handleDateRef,
-        handleKeyDown,
-        handleDayMouseEnter,
-        handleDayMouseLeave,
-        selected,
-    ]);
-    var getMonthProps = React.useCallback(
-    // eslint-disable-next-line no-shadow
-    function (month) {
-        var monthselected = dateFns.isSameMonth(activeMonth, month.date);
-        return {
-            'data-date': month.date.getTime(),
-            'aria-selected': monthselected,
-            ref: function (node) {
-                handleDateRef(node, month.date.getMonth());
-            },
-            tabIndex: monthselected ? 0 : -1,
-            disabled: month.disabled,
-            onClick: handleMonthClick,
-        };
-    }, [activeMonth, handleDateRef, handleMonthClick]);
-    var getYearProps = React.useCallback(function (year) {
-        var yearSelected = dateFns.isSameYear(activeMonth, year);
-        return {
-            'data-date': year.getTime(),
-            'aria-selected': yearSelected,
-            ref: function (node) {
-                handleDateRef(node, year.getFullYear());
-            },
-            tabIndex: yearSelected ? 0 : -1,
-            onClick: handleYearClick,
-        };
-    }, [activeMonth, handleDateRef, handleYearClick]);
-    var getRootProps = React.useCallback(function (_a) {
-        var _b = _a.ref, ref = _b === void 0 ? null : _b;
-        return {
-            onKeyDown: handleKeyDown,
-            ref: mergeRefs__default['default']([ref, rootRef]),
-            tabIndex: -1,
-        };
-    }, [handleKeyDown]);
-    return {
-        activeMonth: activeMonth,
-        weeks: weeks,
-        months: months,
-        years: years,
-        canSetPrevMonth: canSetPrevMonth,
-        canSetNextMonth: canSetNextMonth,
-        highlighted: highlighted,
-        setPrevMonth: setPrevMonth,
-        setNextMonth: setNextMonth,
-        setMonthByDate: setMonthByDate,
-        getDayProps: getDayProps,
-        getMonthProps: getMonthProps,
-        getYearProps: getYearProps,
-        getRootProps: getRootProps,
-    };
-}
-
-exports.useCalendar = useCalendar;