@alfalab/core-components-calendar-input 11.0.0 → 11.1.0-snapshot-92b8690

package/components/calendar-input/index.css

@@ -13,31 +13,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
-} .calendar-input__component_8xm6h {
+} .calendar-input__component_k1elp {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_8xm6h {
+} .calendar-input__block_k1elp {
     width: 100%;
-} .calendar-input__calendarContainer_8xm6h {
+} .calendar-input__calendarContainer_k1elp {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_8xm6h {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_k1elp {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_8xm6h {
+    } .calendar-input__calendarResponsive_k1elp {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_8xm6h {
+} .calendar-input__calendarIcon_k1elp {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_8xm6h:not(:only-child) {
+} .calendar-input__calendarIcon_k1elp:not(:only-child) {
         margin-right: var(--gap-4);
-    } .calendar-input__nativeInput_8xm6h {
+    } .calendar-input__nativeInput_k1elp {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -48,8 +48,8 @@
        -moz-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_8xm6h::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_k1elp::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_8xm6h::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_k1elp::-webkit-inner-spin-button {
         display: none;
     }

package/components/calendar-input/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"calendar-input__component_8xm6h","block":"calendar-input__block_8xm6h","calendarContainer":"calendar-input__calendarContainer_8xm6h","calendarResponsive":"calendar-input__calendarResponsive_8xm6h","calendarIcon":"calendar-input__calendarIcon_8xm6h"};
+var styles = {"component":"calendar-input__component_k1elp","block":"calendar-input__block_k1elp","calendarContainer":"calendar-input__calendarContainer_k1elp","calendarResponsive":"calendar-input__calendarResponsive_k1elp","calendarIcon":"calendar-input__calendarIcon_k1elp"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/calendar-input/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}

package/dynamic-mixins/Component.responsive.d.ts

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

package/dynamic-mixins/Component.responsive.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var dynamicMixins = require('@alfalab/core-components-mq/dynamic-mixins');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+var CalendarInputResponsive = React.forwardRef(function (_a, ref) {
+    var breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["breakpoint", "client"]);
+    var isDesktop = dynamicMixins.useIsDesktop(breakpoint, client === 'desktop');
+    return isDesktop ? (React__default.default.createElement(Component_desktop.CalendarInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.CalendarInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+});
+
+exports.CalendarInputResponsive = CalendarInputResponsive;
+//# sourceMappingURL=Component.responsive.js.map

package/dynamic-mixins/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { DateInputProps } from '@alfalab/core-components-date-input';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { CalendarInputProps } from './components/calendar-input/Component';\nimport { CalendarInputDesktop } from './desktop';\nimport { CalendarInputMobile } from './mobile';\n\nexport type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {\n    /**\n     * Контрольная точка, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n};\n\nexport type CalendarInputMedia = 'desktop' | 'mobile';\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const CalendarInputResponsive = forwardRef<HTMLInputElement, CalendarInputResponsiveProps>(\n    ({ breakpoint, client, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <CalendarInputDesktop {...restProps} ref={ref} />\n        ) : (\n            <CalendarInputMobile {...restProps} ref={ref} />\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useIsDesktop","React","CalendarInputDesktop","__assign","CalendarInputMobile"],"mappings":";;;;;;;;;;;;;;AAyBA;;;AAGG;IACU,uBAAuB,GAAGA,gBAAU,CAC7C,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IAC/B,IAAM,SAAS,GAAGC,0BAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;AAEhE,IAAA,OAAO,SAAS,IACZC,sBAAA,CAAA,aAAA,CAACC,sCAAoB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,KAEjDF,sBAAA,CAAA,aAAA,CAACG,oCAAmB,EAAAD,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACnD;AACL,CAAC;;;;"}

package/dynamic-mixins/components/calendar-input/Component.d.ts

@@ -0,0 +1,246 @@
+import React, { ChangeEvent, ElementType, MouseEvent } from 'react';
+import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
+import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
+import { DateInputProps } from '@alfalab/core-components-date-input';
+import { PopoverProps } from '@alfalab/core-components-popover';
+export declare 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;
+};
+export 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;
+        clickableMonth?: boolean | undefined;
+        cancelButtonContent?: string | undefined;
+        selectButtonContent?: string | undefined;
+        resetButtonContent?: string | undefined;
+    } & {
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
+        yearsAmount?: number | undefined;
+        scrollableContainer?: HTMLElement | undefined;
+    } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "hasHeader" | "responsive" | "showCurrentYearSelector") | ("headerClassName" | "contentClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "hasHeader" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../../../modal/src/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & 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" | "popover" | "native" | 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?: "mobile" | "desktop" | undefined;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/components/calendar-input/Component.js

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var shared = require('@alfalab/core-components-calendar/dynamic-mixins/shared');
+var dynamicMixins = require('@alfalab/core-components-date-input/dynamic-mixins');
+var dynamicMixins$1 = require('@alfalab/core-components-popover/dynamic-mixins');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var utils = require('../../utils.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var CalendarInput = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d;
+    var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onCalendarOpen = _a.onCalendarOpen, onCalendarClose = _a.onCalendarClose, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.disableUserInput, disableUserInput = _s === void 0 ? false : _s, Calendar = _a.Calendar, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onCalendarOpen", "onCalendarClose", "onKeyDown", "readOnly", "disableUserInput", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
+    var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
+    var shouldRenderNative = utils.SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
+    var shouldRenderOnlyInput = mobileMode === 'input';
+    var shouldRenderStatic = calendarPosition === 'static' && !shouldRenderOnlyInput;
+    var shouldRenderPopover = calendarPosition === 'popover' && !shouldRenderNative && !shouldRenderOnlyInput;
+    var _v = React.useState(false), open = _v[0], setOpen = _v[1];
+    var _w = React.useState(value || defaultValue), inputValue = _w[0], setInputValue = _w[1];
+    var calendarValue = inputValue ? dynamicMixins.parseDateString(inputValue).getTime() : undefined;
+    var checkInputValueIsValid = function (newInputValue) {
+        if (!newInputValue)
+            return false;
+        var dateValue = dynamicMixins.parseDateString(newInputValue).getTime();
+        return !!(dateValue &&
+            dynamicMixins.isCompleteDateInput(newInputValue) &&
+            shared.dateInLimits(dateValue, minDate, maxDate) &&
+            !offDays.includes(dateValue));
+    };
+    var inputDisabled = disabled || readOnly;
+    var inputRef = React.useRef(null);
+    var inputWrapperRef = React.useRef(null);
+    var calendarRef = React.useRef(null);
+    var openCalendar = function () {
+        setOpen(function (prev) {
+            if (!prev)
+                onCalendarOpen === null || onCalendarOpen === void 0 ? void 0 : onCalendarOpen();
+            return true;
+        });
+    };
+    var closeCalendar = function () {
+        setOpen(function (prev) {
+            if (prev)
+                onCalendarClose === null || onCalendarClose === void 0 ? void 0 : onCalendarClose();
+            return false;
+        });
+    };
+    var handleKeyDown = function (event) {
+        if (event.target.tagName === 'INPUT' && event.key === 'Enter') {
+            if (open) {
+                closeCalendar();
+            }
+            else {
+                openCalendar();
+            }
+        }
+        if (event.key === 'Escape') {
+            closeCalendar();
+        }
+    };
+    var handleClick = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
+        if (!open)
+            openCalendar();
+        if (view === 'desktop' && inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    var handleFocus = function (event) {
+        var _a;
+        if (view === 'desktop') {
+            if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+                return;
+            openCalendar();
+            if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
+                calendarRef.current.focus();
+            }
+        }
+    };
+    var handleBlur = function (event) {
+        var _a;
+        if (view === 'desktop') {
+            var target = (event.relatedTarget || document.activeElement);
+            if (inputRef.current !== target &&
+                ((_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) === false) {
+                closeCalendar();
+            }
+        }
+    };
+    var handleInputKeyDown = function (event) {
+        if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {
+            event.preventDefault();
+            calendarRef.current.focus();
+        }
+        if (onKeyDown)
+            onKeyDown(event);
+    };
+    var changeHandler = function (event, newValue, newDate, initiator, shouldChange) {
+        if (initiator === void 0) { initiator = 'input'; }
+        if (shouldChange === void 0) { shouldChange = true; }
+        if (initiator === 'input' && event && onInputChange) {
+            onInputChange(event, { value: newValue, date: newDate });
+        }
+        if (initiator === 'calendar' && onCalendarChange) {
+            onCalendarChange(newDate.getTime());
+        }
+        setInputValue(newValue);
+        if (shouldChange) {
+            onChange(event, { date: newDate, value: newValue });
+        }
+    };
+    var handleInputChange = function (event, payload) {
+        changeHandler(event, payload.value, payload.date, 'input', !payload.value || checkInputValueIsValid(payload.value));
+    };
+    var handleCalendarChange = function (date) {
+        if (date) {
+            changeHandler(null, dynamicMixins.formatDate(date), new Date(date), 'calendar');
+        }
+        if (view === 'desktop') {
+            closeCalendar();
+        }
+    };
+    var handleCalendarWrapperMouseDown = function (event) {
+        // Не дает инпуту терять фокус при выборе даты
+        event.preventDefault();
+    };
+    React.useEffect(function () {
+        setOpen(defaultOpen);
+    }, [defaultOpen]);
+    React.useEffect(function () {
+        if (typeof value !== 'undefined') {
+            setInputValue(value);
+        }
+    }, [value]);
+    var renderCalendar = function () { return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown }, Calendar ? (React__default.default.createElement(Calendar, tslib.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: closeCalendar, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(inputValue) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events }))) : null)); };
+    return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, (_b = {},
+            _b[index_module.block] = block,
+            _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
+        React__default.default.createElement(dynamicMixins.DateInput, tslib.__assign({ autoComplete: 'off' }, restProps, { ref: mergeRefs__default.default([inputRef, ref]), wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+                rightAddons,
+                shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: index_module.calendarIcon }))), rightAddonsProps: { onMouseDown: function (e) { return e.preventDefault(); } }, onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
+        shouldRenderStatic && renderCalendar(),
+        shouldRenderPopover &&
+            (view === 'desktop' ? (React__default.default.createElement(dynamicMixins$1.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(index_module.calendarContainer, (_c = {},
+                    _c[index_module.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 4], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
+});
+
+exports.CalendarInput = CalendarInput;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/calendar-input/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/calendar-input/Component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ElementType,\n    FocusEvent,\n    forwardRef,\n    KeyboardEvent,\n    MouseEvent,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';\nimport { dateInLimits } from '@alfalab/core-components-calendar/shared';\nimport {\n    DateInput,\n    DateInputProps,\n    formatDate,\n    isCompleteDateInput,\n    parseDateString,\n} from '@alfalab/core-components-date-input';\nimport { Popover, PopoverProps } from '@alfalab/core-components-popover';\nimport { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';\n\nimport { SUPPORTS_INPUT_TYPE_DATE } from '../../utils';\n\nimport styles from './index.module.css';\n\nexport type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для инпута\n     */\n    inputClassName?: string;\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popoverClassName?: string;\n\n    /**\n     * Доп. пропсы для календаря\n     */\n    calendarProps?:\n        | (CalendarDesktopProps & Record<string, unknown>)\n        | (CalendarMobileProps & Record<string, unknown>);\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    value?: string;\n\n    /**\n     * Начальное значение инпута\n     */\n    defaultValue?: string;\n\n    /**\n     * Состояние открытия по умолчанию\n     */\n    defaultOpen?: boolean;\n\n    /**\n     * Месяц в календаре по умолчанию (timestamp)\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно,то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Управление нативным режимом на мобильных устройствах\n     */\n    mobileMode?: 'native' | 'popover' | 'input';\n\n    /**\n     * Компонент календаря\n     */\n    Calendar?: ElementType;\n\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null,\n        payload: { date: Date; value: string },\n    ) => void;\n\n    /**\n     * Обработчик ввода в инпут\n     */\n    onInputChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { value: string; date: Date },\n    ) => void;\n\n    /**\n     * Обработчик изменения календаря\n     */\n    onCalendarChange?: CalendarDesktopProps['onChange'];\n\n    /**\n     *  Обработчик открытия календаря\n     */\n    onCalendarOpen?: () => void;\n\n    /**\n     *  Обработчик закрытия календаря\n     */\n    onCalendarClose?: () => void;\n\n    /**\n     * Позиционирование поповера с календарем\n     */\n    popoverPosition?: PopoverProps['position'];\n\n    /**\n     * z-index Popover\n     */\n    zIndexPopover?: PopoverProps['zIndex'];\n\n    /**\n     * Календарь будет принимать ширину инпута\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Отображение компонента в мобильном или десктопном виде\n     */\n    view?: 'desktop' | 'mobile';\n\n    /**\n     * Запретить ввод с клавиатуры\n     */\n    disableUserInput?: boolean;\n};\n\nexport const CalendarInput = forwardRef<HTMLInputElement, CalendarInputProps>(\n    (\n        {\n            block = false,\n            className,\n            inputClassName,\n            popoverClassName,\n            defaultOpen = false,\n            defaultMonth,\n            defaultValue = '',\n            calendarPosition = 'popover',\n            value,\n            dataTestId,\n            calendarProps = {},\n            minDate = calendarProps.minDate,\n            maxDate = calendarProps.maxDate,\n            offDays = calendarProps.offDays || [],\n            events = calendarProps.events || [],\n            preventFlip,\n            mobileMode = 'popover',\n            wrapperRef = null,\n            disabled,\n            onChange = () => null,\n            onInputChange,\n            onCalendarChange,\n            onCalendarOpen,\n            onCalendarClose,\n            onKeyDown,\n            readOnly,\n            disableUserInput = false,\n            Calendar,\n            popoverPosition = 'bottom-start',\n            zIndexPopover,\n            useAnchorWidth,\n            rightAddons,\n            error,\n            view = 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const calendarResponsive = calendarProps?.responsive ?? true;\n        const shouldRenderNative = SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';\n        const shouldRenderOnlyInput = mobileMode === 'input';\n        const shouldRenderStatic = calendarPosition === 'static' && !shouldRenderOnlyInput;\n        const shouldRenderPopover =\n            calendarPosition === 'popover' && !shouldRenderNative && !shouldRenderOnlyInput;\n\n        const [open, setOpen] = useState(false);\n\n        const [inputValue, setInputValue] = useState(value || defaultValue);\n\n        const calendarValue = inputValue ? parseDateString(inputValue).getTime() : undefined;\n\n        const checkInputValueIsValid = (newInputValue?: string) => {\n            if (!newInputValue) return false;\n\n            const dateValue = parseDateString(newInputValue).getTime();\n\n            return !!(\n                dateValue &&\n                isCompleteDateInput(newInputValue) &&\n                dateInLimits(dateValue, minDate, maxDate) &&\n                !offDays.includes(dateValue)\n            );\n        };\n\n        const inputDisabled = disabled || readOnly;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const inputWrapperRef = useRef<HTMLDivElement>(null);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        const openCalendar = () => {\n            setOpen((prev) => {\n                if (!prev) onCalendarOpen?.();\n\n                return true;\n            });\n        };\n\n        const closeCalendar = () => {\n            setOpen((prev) => {\n                if (prev) onCalendarClose?.();\n\n                return false;\n            });\n        };\n\n        const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n            if ((event.target as HTMLElement).tagName === 'INPUT' && event.key === 'Enter') {\n                if (open) {\n                    closeCalendar();\n                } else {\n                    openCalendar();\n                }\n            }\n\n            if (event.key === 'Escape') {\n                closeCalendar();\n            }\n        };\n\n        const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n            if (!inputWrapperRef.current?.contains(event.target as HTMLElement)) return;\n\n            if (!open) openCalendar();\n\n            if (view === 'desktop' && inputRef.current) {\n                inputRef.current.focus();\n            }\n        };\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (view === 'desktop') {\n                if (!inputWrapperRef.current?.contains(event.target)) return;\n\n                openCalendar();\n\n                if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {\n                    calendarRef.current.focus();\n                }\n            }\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (view === 'desktop') {\n                const target = (event.relatedTarget || document.activeElement) as HTMLElement;\n\n                if (\n                    inputRef.current !== target &&\n                    calendarRef.current?.contains(target) === false\n                ) {\n                    closeCalendar();\n                }\n            }\n        };\n\n        const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n            if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {\n                event.preventDefault();\n                calendarRef.current.focus();\n            }\n\n            if (onKeyDown) onKeyDown(event);\n        };\n\n        const changeHandler = (\n            event: ChangeEvent<HTMLInputElement> | null,\n            newValue: string,\n            newDate: Date,\n            initiator: 'input' | 'calendar' = 'input',\n            shouldChange = true,\n        ) => {\n            if (initiator === 'input' && event && onInputChange) {\n                onInputChange(event, { value: newValue, date: newDate });\n            }\n\n            if (initiator === 'calendar' && onCalendarChange) {\n                onCalendarChange(newDate.getTime());\n            }\n\n            setInputValue(newValue);\n\n            if (shouldChange) {\n                onChange(event, { date: newDate, value: newValue });\n            }\n        };\n\n        const handleInputChange: DateInputProps['onChange'] = (event, payload) => {\n            changeHandler(\n                event,\n                payload.value,\n                payload.date,\n                'input',\n                !payload.value || checkInputValueIsValid(payload.value),\n            );\n        };\n\n        const handleCalendarChange: CalendarDesktopProps['onChange'] = (date?: number) => {\n            if (date) {\n                changeHandler(null, formatDate(date), new Date(date), 'calendar');\n            }\n\n            if (view === 'desktop') {\n                closeCalendar();\n            }\n        };\n\n        const handleCalendarWrapperMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n            // Не дает инпуту терять фокус при выборе даты\n            event.preventDefault();\n        };\n\n        useEffect(() => {\n            setOpen(defaultOpen);\n        }, [defaultOpen]);\n\n        useEffect(() => {\n            if (typeof value !== 'undefined') {\n                setInputValue(value);\n            }\n        }, [value]);\n\n        const renderCalendar = () => (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            <div onMouseDown={handleCalendarWrapperMouseDown}>\n                {Calendar ? (\n                    <Calendar\n                        {...calendarProps}\n                        responsive={calendarResponsive}\n                        open={open}\n                        onClose={closeCalendar}\n                        ref={calendarRef}\n                        defaultMonth={defaultMonth}\n                        value={checkInputValueIsValid(inputValue) ? calendarValue : undefined}\n                        onChange={handleCalendarChange}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        offDays={offDays}\n                        events={events}\n                    />\n                ) : null}\n            </div>\n        );\n\n        return (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            <div\n                className={cn(styles.component, className, {\n                    [styles.block]: block,\n                })}\n                tabIndex={-1}\n                onKeyDown={inputDisabled ? undefined : handleKeyDown}\n                onClick={inputDisabled ? undefined : handleClick}\n                onFocus={inputDisabled ? undefined : handleFocus}\n                onBlur={handleBlur}\n                data-test-id={dataTestId}\n            >\n                <DateInput\n                    autoComplete='off'\n                    {...restProps}\n                    ref={mergeRefs([inputRef, ref])}\n                    wrapperRef={mergeRefs([wrapperRef, inputWrapperRef])}\n                    value={inputValue}\n                    defaultValue={defaultValue}\n                    disabled={disabled}\n                    inputClassName={inputClassName}\n                    readOnly={readOnly}\n                    mobileMode={mobileMode === 'native' ? 'native' : 'input'}\n                    error={error}\n                    disableUserInput={disableUserInput}\n                    rightAddons={\n                        <React.Fragment>\n                            {rightAddons}\n                            {shouldRenderPopover && (\n                                <CalendarMIcon className={styles.calendarIcon} />\n                            )}\n                        </React.Fragment>\n                    }\n                    rightAddonsProps={{ onMouseDown: (e) => e.preventDefault() }}\n                    onKeyDown={handleInputKeyDown}\n                    onChange={handleInputChange}\n                    block={true}\n                />\n                {shouldRenderStatic && renderCalendar()}\n\n                {shouldRenderPopover &&\n                    (view === 'desktop' ? (\n                        <Popover\n                            open={open}\n                            useAnchorWidth={useAnchorWidth}\n                            anchorElement={inputWrapperRef.current as HTMLElement}\n                            popperClassName={cn(styles.calendarContainer, {\n                                [styles.calendarResponsive]: calendarResponsive,\n                            })}\n                            className={popoverClassName}\n                            position={popoverPosition}\n                            offset={[0, 4]}\n                            withTransition={false}\n                            preventFlip={preventFlip}\n                            zIndex={zIndexPopover}\n                        >\n                            {renderCalendar()}\n                        </Popover>\n                    ) : (\n                        renderCalendar()\n                    ))}\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","SUPPORTS_INPUT_TYPE_DATE","useState","parseDateString","isCompleteDateInput","dateInLimits","useRef","formatDate","useEffect","React","__assign","cn","styles","DateInput","mergeRefs","CalendarMIcon","Popover"],"mappings":"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"}

package/dynamic-mixins/components/calendar-input/index.css

@@ -0,0 +1,55 @@
+:root {
+    --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
+} :root {
+    --border-radius-m: 8px;
+    --border-radius-8: var(--border-radius-m);
+} :root {
+    --gap-2xs: 4px;
+    --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
+} :root {
+    --calendar-width: 344px;
+} :root {
+    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
+    --calendar-input-popover-border-radius: var(--border-radius-8);
+} .calendar-input__component_k1elp {
+    display: inline-block;
+    outline: none;
+    position: relative;
+} .calendar-input__block_k1elp {
+    width: 100%;
+} .calendar-input__calendarContainer_k1elp {
+    display: inline-block;
+    box-sizing: border-box;
+    border-radius: var(--calendar-input-popover-border-radius);
+    border: 1px solid var(--color-light-neutral-300)
+} @media (max-width: 374px) { .calendar-input__calendarContainer_k1elp {
+        width: 100%;
+        min-width: 288px
+}
+    } .calendar-input__calendarResponsive_k1elp {
+    width: var(--calendar-width);
+} .calendar-input__calendarIcon_k1elp {
+    width: 24px;
+    height: 24px;
+    display: block;
+    color: var(--calendar-input-icon-color)
+} .calendar-input__calendarIcon_k1elp:not(:only-child) {
+        margin-right: var(--gap-4);
+    } .calendar-input__nativeInput_k1elp {
+    opacity: 0;
+    position: absolute;
+    top: var(--gap-0);
+    left: var(--gap-0);
+    width: 100%;
+    height: 100%;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    z-index: 1
+} .calendar-input__nativeInput_k1elp::-webkit-calendar-picker-indicator {
+        display: none;
+    } .calendar-input__nativeInput_k1elp::-webkit-inner-spin-button {
+        display: none;
+    }

package/dynamic-mixins/components/calendar-input/index.d.ts

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

package/dynamic-mixins/components/calendar-input/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.CalendarInput = Component.CalendarInput;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/calendar-input/index.js.map

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

package/dynamic-mixins/components/calendar-input/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"calendar-input__component_k1elp","block":"calendar-input__block_k1elp","calendarContainer":"calendar-input__calendarContainer_k1elp","calendarResponsive":"calendar-input__calendarResponsive_k1elp","calendarIcon":"calendar-input__calendarIcon_k1elp"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/calendar-input/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}

package/dynamic-mixins/desktop/Component.desktop.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CalendarInputProps } from '../components/calendar-input/Component';
+export declare type CalendarInputDesktopProps = Omit<CalendarInputProps, 'view'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const CalendarInputDesktop: React.ForwardRefExoticComponent<CalendarInputDesktopProps & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/desktop/Component.desktop.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var desktop = require('@alfalab/core-components-calendar/dynamic-mixins/desktop');
+var Component = require('../components/calendar-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+var CalendarInputDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(Component.CalendarInput, tslib.__assign({ Calendar: desktop.CalendarDesktop }, props, { ref: ref })); });
+
+exports.CalendarInputDesktop = CalendarInputDesktop;
+//# sourceMappingURL=Component.desktop.js.map

package/dynamic-mixins/desktop/Component.desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { CalendarDesktop } from '@alfalab/core-components-calendar/desktop';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { DateInputProps } from '@alfalab/core-components-date-input';\n\nimport { CalendarInput, CalendarInputProps } from '../components/calendar-input/Component';\n\nexport type CalendarInputDesktopProps = Omit<CalendarInputProps, 'view'>;\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const CalendarInputDesktop = forwardRef<HTMLInputElement, CalendarInputDesktopProps>(\n    (props, ref) => <CalendarInput Calendar={CalendarDesktop} {...props} ref={ref} />,\n);\n"],"names":["forwardRef","React","CalendarInput","__assign","CalendarDesktop"],"mappings":";;;;;;;;;;;;;AAUA;;;AAGG;AACI,IAAM,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,KAAK,EAAE,GAAG,EAAK,EAAA,OAAAC,sBAAC,CAAA,aAAA,CAAAC,uBAAa,EAACC,cAAA,CAAA,EAAA,QAAQ,EAAEC,uBAAe,EAAM,EAAA,KAAK,EAAE,EAAA,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA,CAAA,EAAA;;;;"}

package/dynamic-mixins/desktop/index.d.ts

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

package/dynamic-mixins/desktop/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.CalendarInputDesktop = Component_desktop.CalendarInputDesktop;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/desktop/index.js.map

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

package/dynamic-mixins/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarInputResponsive as CalendarInput } from './Component.responsive';
+export type { CalendarInputResponsiveProps as CalendarInputProps } from './Component.responsive';

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.CalendarInput = Component_responsive.CalendarInputResponsive;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

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

package/dynamic-mixins/mobile/Component.mobile.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CalendarInputProps } from '../components/calendar-input/Component';
+export declare type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const CalendarInputMobile: React.ForwardRefExoticComponent<CalendarInputMobileProps & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/mobile/Component.mobile.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('@alfalab/core-components-calendar/dynamic-mixins/mobile');
+var Component = require('../components/calendar-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+var CalendarInputMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(Component.CalendarInput, tslib.__assign({ Calendar: mobile.CalendarMobile, view: 'mobile' }, props, { ref: ref })); });
+
+exports.CalendarInputMobile = CalendarInputMobile;
+//# sourceMappingURL=Component.mobile.js.map

package/dynamic-mixins/mobile/Component.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { CalendarMobile } from '@alfalab/core-components-calendar/mobile';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { DateInputProps } from '@alfalab/core-components-date-input';\n\nimport { CalendarInput, CalendarInputProps } from '../components/calendar-input/Component';\n\nexport type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const CalendarInputMobile = forwardRef<HTMLInputElement, CalendarInputMobileProps>(\n    (props, ref) => <CalendarInput Calendar={CalendarMobile} view='mobile' {...props} ref={ref} />,\n);\n"],"names":["forwardRef","React","CalendarInput","__assign","CalendarMobile"],"mappings":";;;;;;;;;;;;;AAUA;;;AAGG;AACI,IAAM,mBAAmB,GAAGA,gBAAU,CACzC,UAAC,KAAK,EAAE,GAAG,EAAA,EAAK,OAAAC,sBAAA,CAAA,aAAA,CAACC,uBAAa,EAACC,cAAA,CAAA,EAAA,QAAQ,EAAEC,qBAAc,EAAE,IAAI,EAAC,QAAQ,IAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CAA9E,EAA8E;;;;"}

package/dynamic-mixins/mobile/index.d.ts

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

package/dynamic-mixins/mobile/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.CalendarInputMobile = Component_mobile.CalendarInputMobile;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/mobile/index.js.map

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

package/dynamic-mixins/shared/index.d.ts

@@ -0,0 +1 @@
+export * from '../utils';

package/dynamic-mixins/shared/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.DATE_FORMAT = utils.DATE_FORMAT;
+exports.DATE_MASK = utils.DATE_MASK;
+exports.IS_BROWSER = utils.IS_BROWSER;
+exports.NATIVE_DATE_FORMAT = utils.NATIVE_DATE_FORMAT;
+exports.SUPPORTS_INPUT_TYPE_DATE = utils.SUPPORTS_INPUT_TYPE_DATE;
+exports.formatDate = utils.formatDate;
+exports.isInputDateSupported = utils.isInputDateSupported;
+exports.isValidInputValue = utils.isValidInputValue;
+exports.parseDateString = utils.parseDateString;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/shared/index.js.map

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

package/dynamic-mixins/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const IS_BROWSER: boolean;
+export declare const SUPPORTS_INPUT_TYPE_DATE: boolean;
+export declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+export declare const parseDateString: (value: string, dateFormat?: string) => Date;
+/**
+ * Возвращает `true`, если поддерживается `input[type="date"]`
+ */
+export declare function isInputDateSupported(): boolean;
+export declare const isValidInputValue: (newInputValue: string | undefined, minDate: number | undefined, maxDate: number | undefined, offDays?: Array<number | Date>) => boolean;

package/dynamic-mixins/utils.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var format = require('date-fns/format');
+var isSameDay = require('date-fns/isSameDay');
+var parse = require('date-fns/parse');
+var shared = require('@alfalab/core-components-calendar/dynamic-mixins/shared');
+var dynamicMixins = require('@alfalab/core-components-date-input/dynamic-mixins');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var format__default = /*#__PURE__*/_interopDefaultCompat(format);
+var isSameDay__default = /*#__PURE__*/_interopDefaultCompat(isSameDay);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
+
+var DATE_FORMAT = 'dd.MM.yyyy';
+var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
+var DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
+var IS_BROWSER = typeof window !== 'undefined';
+var SUPPORTS_INPUT_TYPE_DATE = IS_BROWSER && isInputDateSupported();
+var formatDate = function (date, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return format__default.default(date, dateFormat);
+};
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default.default(value, dateFormat, new Date());
+};
+/**
+ * Возвращает `true`, если поддерживается `input[type="date"]`
+ */
+function isInputDateSupported() {
+    var input = document.createElement('input');
+    var value = 'a';
+    input.setAttribute('type', 'date');
+    input.setAttribute('value', value);
+    return input.value !== value;
+}
+var isValidInputValue = function (newInputValue, minDate, maxDate, offDays) {
+    if (offDays === void 0) { offDays = []; }
+    if (!newInputValue)
+        return false;
+    var dateValue = parseDateString(newInputValue).getTime();
+    return Boolean(dateValue &&
+        dynamicMixins.isCompleteDateInput(newInputValue) &&
+        shared.dateInLimits(dateValue, minDate, maxDate) &&
+        !offDays.some(function (offDay) { return isSameDay__default.default(offDay, dateValue); }));
+};
+
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.IS_BROWSER = IS_BROWSER;
+exports.NATIVE_DATE_FORMAT = NATIVE_DATE_FORMAT;
+exports.SUPPORTS_INPUT_TYPE_DATE = SUPPORTS_INPUT_TYPE_DATE;
+exports.formatDate = formatDate;
+exports.isInputDateSupported = isInputDateSupported;
+exports.isValidInputValue = isValidInputValue;
+exports.parseDateString = parseDateString;
+//# sourceMappingURL=utils.js.map

package/dynamic-mixins/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import format from 'date-fns/format';\nimport isSameDay from 'date-fns/isSameDay';\nimport parse from 'date-fns/parse';\n\nimport { dateInLimits } from '@alfalab/core-components-calendar/shared';\nimport { isCompleteDateInput } from '@alfalab/core-components-date-input';\n\nexport const DATE_FORMAT = 'dd.MM.yyyy';\nexport const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';\nexport const DATE_MASK = [/\\d/, /\\d/, '.', /\\d/, /\\d/, '.', /\\d/, /\\d/, /\\d/, /\\d/];\nexport const IS_BROWSER = typeof window !== 'undefined';\nexport const SUPPORTS_INPUT_TYPE_DATE = IS_BROWSER && isInputDateSupported();\n\nexport const formatDate = (date: Date | number, dateFormat = DATE_FORMAT) =>\n    format(date, dateFormat);\n\nexport const parseDateString = (value: string, dateFormat = DATE_FORMAT) =>\n    parse(value, dateFormat, new Date());\n\n/**\n * Возвращает `true`, если поддерживается `input[type=\"date\"]`\n */\nexport function isInputDateSupported() {\n    const input = document.createElement('input');\n    const value = 'a';\n\n    input.setAttribute('type', 'date');\n    input.setAttribute('value', value);\n\n    return input.value !== value;\n}\n\nexport const isValidInputValue = (\n    newInputValue: string | undefined,\n    minDate: number | undefined,\n    maxDate: number | undefined,\n    offDays: Array<number | Date> = [],\n) => {\n    if (!newInputValue) return false;\n\n    const dateValue = parseDateString(newInputValue).getTime();\n\n    return Boolean(\n        dateValue &&\n            isCompleteDateInput(newInputValue) &&\n            dateInLimits(dateValue, minDate, maxDate) &&\n            !offDays.some((offDay) => isSameDay(offDay, dateValue)),\n    );\n};\n"],"names":["format","parse","isCompleteDateInput","dateInLimits","isSameDay"],"mappings":";;;;;;;;;;;;;;;;AAOO,IAAM,WAAW,GAAG;AACpB,IAAM,kBAAkB,GAAG;AACrB,IAAA,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACrE,UAAU,GAAG,OAAO,MAAM,KAAK;IAC/B,wBAAwB,GAAG,UAAU,IAAI,oBAAoB;AAE7D,IAAA,UAAU,GAAG,UAAC,IAAmB,EAAE,UAAwB,EAAA;AAAxB,IAAA,IAAA,UAAA,KAAA,MAAA,EAAA,EAAA,UAAwB,GAAA,WAAA,CAAA;AACpE,IAAA,OAAAA,uBAAM,CAAC,IAAI,EAAE,UAAU,CAAC;AAAxB;AAES,IAAA,eAAe,GAAG,UAAC,KAAa,EAAE,UAAwB,EAAA;AAAxB,IAAA,IAAA,UAAA,KAAA,MAAA,EAAA,EAAA,UAAwB,GAAA,WAAA,CAAA;IACnE,OAAAC,sBAAK,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC;AAApC;AAEJ;;AAEG;SACa,oBAAoB,GAAA;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;IAC7C,IAAM,KAAK,GAAG,GAAG;AAEjB,IAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;AAClC,IAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;AAElC,IAAA,OAAO,KAAK,CAAC,KAAK,KAAK,KAAK;AAChC;AAEa,IAAA,iBAAiB,GAAG,UAC7B,aAAiC,EACjC,OAA2B,EAC3B,OAA2B,EAC3B,OAAkC,EAAA;AAAlC,IAAA,IAAA,OAAA,KAAA,MAAA,EAAA,EAAA,OAAkC,GAAA,EAAA,CAAA;AAElC,IAAA,IAAI,CAAC,aAAa;AAAE,QAAA,OAAO,KAAK;IAEhC,IAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE;IAE1D,OAAO,OAAO,CACV,SAAS;QACLC,iCAAmB,CAAC,aAAa,CAAC;AAClC,QAAAC,mBAAY,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC;AACzC,QAAA,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAAC,0BAAS,CAAC,MAAM,EAAE,SAAS,CAAC,GAAA,CAAC,CAC9D;AACL;;;;;;;;;;;;"}

package/esm/components/calendar-input/index.css

@@ -13,31 +13,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
-} .calendar-input__component_8xm6h {
+} .calendar-input__component_k1elp {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_8xm6h {
+} .calendar-input__block_k1elp {
     width: 100%;
-} .calendar-input__calendarContainer_8xm6h {
+} .calendar-input__calendarContainer_k1elp {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_8xm6h {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_k1elp {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_8xm6h {
+    } .calendar-input__calendarResponsive_k1elp {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_8xm6h {
+} .calendar-input__calendarIcon_k1elp {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_8xm6h:not(:only-child) {
+} .calendar-input__calendarIcon_k1elp:not(:only-child) {
         margin-right: var(--gap-4);
-    } .calendar-input__nativeInput_8xm6h {
+    } .calendar-input__nativeInput_k1elp {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -48,8 +48,8 @@
        -moz-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_8xm6h::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_k1elp::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_8xm6h::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_k1elp::-webkit-inner-spin-button {
         display: none;
     }

package/esm/components/calendar-input/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"calendar-input__component_8xm6h","block":"calendar-input__block_8xm6h","calendarContainer":"calendar-input__calendarContainer_8xm6h","calendarResponsive":"calendar-input__calendarResponsive_8xm6h","calendarIcon":"calendar-input__calendarIcon_8xm6h"};
+var styles = {"component":"calendar-input__component_k1elp","block":"calendar-input__block_k1elp","calendarContainer":"calendar-input__calendarContainer_k1elp","calendarResponsive":"calendar-input__calendarResponsive_k1elp","calendarIcon":"calendar-input__calendarIcon_k1elp"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/calendar-input/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}

package/modern/components/calendar-input/index.css

@@ -13,31 +13,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
-} .calendar-input__component_8xm6h {
+} .calendar-input__component_k1elp {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_8xm6h {
+} .calendar-input__block_k1elp {
     width: 100%;
-} .calendar-input__calendarContainer_8xm6h {
+} .calendar-input__calendarContainer_k1elp {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_8xm6h {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_k1elp {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_8xm6h {
+    } .calendar-input__calendarResponsive_k1elp {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_8xm6h {
+} .calendar-input__calendarIcon_k1elp {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_8xm6h:not(:only-child) {
+} .calendar-input__calendarIcon_k1elp:not(:only-child) {
         margin-right: var(--gap-4);
-    } .calendar-input__nativeInput_8xm6h {
+    } .calendar-input__nativeInput_k1elp {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -48,8 +48,8 @@
        -moz-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_8xm6h::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_k1elp::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_8xm6h::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_k1elp::-webkit-inner-spin-button {
         display: none;
     }

package/modern/components/calendar-input/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"calendar-input__component_8xm6h","block":"calendar-input__block_8xm6h","calendarContainer":"calendar-input__calendarContainer_8xm6h","calendarResponsive":"calendar-input__calendarResponsive_8xm6h","calendarIcon":"calendar-input__calendarIcon_8xm6h"};
+const styles = {"component":"calendar-input__component_k1elp","block":"calendar-input__block_k1elp","calendarContainer":"calendar-input__calendarContainer_k1elp","calendarResponsive":"calendar-input__calendarResponsive_k1elp","calendarIcon":"calendar-input__calendarIcon_k1elp"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/calendar-input/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n    --calendar-input-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-input-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.calendarIcon {\n    width: 24px;\n    height: 24px;\n    display: block;\n    color: var(--calendar-input-icon-color);\n\n    &:not(:only-child) {\n        margin-right: var(--gap-4);\n    }\n}\n\n.nativeInput {\n    opacity: 0;\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    z-index: 1;\n\n    &::-webkit-calendar-picker-indicator {\n        display: none;\n    }\n    &::-webkit-inner-spin-button {\n        display: none;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}

package/moderncssm/components/calendar-input/index.module.css

@@ -1,42 +1,52 @@
 :root {
     --calendar-width: 344px;
 }
+
 :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
 }
+
 .component {
     display: inline-block;
     outline: none;
     position: relative;
 }
+
 .block {
     width: 100%;
 }
+
 .calendarContainer {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
 }
+
 @media (max-width: 374px) {
+
 .calendarContainer {
         width: 100%;
         min-width: 288px
 }
     }
+
 .calendarResponsive {
     width: var(--calendar-width);
 }
+
 .calendarIcon {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
+
 .calendarIcon:not(:only-child) {
         margin-right: var(--gap-4);
     }
+
 .nativeInput {
     opacity: 0;
     position: absolute;
@@ -49,9 +59,11 @@
             appearance: none;
     z-index: 1
 }
+
 .nativeInput::-webkit-calendar-picker-indicator {
         display: none;
     }
+
 .nativeInput::-webkit-inner-spin-button {
         display: none;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-input",
-    "version": "11.0.0",
+    "version": "11.1.0-snapshot-92b8690",
     "description": "Calendar input component",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,10 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-calendar": "^8.0.0",
-        "@alfalab/core-components-date-input": "^5.0.0",
-        "@alfalab/core-components-mq": "^5.0.0",
-        "@alfalab/core-components-popover": "^7.0.0",
+        "@alfalab/core-components-calendar": "8.1.0-snapshot-92b8690",
+        "@alfalab/core-components-date-input": "5.1.0-snapshot-92b8690",
+        "@alfalab/core-components-mq": "5.1.0-snapshot-92b8690",
+        "@alfalab/core-components-popover": "7.1.0-snapshot-92b8690",
         "@alfalab/icons-glyph": "^2.210.0",
         "classnames": "^2.5.1",
         "date-fns": "^2.16.1",
@@ -28,6 +28,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.0.0",
-    "varsVersion": "10.0.0"
+    "themesVersion": "14.1.0-snapshot-92b8690",
+    "varsVersion": "10.1.0-snapshot-92b8690"
 }

package/src/components/calendar-input/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 @import '../../../../calendar/src/vars.css';
 
 :root {