@alfalab/core-components-date-range-input 4.0.0 → 4.1.0-snapshot-92b8690

package/components/date-range-input/index.css

@@ -10,24 +10,24 @@
     --calendar-width: 344px;
 } :root {
     --calendar-popover-border-radius: var(--border-radius-8);
-} .date-range-input__component_1lv6f {
+} .date-range-input__component_1gqpn {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1lv6f {
+} .date-range-input__calendarContainer_1gqpn {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1lv6f {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1gqpn {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1lv6f {
+    } .date-range-input__calendarResponsive_1gqpn {
     width: var(--calendar-width);
-} .date-range-input__block_1lv6f {
+} .date-range-input__block_1gqpn {
     width: 100%;
-} .date-range-input__calendarIcon_1lv6f {
+} .date-range-input__calendarIcon_1gqpn {
     margin-right: var(--gap-12-neg);
     height: 100%;
 }

package/components/date-range-input/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"date-range-input__component_1lv6f","calendarContainer":"date-range-input__calendarContainer_1lv6f","calendarResponsive":"date-range-input__calendarResponsive_1lv6f","block":"date-range-input__block_1lv6f","calendarIcon":"date-range-input__calendarIcon_1lv6f"};
+var styles = {"component":"date-range-input__component_1gqpn","calendarContainer":"date-range-input__calendarContainer_1gqpn","calendarResponsive":"date-range-input__calendarResponsive_1gqpn","block":"date-range-input__block_1gqpn","calendarIcon":"date-range-input__calendarIcon_1gqpn"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/date-range-input/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-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-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ConditionalProps, DateRangeInputProps } from './components/date-range-input';
+export declare type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+};
+export declare type DateRangeInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & 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 DateRangeInputResponsive = 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.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+});
+
+exports.DateRangeInputResponsive = DateRangeInputResponsive;
+//# 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 { InputProps } from '@alfalab/core-components-input';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ConditionalProps, DateRangeInputProps } from './components/date-range-input';\nimport { DateRangeInputDesktop } from './desktop';\nimport { DateRangeInputMobile } from './mobile';\n\nexport type DateRangeInputResponsiveProps = Omit<\n    DateRangeInputProps,\n    'view' | 'picker' | 'onClose' | 'InputComponent'\n> &\n    ConditionalProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport type DateRangeInputMedia = 'desktop' | 'mobile';\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const DateRangeInputResponsive = forwardRef<HTMLInputElement, DateRangeInputResponsiveProps>(\n    ({ breakpoint, client, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <DateRangeInputDesktop {...restProps} ref={ref} />\n        ) : (\n            <DateRangeInputMobile {...restProps} ref={ref} />\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useIsDesktop","React","DateRangeInputDesktop","__assign","DateRangeInputMobile"],"mappings":";;;;;;;;;;;;;;AA6BA;;;AAGG;IACU,wBAAwB,GAAGA,gBAAU,CAC9C,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,uCAAqB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,KAElDF,sBAAA,CAAA,aAAA,CAACG,qCAAoB,EAAAD,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACpD;AACL,CAAC;;;;"}

package/dynamic-mixins/components/date-range-input/Component.d.ts

@@ -0,0 +1,114 @@
+import React, { ChangeEvent, ElementType } from 'react';
+import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
+import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
+import { InputProps } from '@alfalab/core-components-input';
+import { PopoverProps } from '@alfalab/core-components-popover';
+export declare type ConditionalProps = {
+    /**
+     * Обработчик изменения значения
+     */
+    picker: true;
+    /**
+     * Обработчик закрытия календаря
+     */
+    onClose?: () => void;
+} | {
+    picker?: false;
+    onClose?: never;
+};
+export declare type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для инпута
+     */
+    inputClassName?: string;
+    /**
+     * Дополнительный класс для поповера
+     */
+    popoverClassName?: string;
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (payload: {
+        dateFrom?: Date;
+        dateTo?: Date;
+        value: string;
+    }, event?: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: (payload: {
+        dateFrom: Date;
+        dateTo: Date;
+        value: string;
+    }, event?: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Компонент календаря
+     */
+    Calendar?: ElementType;
+    /**
+     * Доп. пропсы для календаря
+     */
+    calendarProps?: (CalendarDesktopProps & Record<string, unknown>) | (CalendarMobileProps & Record<string, unknown>);
+    /**
+     * Месяц в календаре по умолчанию (timestamp)
+     */
+    defaultMonth?: number;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
+    minDate?: number;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
+    maxDate?: number;
+    /**
+     * Список событий
+     */
+    events?: Array<Date | number>;
+    /**
+     * Список выходных
+     */
+    offDays?: Array<Date | number>;
+    /**
+     * Состояние открытия по умолчанию
+     */
+    defaultOpen?: boolean;
+    /**
+     * Позиционирование поповера с календарем
+     */
+    popoverPosition?: PopoverProps['position'];
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: PopoverProps['zIndex'];
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно, то он все равно будет показан снизу
+     */
+    preventFlip?: boolean;
+    /**
+     * Календарь будет принимать ширину инпута
+     */
+    useAnchorWidth?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: 'desktop' | 'mobile';
+    /**
+     * Компонент инпута
+     */
+    InputComponent?: ElementType;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
+};
+export declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/components/date-range-input/Component.js

@@ -0,0 +1,225 @@
+'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 dateFnsIsValid = require('date-fns/isValid');
+var startOfMonth = require('date-fns/startOfMonth');
+var shared = require('@alfalab/core-components-calendar/dynamic-mixins/shared');
+var dynamicMixins = require('@alfalab/core-components-icon-button/dynamic-mixins');
+var dynamicMixins$1 = require('@alfalab/core-components-popover/dynamic-mixins');
+var hooks = require('@alfalab/hooks');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var format = require('../../utils/format.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 dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+
+var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d;
+    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, _e = _a.disableUserInput, disableUserInput = _e === void 0 ? false : _e, picker = _a.picker, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _g = _a.popoverPosition, popoverPosition = _g === void 0 ? 'bottom-start' : _g, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, InputComponent = _a.InputComponent, Calendar = _a.Calendar, _h = _a.calendarProps, calendarProps = _h === void 0 ? {} : _h, defaultMonth = _a.defaultMonth, _j = _a.minDate, minDate = _j === void 0 ? calendarProps.minDate : _j, _k = _a.maxDate, maxDate = _k === void 0 ? calendarProps.maxDate : _k, _l = _a.offDays, offDays = _l === void 0 ? calendarProps.offDays || [] : _l, _m = _a.events, events = _m === void 0 ? calendarProps.events || [] : _m, _o = _a.defaultOpen, defaultOpen = _o === void 0 ? false : _o, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "InputComponent", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
+    var inputRef = React.useRef(null);
+    var iconRef = React.useRef(null);
+    var calendarRef = React.useRef(null);
+    var _q = React.useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
+    var _r = React.useState(defaultOpen), open = _r[0], setOpen = _r[1];
+    var inputDisabled = disabled || readOnly;
+    var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
+    var _s = shared.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
+    React.useEffect(function () {
+        if (value) {
+            setCalendarPeriod(getDates(value));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    React.useEffect(function () {
+        setValue(function (prevValue) {
+            if (selectedFrom && selectedTo) {
+                var from = format.parseTimestampToDate(selectedFrom);
+                var to = format.parseTimestampToDate(selectedTo);
+                return "".concat(from, " - ").concat(to);
+            }
+            if (selectedFrom && prevValue.length < format.DATE_FORMAT.length) {
+                return format.parseTimestampToDate(selectedFrom);
+            }
+            return prevValue;
+        });
+    }, [selectedFrom, selectedTo]);
+    hooks.useDidUpdateEffect(function () {
+        var newPropValue = propValue || '';
+        setValue(function (prevValue) {
+            if (prevValue === newPropValue) {
+                return prevValue;
+            }
+            var dates = getDates(newPropValue);
+            setCalendarPeriod(dates);
+            return dates.formattedValue;
+        });
+    }, [propValue]);
+    function getDates(val) {
+        var formattedValue = format.format(val);
+        var dateArr = formattedValue.split('-').map(function (v) { return v.trim(); });
+        var dateFrom = dateArr[0] ? format.parseDateString(dateArr[0]) : undefined;
+        var dateTo = dateArr[1] ? format.parseDateString(dateArr[1]) : undefined;
+        return { formattedValue: formattedValue, dateFrom: dateFrom, dateTo: dateTo, dateArr: dateArr };
+    }
+    function setCalendarPeriod(_a) {
+        var dateFrom = _a.dateFrom, dateTo = _a.dateTo;
+        setStart(dateFrom === null || dateFrom === void 0 ? void 0 : dateFrom.getTime());
+        setEnd(dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime());
+    }
+    function handlePeriodChange(from, to) {
+        if (from && !to && value.length === format.DATE_MASK.length) {
+            setValue(format.parseTimestampToDate(from));
+        }
+        else if ((!from && !to && value.length === format.DATE_FORMAT.length) ||
+            (from === to && value.length === format.DATE_MASK.length)) {
+            setValue('');
+        }
+        var dateFrom = from ? new Date(from) : undefined;
+        var dateTo = to ? new Date(to) : undefined;
+        var newValue = [from, to].filter(Boolean)
+            .map(function (timestamp) { return format.parseTimestampToDate(timestamp); })
+            .join(' - ');
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            dateFrom: dateFrom,
+            dateTo: dateTo,
+            value: newValue,
+        });
+        if (dateFrom && dateTo) {
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete({
+                dateFrom: dateFrom,
+                dateTo: dateTo,
+                value: newValue,
+            });
+        }
+    }
+    var handleInputWrapperFocus = function (event) {
+        if (view === 'desktop') {
+            if (picker) {
+                setOpen(true);
+            }
+            if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
+                calendarRef.current.focus();
+            }
+        }
+    };
+    var handleBlur = function (event) {
+        var _a, _b, _c;
+        if (view === 'desktop') {
+            var target = (event.relatedTarget || document.activeElement);
+            if (((_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) === false &&
+                ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)) === false &&
+                ((_c = iconRef.current) === null || _c === void 0 ? void 0 : _c.contains(target)) === false) {
+                setOpen(false);
+                if (onClose) {
+                    onClose();
+                }
+            }
+        }
+    };
+    // eslint-disable-next-line complexity
+    var handleChange = function (event) {
+        var _a, _b;
+        var newValue = event.target.value;
+        if (newValue.length > format.DATE_MASK.length)
+            return;
+        // Позволяем вводить только цифры, точки, дефис и пробелы
+        if (/[^\d. -]/.test(newValue)) {
+            return;
+        }
+        var dots = newValue.match(/\./g);
+        var hyphen = newValue.match(/\-/g);
+        // Не даем вводить больше, чем 4 точки и 1 дефис
+        if ((dots && dots.length > 4) || (hyphen && hyphen.length > 1)) {
+            return;
+        }
+        var _c = getDates(newValue), formattedValue = _c.formattedValue, dateFrom = _c.dateFrom, dateTo = _c.dateTo, dateArr = _c.dateArr;
+        if (!dateFrom && !dateTo) {
+            resetPeriod();
+        }
+        else if (selectedFrom && formattedValue.length < format.DATE_FORMAT.length) {
+            setStart();
+        }
+        else if (selectedFrom && selectedTo) {
+            setEnd();
+        }
+        else if (dateFrom &&
+            dateFnsIsValid__default.default(dateFrom) &&
+            ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === format.DATE_FORMAT.length &&
+            dateFrom.getTime() !== selectedFrom) {
+            setStart(dateFrom.getTime());
+        }
+        else if (dateTo &&
+            dateFnsIsValid__default.default(dateTo) &&
+            ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === format.DATE_FORMAT.length &&
+            dateTo.getTime() !== selectedTo) {
+            setEnd(dateTo.getTime());
+        }
+        setValue(formattedValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+        if (format.isCompleteDateInput(formattedValue)) {
+            var valid = format.isValid(formattedValue, dateArr[0], dateArr[1]);
+            if (!valid)
+                return;
+            if (dateFrom && dateTo) {
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+            }
+        }
+    };
+    var handleCalendarClose = function () {
+        if (view === 'mobile' && onClose) {
+            onClose();
+        }
+        setOpen(false);
+    };
+    var handleClear = function () {
+        setValue('');
+        resetPeriod();
+    };
+    var handleCalendarChange = function (date) {
+        updatePeriod(date);
+    };
+    var handleCalendarWrapperMouseDown = function (event) {
+        // Не дает инпуту терять фокус при выборе даты
+        event.preventDefault();
+    };
+    var handleIconButtonClick = function () {
+        if (!open)
+            setOpen(true);
+        if (view === 'desktop' && inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    var renderCalendar = function () {
+        var activeMonth = (selectedTo && startOfMonth__default.default(selectedTo)) ||
+            (selectedFrom && startOfMonth__default.default(selectedFrom));
+        return Calendar ? (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
+            React__default.default.createElement(Calendar, tslib.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: activeMonth || defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))) : null;
+    };
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, (_b = {},
+            _b[index_module.block] = block,
+            _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+                rightAddons,
+                picker && (React__default.default.createElement(dynamicMixins.IconButton, { className: index_module.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
+        picker &&
+            (view === 'desktop' ? (React__default.default.createElement(dynamicMixins$1.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(index_module.calendarContainer, (_c = {},
+                    _c[index_module.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
+});
+
+exports.DateRangeInput = DateRangeInput;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/date-range-input/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/date-range-input/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */\nimport React, {\n    ChangeEvent,\n    ElementType,\n    FocusEvent,\n    MouseEvent,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport dateFnsIsValid from 'date-fns/isValid';\nimport startOfMonth from 'date-fns/startOfMonth';\n\nimport type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';\nimport { usePeriod } from '@alfalab/core-components-calendar/shared';\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport { InputProps } from '@alfalab/core-components-input';\nimport { Popover, PopoverProps } from '@alfalab/core-components-popover';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\nimport { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';\n\nimport {\n    DATE_FORMAT,\n    DATE_MASK,\n    format,\n    isCompleteDateInput,\n    isValid,\n    parseDateString,\n    parseTimestampToDate,\n} from '../../utils';\n\nimport styles from './index.module.css';\n\nexport type ConditionalProps =\n    | {\n          /**\n           * Обработчик изменения значения\n           */\n          picker: true;\n\n          /**\n           * Обработчик закрытия календаря\n           */\n          onClose?: () => void;\n      }\n    | { picker?: false; onClose?: never };\n\nexport type DateRangeInputProps = Omit<InputProps, 'onChange'> &\n    ConditionalProps & {\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        onChange?: (\n            payload: { dateFrom?: Date; dateTo?: Date; value: string },\n            event?: ChangeEvent<HTMLInputElement>,\n        ) => void;\n\n        /**\n         * Обработчик окончания ввода\n         */\n        onComplete?: (\n            payload: { dateFrom: Date; dateTo: Date; value: string },\n            event?: ChangeEvent<HTMLInputElement>,\n        ) => void;\n\n        /**\n         * Компонент календаря\n         */\n        Calendar?: ElementType;\n\n        /**\n         * Доп. пропсы для календаря\n         */\n        calendarProps?:\n            | (CalendarDesktopProps & Record<string, unknown>)\n            | (CalendarMobileProps & Record<string, unknown>);\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        defaultOpen?: boolean;\n\n        /**\n         * Позиционирование поповера с календарем\n         */\n        popoverPosition?: PopoverProps['position'];\n\n        /**\n         * z-index Popover\n         */\n        zIndexPopover?: PopoverProps['zIndex'];\n\n        /**\n         * Запрещает поповеру менять свою позицию.\n         * Например, если места снизу недостаточно, то он все равно будет показан снизу\n         */\n        preventFlip?: boolean;\n\n        /**\n         * Календарь будет принимать ширину инпута\n         */\n        useAnchorWidth?: boolean;\n\n        /**\n         * Растягивает компонент на ширину контейнера\n         */\n        block?: boolean;\n\n        /**\n         * Отображение компонента в мобильном или десктопном виде\n         */\n        view?: 'desktop' | 'mobile';\n\n        /**\n         * Компонент инпута\n         */\n        InputComponent?: ElementType;\n\n        /**\n         * Запретить ввод с клавиатуры\n         */\n        disableUserInput?: boolean;\n    };\n\ntype GetDatesRet = { formattedValue: string; dateFrom?: Date; dateTo?: Date; dateArr: string[] };\n\nexport const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputProps>(\n    (\n        {\n            className,\n            inputClassName,\n            popoverClassName,\n            disabled,\n            readOnly,\n            disableUserInput = false,\n            picker,\n            defaultValue = '',\n            value: propValue,\n            onChange,\n            onComplete,\n            onClose,\n            rightAddons,\n            useAnchorWidth,\n            block,\n            popoverPosition = 'bottom-start',\n            zIndexPopover,\n            preventFlip,\n            InputComponent,\n            Calendar,\n            calendarProps = {},\n            defaultMonth,\n            minDate = calendarProps.minDate,\n            maxDate = calendarProps.maxDate,\n            offDays = calendarProps.offDays || [],\n            events = calendarProps.events || [],\n            defaultOpen = false,\n            view = 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n        const iconRef = useRef<HTMLButtonElement>(null);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        const [value, setValue] = useState(propValue || defaultValue);\n        const [open, setOpen] = useState(defaultOpen);\n\n        const inputDisabled = disabled || readOnly;\n\n        const calendarResponsive = calendarProps?.responsive ?? true;\n\n        const { selectedFrom, selectedTo, updatePeriod, resetPeriod, setStart, setEnd } = usePeriod(\n            { onPeriodChange: handlePeriodChange },\n        );\n\n        useEffect(() => {\n            if (value) {\n                setCalendarPeriod(getDates(value));\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useEffect(() => {\n            setValue((prevValue) => {\n                if (selectedFrom && selectedTo) {\n                    const from = parseTimestampToDate(selectedFrom);\n                    const to = parseTimestampToDate(selectedTo);\n\n                    return `${from} - ${to}`;\n                }\n                if (selectedFrom && prevValue.length < DATE_FORMAT.length) {\n                    return parseTimestampToDate(selectedFrom);\n                }\n\n                return prevValue;\n            });\n        }, [selectedFrom, selectedTo]);\n\n        useDidUpdateEffect(() => {\n            const newPropValue = propValue || '';\n\n            setValue((prevValue) => {\n                if (prevValue === newPropValue) {\n                    return prevValue;\n                }\n\n                const dates = getDates(newPropValue);\n\n                setCalendarPeriod(dates);\n\n                return dates.formattedValue;\n            });\n        }, [propValue]);\n\n        function getDates(val: string): GetDatesRet {\n            const formattedValue = format(val);\n\n            const dateArr = formattedValue.split('-').map((v) => v.trim());\n            const dateFrom = dateArr[0] ? parseDateString(dateArr[0]) : undefined;\n            const dateTo = dateArr[1] ? parseDateString(dateArr[1]) : undefined;\n\n            return { formattedValue, dateFrom, dateTo, dateArr };\n        }\n\n        function setCalendarPeriod({ dateFrom, dateTo }: GetDatesRet) {\n            setStart(dateFrom?.getTime());\n            setEnd(dateTo?.getTime());\n        }\n\n        function handlePeriodChange(from?: number, to?: number) {\n            if (from && !to && value.length === DATE_MASK.length) {\n                setValue(parseTimestampToDate(from));\n            } else if (\n                (!from && !to && value.length === DATE_FORMAT.length) ||\n                (from === to && value.length === DATE_MASK.length)\n            ) {\n                setValue('');\n            }\n\n            const dateFrom = from ? new Date(from) : undefined;\n            const dateTo = to ? new Date(to) : undefined;\n\n            const newValue = ([from, to].filter(Boolean) as number[])\n                .map((timestamp) => parseTimestampToDate(timestamp))\n                .join(' - ');\n\n            onChange?.({\n                dateFrom,\n                dateTo,\n                value: newValue,\n            });\n\n            if (dateFrom && dateTo) {\n                onComplete?.({\n                    dateFrom,\n                    dateTo,\n                    value: newValue,\n                });\n            }\n        }\n\n        const handleInputWrapperFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (view === 'desktop') {\n                if (picker) {\n                    setOpen(true);\n                }\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                    calendarRef.current?.contains(target) === false &&\n                    inputRef.current?.contains(target) === false &&\n                    iconRef.current?.contains(target) === false\n                ) {\n                    setOpen(false);\n\n                    if (onClose) {\n                        onClose();\n                    }\n                }\n            }\n        };\n\n        // eslint-disable-next-line complexity\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > DATE_MASK.length) return;\n\n            // Позволяем вводить только цифры, точки, дефис и пробелы\n            if (/[^\\d. -]/.test(newValue)) {\n                return;\n            }\n\n            const dots = newValue.match(/\\./g);\n            const hyphen = newValue.match(/\\-/g);\n\n            // Не даем вводить больше, чем 4 точки и 1 дефис\n            if ((dots && dots.length > 4) || (hyphen && hyphen.length > 1)) {\n                return;\n            }\n\n            const { formattedValue, dateFrom, dateTo, dateArr } = getDates(newValue);\n\n            if (!dateFrom && !dateTo) {\n                resetPeriod();\n            } else if (selectedFrom && formattedValue.length < DATE_FORMAT.length) {\n                setStart();\n            } else if (selectedFrom && selectedTo) {\n                setEnd();\n            } else if (\n                dateFrom &&\n                dateFnsIsValid(dateFrom) &&\n                dateArr[0]?.length === DATE_FORMAT.length &&\n                dateFrom.getTime() !== selectedFrom\n            ) {\n                setStart(dateFrom.getTime());\n            } else if (\n                dateTo &&\n                dateFnsIsValid(dateTo) &&\n                dateArr[1]?.length === DATE_FORMAT.length &&\n                dateTo.getTime() !== selectedTo\n            ) {\n                setEnd(dateTo.getTime());\n            }\n\n            setValue(formattedValue);\n\n            onChange?.({ dateFrom, dateTo, value: formattedValue }, event);\n\n            if (isCompleteDateInput(formattedValue)) {\n                const valid = isValid(formattedValue, dateArr[0], dateArr[1]);\n\n                if (!valid) return;\n\n                if (dateFrom && dateTo) {\n                    onComplete?.({ dateFrom, dateTo, value: formattedValue }, event);\n                }\n            }\n        };\n\n        const handleCalendarClose = () => {\n            if (view === 'mobile' && onClose) {\n                onClose();\n            }\n\n            setOpen(false);\n        };\n\n        const handleClear = () => {\n            setValue('');\n            resetPeriod();\n        };\n\n        const handleCalendarChange = (date?: number) => {\n            updatePeriod(date);\n        };\n\n        const handleCalendarWrapperMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n            // Не дает инпуту терять фокус при выборе даты\n            event.preventDefault();\n        };\n\n        const handleIconButtonClick = () => {\n            if (!open) setOpen(true);\n\n            if (view === 'desktop' && inputRef.current) {\n                inputRef.current.focus();\n            }\n        };\n\n        const renderCalendar = () => {\n            const activeMonth =\n                (selectedTo && startOfMonth(selectedTo)) ||\n                (selectedFrom && startOfMonth(selectedFrom));\n\n            return Calendar ? (\n                // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n                <div onMouseDown={handleCalendarWrapperMouseDown}>\n                    <Calendar\n                        {...calendarProps}\n                        responsive={calendarResponsive}\n                        open={open}\n                        onClose={handleCalendarClose}\n                        ref={calendarRef}\n                        defaultMonth={activeMonth || defaultMonth}\n                        selectedFrom={selectedFrom}\n                        selectedTo={selectedTo}\n                        onChange={handleCalendarChange}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        offDays={offDays}\n                        events={events}\n                    />\n                </div>\n            ) : null;\n        };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.block]: block,\n                })}\n                onFocus={inputDisabled ? undefined : handleInputWrapperFocus}\n                onBlur={handleBlur}\n            >\n                {InputComponent ? (\n                    <InputComponent\n                        autoComplete={picker ? 'off' : undefined}\n                        {...restProps}\n                        block={block}\n                        ref={mergeRefs([ref, inputRef])}\n                        value={value}\n                        onChange={handleChange}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        className={inputClassName}\n                        onClear={handleClear}\n                        disableUserInput={disableUserInput}\n                        rightAddons={\n                            <React.Fragment>\n                                {rightAddons}\n                                {picker && (\n                                    <IconButton\n                                        className={styles.calendarIcon}\n                                        ref={iconRef}\n                                        onClick={inputDisabled ? undefined : handleIconButtonClick}\n                                        icon={CalendarMIcon}\n                                        size='s'\n                                    />\n                                )}\n                            </React.Fragment>\n                        }\n                    />\n                ) : null}\n                {picker &&\n                    (view === 'desktop' ? (\n                        <Popover\n                            open={open}\n                            useAnchorWidth={useAnchorWidth}\n                            anchorElement={inputRef.current as HTMLElement}\n                            popperClassName={cn(styles.calendarContainer, {\n                                [styles.calendarResponsive]: calendarResponsive,\n                            })}\n                            className={popoverClassName}\n                            position={popoverPosition}\n                            offset={[0, 8]}\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":["React","__rest","useRef","useState","usePeriod","useEffect","parseTimestampToDate","DATE_FORMAT","useDidUpdateEffect","format","parseDateString","DATE_MASK","dateFnsIsValid","isCompleteDateInput","isValid","startOfMonth","__assign","cn","styles","mergeRefs","IconButton","CalendarMIcon","Popover"],"mappings":"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"}

package/dynamic-mixins/components/date-range-input/index.css

@@ -0,0 +1,33 @@
+:root {
+    --color-light-neutral-300: #e7e8eb;
+} :root {
+    --border-radius-m: 8px;
+    --border-radius-8: var(--border-radius-m);
+} :root {
+    --gap-s-neg: -12px;
+    --gap-12-neg: var(--gap-s-neg);
+} :root {
+    --calendar-width: 344px;
+} :root {
+    --calendar-popover-border-radius: var(--border-radius-8);
+} .date-range-input__component_1gqpn {
+    display: inline-block;
+    outline: none;
+    position: relative;
+} .date-range-input__calendarContainer_1gqpn {
+    display: inline-block;
+    box-sizing: border-box;
+    border-radius: var(--calendar-popover-border-radius);
+    border: 1px solid var(--color-light-neutral-300)
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1gqpn {
+        width: 100%;
+        min-width: 288px
+}
+    } .date-range-input__calendarResponsive_1gqpn {
+    width: var(--calendar-width);
+} .date-range-input__block_1gqpn {
+    width: 100%;
+} .date-range-input__calendarIcon_1gqpn {
+    margin-right: var(--gap-12-neg);
+    height: 100%;
+}

package/dynamic-mixins/components/date-range-input/index.d.ts

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

package/dynamic-mixins/components/date-range-input/index.js

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

package/dynamic-mixins/components/date-range-input/index.js.map

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"date-range-input__component_1gqpn","calendarContainer":"date-range-input__calendarContainer_1gqpn","calendarResponsive":"date-range-input__calendarResponsive_1gqpn","block":"date-range-input__block_1gqpn","calendarIcon":"date-range-input__calendarIcon_1gqpn"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-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-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ConditionalProps, DateRangeInputProps } from '../components/date-range-input';
+export declare type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const DateRangeInputDesktop: React.ForwardRefExoticComponent<DateRangeInputDesktopProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,22 @@
+'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 desktop$1 = require('@alfalab/core-components-input/dynamic-mixins/desktop');
+var Component = require('../components/date-range-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 DateRangeInputDesktop = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.DateRangeInput, tslib.__assign({ InputComponent: desktop$1.InputDesktop, Calendar: desktop.CalendarDesktop }, props, { ref: ref }))); });
+
+exports.DateRangeInputDesktop = DateRangeInputDesktop;
+//# 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 { InputProps } from '@alfalab/core-components-input';\nimport { InputDesktop } from '@alfalab/core-components-input/desktop';\n\nimport {\n    ConditionalProps,\n    DateRangeInput,\n    DateRangeInputProps,\n} from '../components/date-range-input';\n\nexport type DateRangeInputDesktopProps = Omit<\n    DateRangeInputProps,\n    'view' | 'picker' | 'onClose' | 'InputComponent'\n> &\n    ConditionalProps;\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const DateRangeInputDesktop = forwardRef<HTMLInputElement, DateRangeInputDesktopProps>(\n    (props, ref) => (\n        <DateRangeInput\n            InputComponent={InputDesktop}\n            Calendar={CalendarDesktop}\n            {...props}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","React","DateRangeInput","__assign","InputDesktop","CalendarDesktop"],"mappings":";;;;;;;;;;;;;;AAmBA;;;AAGG;AACI,IAAM,qBAAqB,GAAGA,gBAAU,CAC3C,UAAC,KAAK,EAAE,GAAG,EAAK,EAAA,QACZC,sBAAA,CAAA,aAAA,CAACC,wBAAc,EACXC,cAAA,CAAA,EAAA,cAAc,EAAEC,sBAAY,EAC5B,QAAQ,EAAEC,uBAAe,IACrB,KAAK,EAAA,EACT,GAAG,EAAE,GAAG,EACV,CAAA,CAAA,EANU,EAOf;;;;"}

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.DateRangeInputDesktop = Component_desktop.DateRangeInputDesktop;
+//# 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 { DateRangeInputResponsive as DateRangeInput } from './Component.responsive';
+export type { DateRangeInputResponsiveProps as DateRangeInputProps } 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.DateRangeInput = Component_responsive.DateRangeInputResponsive;
+//# 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 { ConditionalProps, DateRangeInputProps } from '../components/date-range-input';
+export declare type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+export declare const DateRangeInputMobile: React.ForwardRefExoticComponent<DateRangeInputMobileProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,22 @@
+'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 mobile$1 = require('@alfalab/core-components-input/dynamic-mixins/mobile');
+var Component = require('../components/date-range-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 DateRangeInputMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.DateRangeInput, tslib.__assign({ InputComponent: mobile$1.InputMobile, Calendar: mobile.CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
+
+exports.DateRangeInputMobile = DateRangeInputMobile;
+//# 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 { InputProps } from '@alfalab/core-components-input';\nimport { InputMobile } from '@alfalab/core-components-input/mobile';\n\nimport {\n    ConditionalProps,\n    DateRangeInput,\n    DateRangeInputProps,\n} from '../components/date-range-input';\n\nexport type DateRangeInputMobileProps = Omit<\n    DateRangeInputProps,\n    'view' | 'picker' | 'onClose' | 'InputComponent'\n> &\n    ConditionalProps;\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const DateRangeInputMobile = forwardRef<HTMLInputElement, DateRangeInputMobileProps>(\n    (props, ref) => (\n        <DateRangeInput\n            InputComponent={InputMobile}\n            Calendar={CalendarMobile}\n            view='mobile'\n            {...props}\n            ref={ref}\n        />\n    ),\n);\n"],"names":["forwardRef","React","DateRangeInput","__assign","InputMobile","CalendarMobile"],"mappings":";;;;;;;;;;;;;;AAmBA;;;AAGG;AACU,IAAA,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,KAAK,EAAE,GAAG,IAAK,QACZC,qCAACC,wBAAc,EAAAC,cAAA,CAAA,EACX,cAAc,EAAEC,oBAAW,EAC3B,QAAQ,EAAEC,qBAAc,EACxB,IAAI,EAAC,QAAQ,EACT,EAAA,KAAK,EACT,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,CACV,EAPU,EAQf;;;;"}

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.DateRangeInputMobile = Component_mobile.DateRangeInputMobile;
+//# 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/utils/format.d.ts

@@ -0,0 +1,7 @@
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const isCompleteDateInput: (input: string) => boolean;
+export declare const parseDateString: (value: string, dateFormat?: string) => Date;
+export declare const isValid: (inputValue: string, dateFrom: string, dateTo: string) => boolean;
+export declare const format: (value: string) => string;
+export declare const parseTimestampToDate: (timestamp: number) => string;

package/dynamic-mixins/utils/format.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dateFnsIsValid = require('date-fns/isValid');
+var parse = require('date-fns/parse');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
+
+/* eslint-disable no-useless-escape */
+var DATE_FORMAT = 'dd.MM.yyyy';
+var DATE_MASK = [
+    /\d/,
+    /\d/,
+    '.',
+    /\d/,
+    /\d/,
+    '.',
+    /\d/,
+    /\d/,
+    /\d/,
+    /\d/,
+    ' ',
+    '-',
+    ' ',
+    /\d/,
+    /\d/,
+    '.',
+    /\d/,
+    /\d/,
+    '.',
+    /\d/,
+    /\d/,
+    /\d/,
+    /\d/,
+];
+var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default.default(value, dateFormat, new Date());
+};
+var isValid = function (inputValue, dateFrom, dateTo) {
+    return !inputValue ||
+        (isCompleteDateInput(inputValue) &&
+            dateFnsIsValid__default.default(parseDateString(dateFrom)) &&
+            dateFnsIsValid__default.default(parseDateString(dateTo)));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
+        .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
+        .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
+        .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
+        .replace(/\.$/, '') // 12. => 12
+        .replace(/\ $/, '') // 1 2 => 12
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d) - (\d.*)/, '$1 - $3') // 12.12.20051 - 12.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d)- (\d.*)/, '$1 - $3') // 12.12.2005 1- 12.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d) (\d.*)/, '$1 - $3') // 12.12.2005 -1 12.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d\d.\d\d\d)/, '$1 - $3') // 12.12.2005 - 112.12.200 => 12.12.2005 - 12.12.200
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d)(\d\d.\d.\d\d\d\d)/, '$1 - $3') // 12.12.2005 - 112.1.2001 => 12.12.2005 - 12.1.2001
+        .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
+        .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
+        .replace(/^(\d\d)(\d.*)/, '$1.$2') // 1212 => 12.12
+        .replace(/^(\d\d.\d\d)(\d.*)/, '$1.$2') // 12.122 => 12.12.2
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)(\d)/, '$1 - $2') // 12.12.20056 => 12.12.2005 - 6
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d)(\d)/, '$1 - $2.$3') // 12.12.2005 - 123 => 12.12.2005 - 12.3
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) - (\d\d).(\d\d)(\d)/, '$1 - $2.$3.$4') // 12.12.2005 - 12.123 => 12.12.2005 - 12.12.3
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)- (\d.*)/, '$1 - $2') // 12.12.2005- 12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) -(\d.*)/, '$1 - $2') // 12.12.2005 -12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) -/, '$1') // 12.12.2005 - => 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d) (\d.*)/, '$1 - $2') // 12.12.2005 12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)  {2}(\d.*)/, '$1 - $2') // 12.12.2005  12.12.2005 => 12.12.2005 - 12.12.2005
+        .replace(/^(\d\d\.\d\d\.\d\d\d\d)-/, '$1') // 12.12.2005- => 12.12.2005
+        .replace(/^(\d\.\d\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.12.2005123123 => 1.12.2005
+        .replace(/^(\d\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005
+        .replace(/^(\d)\.(\d\d)([0-9]*)\.(\d\d\d\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005
+        .replace(/^(\d\.\d\.\d\d\d\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005
+        .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3');
+}; // .2.2005123123 => .2.2005
+var parseTimestampToDate = function (timestamp) {
+    var date = new Date(timestamp);
+    var year = date.getFullYear();
+    var month = date.getMonth() + 1;
+    var day = date.getDate();
+    if (month < 10) {
+        month = "0".concat(month);
+    }
+    if (day < 10) {
+        day = "0".concat(day);
+    }
+    return "".concat(day, ".").concat(month, ".").concat(year);
+};
+
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.format = format;
+exports.isCompleteDateInput = isCompleteDateInput;
+exports.isValid = isValid;
+exports.parseDateString = parseDateString;
+exports.parseTimestampToDate = parseTimestampToDate;
+//# sourceMappingURL=format.js.map

package/dynamic-mixins/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../src/utils/format.ts"],"sourcesContent":["/* eslint-disable no-useless-escape */\n\nimport dateFnsIsValid from 'date-fns/isValid';\nimport parse from 'date-fns/parse';\n\nexport const DATE_FORMAT = 'dd.MM.yyyy';\nexport const DATE_MASK = [\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    '-',\n    ' ',\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    /\\d/,\n];\n\nexport const isCompleteDateInput = (input: string) => input.length === DATE_MASK.length;\n\nexport const parseDateString = (value: string, dateFormat = DATE_FORMAT) =>\n    parse(value, dateFormat, new Date());\n\nexport const isValid = (inputValue: string, dateFrom: string, dateTo: string) =>\n    !inputValue ||\n    (isCompleteDateInput(inputValue) &&\n        dateFnsIsValid(parseDateString(dateFrom)) &&\n        dateFnsIsValid(parseDateString(dateTo)));\n\nexport const format = (value: string): string =>\n    value\n        .replace(/^(\\d\\d)(\\d)$/, '$1.$2') // 121 => 12.1\n        .replace(/^(\\d\\d)\\.(\\d\\d)(\\d)$/, '$1.$2.$3') // 12.122 => 12.12.2\n        .replace(/^(\\d\\d)\\d\\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d)\\d\\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005\n        .replace(/\\.$/, '') // 12. => 12\n        .replace(/\\ $/, '') // 1 2 => 12\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d)(\\d) - (\\d.*)/, '$1 - $3') // 12.12.20051 - 12.12.200 => 12.12.2005 - 12.12.200\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) (\\d)- (\\d.*)/, '$1 - $3') // 12.12.2005 1- 12.12.200 => 12.12.2005 - 12.12.200\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) -(\\d) (\\d.*)/, '$1 - $3') // 12.12.2005 -1 12.12.200 => 12.12.2005 - 12.12.200\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) - (\\d)(\\d\\d.\\d\\d.\\d\\d\\d)/, '$1 - $3') // 12.12.2005 - 112.12.200 => 12.12.2005 - 12.12.200\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) - (\\d)(\\d\\d.\\d.\\d\\d\\d\\d)/, '$1 - $3') // 12.12.2005 - 112.1.2001 => 12.12.2005 - 12.1.2001\n        .replace(/^(\\d\\d\\.\\d\\d)(\\d\\d\\d\\d)/, '$1.$2') // 12.122005 => 12.12.2005\n        .replace(/^(\\d\\d)(\\d\\d\\.\\d\\d\\d\\d)/, '$1.$2') // 1212.2005 => 12.12.2005\n        .replace(/^(\\d\\d)(\\d.*)/, '$1.$2') // 1212 => 12.12\n        .replace(/^(\\d\\d.\\d\\d)(\\d.*)/, '$1.$2') // 12.122 => 12.12.2\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d)(\\d)/, '$1 - $2') // 12.12.20056 => 12.12.2005 - 6\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) - (\\d\\d)(\\d)/, '$1 - $2.$3') // 12.12.2005 - 123 => 12.12.2005 - 12.3\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) - (\\d\\d).(\\d\\d)(\\d)/, '$1 - $2.$3.$4') // 12.12.2005 - 12.123 => 12.12.2005 - 12.12.3\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d)- (\\d.*)/, '$1 - $2') // 12.12.2005- 12.12.2005 => 12.12.2005 - 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) -(\\d.*)/, '$1 - $2') // 12.12.2005 -12.12.2005 => 12.12.2005 - 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) -/, '$1') // 12.12.2005 - => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d) (\\d.*)/, '$1 - $2') // 12.12.2005 12.12.2005 => 12.12.2005 - 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d)  {2}(\\d.*)/, '$1 - $2') // 12.12.2005  12.12.2005 => 12.12.2005 - 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d)-/, '$1') // 12.12.2005- => 12.12.2005\n        .replace(/^(\\d\\.\\d\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.12.2005123123 => 1.12.2005\n        .replace(/^(\\d\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005\n        .replace(/^(\\d)\\.(\\d\\d)([0-9]*)\\.(\\d\\d\\d\\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005\n        .replace(/^(\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005\n        .replace(/^()\\.(\\d)\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005\n\nexport const parseTimestampToDate = (timestamp: number): string => {\n    const date = new Date(timestamp);\n    const year = date.getFullYear();\n\n    let month: number | string = date.getMonth() + 1;\n    let day: number | string = date.getDate();\n\n    if (month < 10) {\n        month = `0${month}`;\n    }\n    if (day < 10) {\n        day = `0${day}`;\n    }\n\n    return `${day}.${month}.${year}`;\n};\n"],"names":["parse","dateFnsIsValid"],"mappings":"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"}

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

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

package/dynamic-mixins/utils/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var format = require('./format.js');
+
+
+
+exports.DATE_FORMAT = format.DATE_FORMAT;
+exports.DATE_MASK = format.DATE_MASK;
+exports.format = format.format;
+exports.isCompleteDateInput = format.isCompleteDateInput;
+exports.isValid = format.isValid;
+exports.parseDateString = format.parseDateString;
+exports.parseTimestampToDate = format.parseTimestampToDate;
+//# sourceMappingURL=index.js.map

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

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

package/esm/components/date-range-input/index.css

@@ -10,24 +10,24 @@
     --calendar-width: 344px;
 } :root {
     --calendar-popover-border-radius: var(--border-radius-8);
-} .date-range-input__component_1lv6f {
+} .date-range-input__component_1gqpn {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1lv6f {
+} .date-range-input__calendarContainer_1gqpn {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1lv6f {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1gqpn {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1lv6f {
+    } .date-range-input__calendarResponsive_1gqpn {
     width: var(--calendar-width);
-} .date-range-input__block_1lv6f {
+} .date-range-input__block_1gqpn {
     width: 100%;
-} .date-range-input__calendarIcon_1lv6f {
+} .date-range-input__calendarIcon_1gqpn {
     margin-right: var(--gap-12-neg);
     height: 100%;
 }

package/esm/components/date-range-input/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"date-range-input__component_1lv6f","calendarContainer":"date-range-input__calendarContainer_1lv6f","calendarResponsive":"date-range-input__calendarResponsive_1lv6f","block":"date-range-input__block_1lv6f","calendarIcon":"date-range-input__calendarIcon_1lv6f"};
+var styles = {"component":"date-range-input__component_1gqpn","calendarContainer":"date-range-input__calendarContainer_1gqpn","calendarResponsive":"date-range-input__calendarResponsive_1gqpn","block":"date-range-input__block_1gqpn","calendarIcon":"date-range-input__calendarIcon_1gqpn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-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-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}

package/modern/components/date-range-input/index.css

@@ -10,24 +10,24 @@
     --calendar-width: 344px;
 } :root {
     --calendar-popover-border-radius: var(--border-radius-8);
-} .date-range-input__component_1lv6f {
+} .date-range-input__component_1gqpn {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1lv6f {
+} .date-range-input__calendarContainer_1gqpn {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1lv6f {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1gqpn {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1lv6f {
+    } .date-range-input__calendarResponsive_1gqpn {
     width: var(--calendar-width);
-} .date-range-input__block_1lv6f {
+} .date-range-input__block_1gqpn {
     width: 100%;
-} .date-range-input__calendarIcon_1lv6f {
+} .date-range-input__calendarIcon_1gqpn {
     margin-right: var(--gap-12-neg);
     height: 100%;
 }

package/modern/components/date-range-input/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"date-range-input__component_1lv6f","calendarContainer":"date-range-input__calendarContainer_1lv6f","calendarResponsive":"date-range-input__calendarResponsive_1lv6f","block":"date-range-input__block_1lv6f","calendarIcon":"date-range-input__calendarIcon_1lv6f"};
+const styles = {"component":"date-range-input__component_1gqpn","calendarContainer":"date-range-input__calendarContainer_1gqpn","calendarResponsive":"date-range-input__calendarResponsive_1gqpn","block":"date-range-input__block_1gqpn","calendarIcon":"date-range-input__calendarIcon_1gqpn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-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-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-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.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}

package/moderncssm/components/date-range-input/index.module.css

@@ -1,32 +1,40 @@
 :root {
     --calendar-width: 344px;
 }
+
 :root {
     --calendar-popover-border-radius: var(--border-radius-8);
 }
+
 .component {
     display: inline-block;
     outline: none;
     position: relative;
 }
+
 .calendarContainer {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-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);
 }
+
 .block {
     width: 100%;
 }
+
 .calendarIcon {
     margin-right: var(--gap-12-neg);
     height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-range-input",
-    "version": "4.0.0",
+    "version": "4.1.0-snapshot-92b8690",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,11 +10,11 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-calendar": "^8.0.0",
-        "@alfalab/core-components-icon-button": "^7.0.0",
-        "@alfalab/core-components-input": "^16.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-icon-button": "7.1.0-snapshot-92b8690",
+        "@alfalab/core-components-input": "16.1.0-snapshot-92b8690",
+        "@alfalab/core-components-mq": "5.1.0-snapshot-92b8690",
+        "@alfalab/core-components-popover": "7.1.0-snapshot-92b8690",
         "@alfalab/hooks": "^1.13.1",
         "@alfalab/icons-glyph": "^2.210.0",
         "classnames": "^2.5.1",
@@ -30,6 +30,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/date-range-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 {