@alfalab/core-components 47.6.0-beta.0 → 47.7.0

package/calendar/moderncssm/utils.d.ts

@@ -1,104 +0,0 @@
-import { ReactNode } from 'react';
-import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings";
-import { CalendarProps } from "./index";
-declare const DAYS_IN_WEEK = 7;
-declare const MONTHS_IN_YEAR = 12;
-declare const SUNDAY_INDEX = 6;
-declare const DATE_FORMAT = "dd.MM.yyyy";
-declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
-declare const WEEKDAYS: string[];
-declare const MONTHS: string[];
-/**
- * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
- */
-declare function russianWeekDay(date: Date): number;
-/**
- * Возвращает таблицу-календарь с заполненными датами для переданного месяца
- */
-declare function generateWeeks(month: Date, options: {
-    minDate?: Date;
-    maxDate?: Date;
-    selected?: Date;
-    eventsMap?: SpecialDays;
-    offDaysMap?: SpecialDays;
-    holidaysMap?: SpecialDays;
-    dayAddonsMap?: SpecialDaysAddon;
-}): Day[][];
-/**
- * Возвращает массив с месяцами для переданного года
- */
-declare function generateMonths(year: Date, options: {
-    minMonth?: Date;
-    maxMonth?: Date;
-}): Month[];
-/**
- * Возвращает массив лет от minYear до maxYear
- */
-declare function generateYears(minYear: Date, maxYear: Date): Date[];
-/**
- * Добавляет метаданные для переданного дня
- */
-declare function buildDay(day: Date, options: {
-    minDate?: Date;
-    maxDate?: Date;
-    selected?: Date;
-    eventsMap?: SpecialDays;
-    offDaysMap?: SpecialDays;
-    holidaysMap?: SpecialDays;
-    dayAddonsMap?: SpecialDaysAddon;
-}): Day;
-/**
- * Добавляет метаданные для переданного месяца
- */
-declare function buildMonth(month: Date, options: {
-    minMonth?: Date;
-    maxMonth?: Date;
-}): Month;
-/**
- * Ограничивает дату на отрезке [minDate, maxDate]
- */
-declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
-/**
- * Проверяет, находится ли переданная дата в указанных границах
- */
-declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
-/**
- * Возвращает русское название месяца с большой буквы
- */
-declare function monthName(month: Date): string;
-/**
- * Превращает массив в объект, у которого ключи составляются из элементов массива
- */
-declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
-declare function addonArrayToHashTable(arr: DayAddons[]): Record<number, ReactNode>;
-/**
- * Возвращает корректный отрезок дат для выделения
- */
-declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
-    start: Date;
-    end: Date;
-} | null;
-declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
-/**
- * Если дата была выбрана мышкой — фокусную обводку не видно
- * TODO: добавить в useFocus возможность переключать метод ввода программно
- */
-declare function simulateTab(node: HTMLElement): void;
-declare const formatDate: (date: Date | number, dateFormat?: string) => string;
-declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare function getCalendarMobileTestIds(dataTestId: string): {
-    calendar: string;
-    content: string;
-    footer: string;
-    header: string;
-    closer: string;
-    btnApply: string;
-    btnReset: string;
-    btnNextDate: string;
-    btnPreviousDate: string;
-};
-declare function isRangeValue(value: CalendarProps['value']): value is {
-    dateFrom?: number | undefined;
-    dateTo?: number | undefined;
-};
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/calendar/moderncssm/utils.js

@@ -1,222 +0,0 @@
-import addDays from 'date-fns/addDays';
-import addMonths from 'date-fns/addMonths';
-import eachDayOfInterval from 'date-fns/eachDayOfInterval';
-import eachMonthOfInterval from 'date-fns/eachMonthOfInterval';
-import eachYearOfInterval from 'date-fns/eachYearOfInterval';
-import endOfDay from 'date-fns/endOfDay';
-import endOfWeek from 'date-fns/endOfWeek';
-import endOfYear from 'date-fns/endOfYear';
-import format from 'date-fns/format';
-import isAfter from 'date-fns/isAfter';
-import isBefore from 'date-fns/isBefore';
-import isSameDay from 'date-fns/isSameDay';
-import lastDayOfMonth from 'date-fns/lastDayOfMonth';
-import max from 'date-fns/max';
-import min from 'date-fns/min';
-import parse from 'date-fns/parse';
-import startOfDay from 'date-fns/startOfDay';
-import startOfMonth from 'date-fns/startOfMonth';
-import startOfWeek from 'date-fns/startOfWeek';
-import startOfYear from 'date-fns/startOfYear';
-import subDays from 'date-fns/subDays';
-import subMonths from 'date-fns/subMonths';
-import { getDataTestId } from '../../shared/moderncssm';
-
-const DAYS_IN_WEEK = 7;
-const MONTHS_IN_YEAR = 12;
-const SUNDAY_INDEX = 6;
-const DATE_FORMAT = 'dd.MM.yyyy';
-const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
-const WEEKDAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
-const MONTHS = [
-    'Январь',
-    'Февраль',
-    'Март',
-    'Апрель',
-    'Май',
-    'Июнь',
-    'Июль',
-    'Август',
-    'Сентябрь',
-    'Октябрь',
-    'Ноябрь',
-    'Декабрь',
-];
-/**
- * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
- */
-function russianWeekDay(date) {
-    const sunday = 0;
-    const foreignWeekDayIndex = date.getDay();
-    return foreignWeekDayIndex === sunday ? DAYS_IN_WEEK - 1 : foreignWeekDayIndex - 1;
-}
-/**
- * Возвращает таблицу-календарь с заполненными датами для переданного месяца
- */
-function generateWeeks(month, options) {
-    const newWeek = () => Array(DAYS_IN_WEEK).fill(null);
-    const start = startOfMonth(month);
-    const end = lastDayOfMonth(start);
-    let week = newWeek();
-    return eachDayOfInterval({ start, end }).reduce((weeks, day) => {
-        const weekDay = russianWeekDay(day);
-        week[weekDay] = buildDay(day, options);
-        if (weekDay === SUNDAY_INDEX || isSameDay(day, end)) {
-            weeks.push(week);
-            week = newWeek();
-        }
-        return weeks;
-    }, []);
-}
-/**
- * Возвращает массив с месяцами для переданного года
- */
-function generateMonths(year, options) {
-    return eachMonthOfInterval({ start: startOfYear(year), end: endOfYear(year) }).map((month) => buildMonth(month, options));
-}
-/**
- * Возвращает массив лет от minYear до maxYear
- */
-function generateYears(minYear, maxYear) {
-    return eachYearOfInterval({
-        start: min([startOfYear(maxYear), startOfYear(minYear)]),
-        end: max([startOfYear(maxYear), startOfYear(minYear)]),
-    }).reverse();
-}
-/**
- * Добавляет метаданные для переданного дня
- */
-function buildDay(day, options) {
-    const { minDate, maxDate, selected, eventsMap = {}, offDaysMap = {}, holidaysMap = {}, dayAddonsMap = {}, } = options;
-    const off = offDaysMap[day.getTime()];
-    const disabled = (minDate && isBefore(day, minDate)) || (maxDate && isAfter(day, maxDate));
-    return {
-        date: day,
-        disabled: disabled || off,
-        event: eventsMap[day.getTime()],
-        holiday: holidaysMap[day.getTime()],
-        selected: selected && isSameDay(day, selected),
-        dayAddon: dayAddonsMap[day.getTime()],
-    };
-}
-/**
- * Добавляет метаданные для переданного месяца
- */
-function buildMonth(month, options) {
-    const { minMonth, maxMonth } = options;
-    return {
-        date: month,
-        disabled: (minMonth && isBefore(month, minMonth)) || (maxMonth && isAfter(month, maxMonth)),
-    };
-}
-/**
- * Ограничивает дату на отрезке [minDate, maxDate]
- */
-function limitDate(date, minDate, maxDate) {
-    let limitedDate = date;
-    if (minDate)
-        limitedDate = max([startOfDay(minDate), limitedDate]);
-    if (maxDate)
-        limitedDate = min([endOfDay(maxDate), limitedDate]);
-    return new Date(limitedDate);
-}
-/**
- * Проверяет, находится ли переданная дата в указанных границах
- */
-function dateInLimits(date, minDate, maxDate) {
-    return date && limitDate(date, minDate, maxDate).getTime() === new Date(date).getTime();
-}
-/**
- * Возвращает русское название месяца с большой буквы
- */
-function monthName(month) {
-    return MONTHS[month.getMonth()];
-}
-/**
- * Превращает массив в объект, у которого ключи составляются из элементов массива
- */
-function dateArrayToHashTable(arr) {
-    return arr.reduce((acc, v) => {
-        acc[startOfDay(v).getTime()] = true;
-        return acc;
-    }, {});
-}
-function addonArrayToHashTable(arr) {
-    return arr.reduce((acc, v) => {
-        acc[startOfDay(v.date).getTime()] = v.addon;
-        return acc;
-    }, {});
-}
-/**
- * Возвращает корректный отрезок дат для выделения
- */
-function getSelectionRange(from, to, highlighted) {
-    if (!from && !to)
-        return null;
-    const end = to || highlighted;
-    const start = from || highlighted;
-    if (start && end && start !== end) {
-        return {
-            start: startOfDay(min([start, end])),
-            end: startOfDay(max([start, end])),
-        };
-    }
-    return null;
-}
-// Меняет дату одним из способов с учетом границ и выходных дней
-function modifyDateByShift(shift, date, minDate, maxDate, offDaysMap = {}) {
-    const modifiers = {
-        prev: () => subDays(date, 1),
-        prevWeek: () => subDays(date, 7),
-        prevMonth: () => subMonths(date, 1),
-        next: () => addDays(date, 1),
-        nextWeek: () => addDays(date, 7),
-        nextMonth: () => addMonths(date, 1),
-        startOfWeek: () => startOfWeek(date, { weekStartsOn: 1 }),
-        endOfWeek: () => startOfDay(endOfWeek(date, { weekStartsOn: 1 })),
-    };
-    let newDate = modifiers[shift]();
-    while (offDaysMap[newDate.getTime()]) {
-        // Перескакиваем через выходные дни, кроме случаев с концами недели
-        let amount = newDate < date ? -1 : 1;
-        if (shift === 'endOfWeek')
-            amount = -1;
-        if (shift === 'startOfWeek')
-            amount = 1;
-        newDate = addDays(newDate, amount);
-    }
-    return limitDate(newDate, minDate, maxDate);
-}
-/**
- * Если дата была выбрана мышкой — фокусную обводку не видно
- * TODO: добавить в useFocus возможность переключать метод ввода программно
- */
-function simulateTab(node) {
-    if (window.KeyboardEvent) {
-        const event = new window.KeyboardEvent('keydown', {
-            bubbles: true,
-            key: 'Tab',
-        });
-        node.dispatchEvent(event);
-    }
-}
-const formatDate = (date, dateFormat = DATE_FORMAT) => format(date, dateFormat);
-const parseDateString = (value, dateFormat = DATE_FORMAT) => parse(value, dateFormat, new Date());
-function getCalendarMobileTestIds(dataTestId) {
-    return {
-        calendar: dataTestId,
-        content: getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId(dataTestId, 'footer'),
-        header: getDataTestId(dataTestId, 'header'),
-        closer: getDataTestId(dataTestId, 'header-closer'),
-        btnApply: getDataTestId(dataTestId, 'btn-apply'),
-        btnReset: getDataTestId(dataTestId, 'btn-reset'),
-        btnNextDate: getDataTestId(dataTestId, 'slider-btn-next-day'),
-        btnPreviousDate: getDataTestId(dataTestId, 'slider-btn-previous-day'),
-    };
-}
-function isRangeValue(value) {
-    return Boolean(value) && typeof value === 'object';
-}
-
-export { DATE_FORMAT, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, NATIVE_DATE_FORMAT, SUNDAY_INDEX, WEEKDAYS, addonArrayToHashTable, buildDay, buildMonth, dateArrayToHashTable, dateInLimits, formatDate, generateMonths, generateWeeks, generateYears, getCalendarMobileTestIds, getSelectionRange, isRangeValue, limitDate, modifyDateByShift, monthName, parseDateString, russianWeekDay, simulateTab };

package/calendar/moderncssm/vars.css

@@ -1,22 +0,0 @@
-:root {
-
-    /* Кнопки выбора месяцев и годов */
-
-    /* Шапка */
-
-    /* День */
-
-    /* today */
-
-    /* highlighted */
-
-    /* holidays */
-
-    /* range */
-
-    /* selected */
-
-    /* disabled */
-
-    /* marker */
-}

package/calendar-input/moderncssm/Component.responsive.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { CalendarInputProps } from "./components/calendar-input/Component";
-type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type CalendarInputMedia = 'desktop' | 'mobile';
-/**
- * @deprecated
- * use UniversalDateInput instead
- */
-declare const CalendarInputResponsive: React.ForwardRefExoticComponent<Omit<CalendarInputProps, "view"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { CalendarInputResponsiveProps, CalendarInputMedia, CalendarInputResponsive };

package/calendar-input/moderncssm/Component.responsive.js

@@ -1,32 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useMedia } from '@alfalab/hooks';
-import { CalendarInputDesktop } from './desktop/Component.desktop.js';
-import { CalendarInputMobile } from './mobile/Component.mobile.js';
-import '../../calendar/moderncssm/desktop';
-import './components/calendar-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../calendar/moderncssm/shared';
-import '../../date-input/moderncssm';
-import '../../popover/moderncssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils.js';
-import 'date-fns/format';
-import 'date-fns/isSameDay';
-import 'date-fns/parse';
-import './components/calendar-input/index.module.css';
-import '../../calendar/moderncssm/mobile';
-
-/**
- * @deprecated
- * use UniversalDateInput instead
- */
-const CalendarInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const [view] = useMedia([
-        ['mobile', `(max-width: ${breakpoint - 1}px)`],
-        ['desktop', `(min-width: ${breakpoint}px)`],
-    ], 'desktop');
-    return view === 'desktop' ? (React.createElement(CalendarInputDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarInputMobile, { ...restProps, ref: ref }));
-});
-
-export { CalendarInputResponsive };

package/calendar-input/moderncssm/components/calendar-input/Component.d.ts

@@ -1,245 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarDesktopProps } from "../../../../calendar/desktop";
-import { CalendarMobileProps } from "../../../../calendar/mobile";
-import { DateInputProps } from "../../../../date-input";
-import { PopoverProps } from "../../../../popover";
-type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для инпута
-     */
-    inputClassName?: string;
-    /**
-     * Дополнительный класс для поповера
-     */
-    popoverClassName?: string;
-    /**
-     * Доп. пропсы для календаря
-     */
-    calendarProps?: (CalendarDesktopProps & Record<string, unknown>) | (CalendarMobileProps & Record<string, unknown>);
-    /**
-     * Значение инпута (используется и для календаря)
-     */
-    value?: string;
-    /**
-     * Начальное значение инпута
-     */
-    defaultValue?: string;
-    /**
-     * Состояние открытия по умолчанию
-     */
-    defaultOpen?: boolean;
-    /**
-     * Месяц в календаре по умолчанию (timestamp)
-     */
-    defaultMonth?: number;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
-    minDate?: number;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
-    maxDate?: number;
-    /**
-     * Список событий
-     */
-    events?: Array<Date | number>;
-    /**
-     * Список выходных
-     */
-    offDays?: Array<Date | number>;
-    /**
-     * Определяет, как рендерить календарь — в поповере или снизу инпута
-     */
-    calendarPosition?: 'static' | 'popover';
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean;
-    /**
-     * Управление нативным режимом на мобильных устройствах
-     */
-    mobileMode?: 'native' | 'popover' | 'input';
-    /**
-     * Компонент календаря
-     */
-    Calendar?: ElementType;
-    /**
-     * Обработчик изменения значения
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
-        date: Date;
-        value: string;
-    }) => void;
-    /**
-     * Обработчик ввода в инпут
-     */
-    onInputChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-        date: Date;
-    }) => void;
-    /**
-     * Обработчик изменения календаря
-     */
-    onCalendarChange?: CalendarDesktopProps['onChange'];
-    /**
-     *  Обработчик открытия календаря
-     */
-    onCalendarOpen?: () => void;
-    /**
-     *  Обработчик закрытия календаря
-     */
-    onCalendarClose?: () => void;
-    /**
-     * Позиционирование поповера с календарем
-     */
-    popoverPosition?: PopoverProps['position'];
-    /**
-     * z-index Popover
-     */
-    zIndexPopover?: PopoverProps['zIndex'];
-    /**
-     * Календарь будет принимать ширину инпута
-     */
-    useAnchorWidth?: boolean;
-    /**
-     * Отображение компонента в мобильном или десктопном виде
-     */
-    view?: 'desktop' | 'mobile';
-    /**
-     * Запретить ввод с клавиатуры
-     */
-    disableUserInput?: boolean;
-};
-declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "onChange" | "mobileMode"> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string | undefined;
-    /**
-     * Дополнительный класс для инпута
-     */
-    inputClassName?: string | undefined;
-    /**
-     * Дополнительный класс для поповера
-     */
-    popoverClassName?: string | undefined;
-    /**
-     * Доп. пропсы для календаря
-     */
-    calendarProps?: (CalendarDesktopProps & Record<string, unknown>) | ({
-        title?: string | undefined;
-        open: boolean;
-        onClose?: (() => void) | undefined;
-        allowSelectionFromEmptyRange?: boolean | undefined;
-        hasHeader?: boolean | undefined;
-        onApply?: (() => void) | undefined;
-    } & {
-        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
-        yearsAmount?: number | undefined;
-        scrollableContainer?: HTMLElement | undefined;
-    } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Record<string, unknown>) | undefined;
-    /**
-     * Значение инпута (используется и для календаря)
-     */
-    value?: string | undefined;
-    /**
-     * Начальное значение инпута
-     */
-    defaultValue?: string | undefined;
-    /**
-     * Состояние открытия по умолчанию
-     */
-    defaultOpen?: boolean | undefined;
-    /**
-     * Месяц в календаре по умолчанию (timestamp)
-     */
-    defaultMonth?: number | undefined;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
-    minDate?: number | undefined;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
-    maxDate?: number | undefined;
-    /**
-     * Список событий
-     */
-    events?: (number | Date)[] | undefined;
-    /**
-     * Список выходных
-     */
-    offDays?: (number | Date)[] | undefined;
-    /**
-     * Определяет, как рендерить календарь — в поповере или снизу инпута
-     */
-    calendarPosition?: "static" | "popover" | undefined;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean | undefined;
-    /**
-     * Управление нативным режимом на мобильных устройствах
-     */
-    mobileMode?: "input" | "native" | "popover" | undefined;
-    /**
-     * Компонент календаря
-     */
-    Calendar?: React.ElementType<any> | undefined;
-    /**
-     * Обработчик изменения значения
-     */
-    onChange?: ((event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
-        date: Date;
-        value: string;
-    }) => void) | undefined;
-    /**
-     * Обработчик ввода в инпут
-     */
-    onInputChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-        date: Date;
-    }) => void) | undefined;
-    /**
-     * Обработчик изменения календаря
-     */
-    onCalendarChange?: CalendarDesktopProps['onChange'];
-    /**
-     *  Обработчик открытия календаря
-     */
-    onCalendarOpen?: (() => void) | undefined;
-    /**
-     *  Обработчик закрытия календаря
-     */
-    onCalendarClose?: (() => void) | undefined;
-    /**
-     * Позиционирование поповера с календарем
-     */
-    popoverPosition?: PopoverProps['position'];
-    /**
-     * z-index Popover
-     */
-    zIndexPopover?: PopoverProps['zIndex'];
-    /**
-     * Календарь будет принимать ширину инпута
-     */
-    useAnchorWidth?: boolean | undefined;
-    /**
-     * Отображение компонента в мобильном или десктопном виде
-     */
-    view?: "desktop" | "mobile" | undefined;
-    /**
-     * Запретить ввод с клавиатуры
-     */
-    disableUserInput?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { CalendarInputProps, CalendarInput };