@alfalab/core-components-calendar-input 8.1.3 → 8.2.0

package/cssm/Component.desktop.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var components_calendarInput_Component = require('./Component-fde0c12c.js');
+var React = require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./components/calendar-input/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CalendarInputDesktop = function (props) { return (React__default.default.createElement(components_calendarInput_Component.CalendarInput, components_calendarInput_Component.__assign({}, props))); };
+
+exports.CalendarInputDesktop = CalendarInputDesktop;

package/cssm/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CalendarInputProps } from "./Component-fde0c12c";
+type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;
+declare const CalendarInputMobile: FC<CalendarInputMobileProps>;
+export { CalendarInputMobileProps, CalendarInputMobile };

package/cssm/Component.mobile.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var components_calendarInput_Component = require('./Component-fde0c12c.js');
+var React = require('react');
+var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./components/calendar-input/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CalendarInputMobile = function (props) { return (React__default.default.createElement(components_calendarInput_Component.CalendarInput, components_calendarInput_Component.__assign({ Calendar: coreComponentsCalendar.CalendarMobile, view: 'mobile' }, props))); };
+
+exports.CalendarInputMobile = CalendarInputMobile;

package/cssm/Component.responsive.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { CalendarInputProps } from "./Component-fde0c12c";
+type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+type CalendarInputMedia = 'desktop' | 'mobile';
+declare const CalendarInputResponsive: FC<CalendarInputResponsiveProps>;
+export { CalendarInputResponsiveProps, CalendarInputMedia, CalendarInputResponsive };

package/cssm/Component.responsive.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var components_calendarInput_Component = require('./Component-fde0c12c.js');
+var React = require('react');
+var hooks = require('@alfalab/hooks');
+var Component_desktop = require('./Component.desktop.js');
+var Component_mobile = require('./Component.mobile.js');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./components/calendar-input/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CalendarInputResponsive = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = components_calendarInput_Component.__rest(_a, ["breakpoint"]);
+    var view = hooks.useMedia([
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
+    ], 'desktop')[0];
+    return view === 'desktop' ? (React__default.default.createElement(Component_desktop.CalendarInputDesktop, components_calendarInput_Component.__assign({}, restProps))) : (React__default.default.createElement(Component_mobile.CalendarInputMobile, components_calendarInput_Component.__assign({}, restProps)));
+};
+
+exports.CalendarInputResponsive = CalendarInputResponsive;

package/cssm/components/calendar-input/Component.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var components_calendarInput_Component = require('../../Component-fde0c12c.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('../../utils.js');
+require('./index.module.css');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+
+
+
+exports.CalendarInput = components_calendarInput_Component.CalendarInput;

package/cssm/components/calendar-input/index.d.ts

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

package/cssm/components/calendar-input/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var components_calendarInput_Component = require('../../Component-fde0c12c.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('../../utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./index.module.css');
+
+
+
+exports.CalendarInput = components_calendarInput_Component.CalendarInput;

package/cssm/desktop.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop";
+export {};

package/cssm/desktop.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var Component_desktop = require('./Component.desktop.js');
+require('./Component-fde0c12c.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./components/calendar-input/index.module.css');
+
+
+
+exports.CalendarInputDesktop = Component_desktop.CalendarInputDesktop;

package/cssm/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component";
+export { CalendarInputResponsive as CalendarInput, CalendarInputResponsiveProps as CalendarInputProps } from "./responsive";
 export * from "./utils";

package/cssm/index.js

@@ -1,23 +1,26 @@
 'use strict';
 
-var Component = require('./Component.js');
+var Component_responsive = require('./Component.responsive.js');
 var utils = require('./utils.js');
+require('./Component-fde0c12c.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-date-input/cssm');
 require('@alfalab/core-components-popover/cssm');
-require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('./index.module.css');
+require('./components/calendar-input/index.module.css');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
+require('./Component.mobile.js');
 
 
 
-exports.CalendarInput = Component.CalendarInput;
+exports.CalendarInput = Component_responsive.CalendarInputResponsive;
 exports.DATE_FORMAT = utils.DATE_FORMAT;
 exports.DATE_MASK = utils.DATE_MASK;
 exports.IS_BROWSER = utils.IS_BROWSER;

package/cssm/mobile.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile";
+export {};

package/cssm/mobile.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var Component_mobile = require('./Component.mobile.js');
+require('./Component-fde0c12c.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./components/calendar-input/index.module.css');
+
+
+
+exports.CalendarInputMobile = Component_mobile.CalendarInputMobile;

package/cssm/responsive.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.responsive";
+export {};

package/cssm/responsive.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var Component_responsive = require('./Component.responsive.js');
+require('./Component-fde0c12c.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar/cssm');
+require('@alfalab/core-components-date-input/cssm');
+require('@alfalab/core-components-popover/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('./components/calendar-input/index.module.css');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
+require('./Component.mobile.js');
+
+
+
+exports.CalendarInputResponsive = Component_responsive.CalendarInputResponsive;

package/cssm/utils.js

@@ -6,6 +6,12 @@ var parse = require('date-fns/parse');
 var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
 var coreComponentsDateInput = require('@alfalab/core-components-date-input/cssm');
 
+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/];
@@ -13,11 +19,11 @@ 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(date, dateFormat);
+    return format__default.default(date, dateFormat);
 };
 var parseDateString = function (value, dateFormat) {
     if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return parse(value, dateFormat, new Date());
+    return parse__default.default(value, dateFormat, new Date());
 };
 /**
  * Возвращает `true`, если поддерживается `input[type="date"]`
@@ -37,7 +43,7 @@ var isValidInputValue = function (newInputValue, minDate, maxDate, offDays) {
     return Boolean(dateValue &&
         coreComponentsDateInput.isCompleteDateInput(newInputValue) &&
         coreComponentsCalendar.dateInLimits(dateValue, minDate, maxDate) &&
-        !offDays.some(function (offDay) { return isSameDay(offDay, dateValue); }));
+        !offDays.some(function (offDay) { return isSameDay__default.default(offDay, dateValue); }));
 };
 
 exports.DATE_FORMAT = DATE_FORMAT;

package/desktop.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop";
+export {};

package/desktop.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var Component_desktop = require('./Component.desktop.js');
+require('./Component-98dcf994.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/core-components-calendar');
+require('@alfalab/core-components-date-input');
+require('@alfalab/core-components-popover');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('./utils.js');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+
+
+
+exports.CalendarInputDesktop = Component_desktop.CalendarInputDesktop;

package/{modern/Component.d.ts → esm/Component-8d1a1461.d.ts}

@@ -4,6 +4,39 @@ import { ChangeEvent, ElementType, MouseEvent } from "react";
 import { CalendarMobileProps, CalendarProps } from "@alfalab/core-components-calendar";
 import { DateInputProps } from "@alfalab/core-components-date-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+declare function __spread(...args: any[]): any[];
+declare function __spreadArrays(...args: any[]): any[];
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
 type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
     /**
      * Дополнительный класс
@@ -69,7 +102,7 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
     /**
      * Компонент календаря
      */
-    Calendar?: ElementType<CalendarProps>;
+    Calendar?: ElementType;
     /**
      * Обработчик изменения значения
      */
@@ -100,6 +133,10 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Календарь будет принимать ширину инпута
      */
     useAnchorWidth?: boolean;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: 'desktop' | 'mobile';
 };
 declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "onChange" | "mobileMode"> & {
     /**
@@ -119,9 +156,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
      */
     calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarProps & {
         open: boolean;
-        title?: string | undefined; /**
-         * Дополнительный класс для поповера
-         */
+        title?: string | undefined;
         onClose?: (() => void) | undefined;
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
@@ -175,7 +210,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
     /**
      * Компонент календаря
      */
-    Calendar?: React.ElementType<CalendarProps> | undefined;
+    Calendar?: React.ElementType<any> | undefined;
     /**
      * Обработчик изменения значения
      */
@@ -206,5 +241,9 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
      * Календарь будет принимать ширину инпута
      */
     useAnchorWidth?: boolean | undefined;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: "desktop" | "mobile" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { CalendarInputProps, CalendarInput };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding, CalendarInputProps, CalendarInput };

package/esm/{Component.js → Component-8d1a1461.js}

@@ -1,15 +1,11 @@
 import React, { forwardRef, useState, useCallback, useRef, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { dateInLimits, CalendarMobile, Calendar } from '@alfalab/core-components-calendar/esm';
+import { dateInLimits, Calendar } from '@alfalab/core-components-calendar/esm';
 import { parseDateString, isCompleteDateInput, formatDate, DateInput } from '@alfalab/core-components-date-input/esm';
 import { Popover } from '@alfalab/core-components-popover/esm';
-import { useMedia } from '@alfalab/hooks';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { SUPPORTS_INPUT_TYPE_DATE } from './utils.js';
-import 'date-fns/format';
-import 'date-fns/isSameDay';
-import 'date-fns/parse';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,25 +46,20 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-input__component_k71na","block":"calendar-input__block_k71na","calendarContainer":"calendar-input__calendarContainer_k71na","calendarResponsive":"calendar-input__calendarResponsive_k71na","calendarIcon":"calendar-input__calendarIcon_k71na","nativeInput":"calendar-input__nativeInput_k71na"};
-require('./index.css')
+var styles = {"component":"calendar-input__component_wpjcj","block":"calendar-input__block_wpjcj","calendarContainer":"calendar-input__calendarContainer_wpjcj","calendarResponsive":"calendar-input__calendarResponsive_wpjcj","calendarIcon":"calendar-input__calendarIcon_wpjcj","nativeInput":"calendar-input__nativeInput_wpjcj"};
+require('./components/calendar-input/index.css')
 
 var CalendarInput = forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
-    var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _a.inputClassName; var 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, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar$1 = _s === void 0 ? Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error"]);
-    var view = useMedia([
-        ['mobile', '(max-width: 1023px)'],
-        ['desktop', '(min-width: 1024px)'],
-    ], 'desktop')[0];
-    var CalendarComponent = view === 'desktop' ? Calendar$1 : CalendarMobile;
+    var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _a.inputClassName; var 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, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar$1 = _s === void 0 ? Calendar : _s, _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 = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "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 = SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
     var shouldRenderOnlyInput = mobileMode === 'input';
     var shouldRenderStatic = calendarPosition === 'static' && !shouldRenderOnlyInput;
     var shouldRenderPopover = calendarPosition === 'popover' && !shouldRenderNative && !shouldRenderOnlyInput;
-    var _u = useState(false), open = _u[0], setOpen = _u[1];
-    var _v = useState(value || defaultValue), inputValue = _v[0], setInputValue = _v[1];
+    var _v = useState(false), open = _v[0], setOpen = _v[1];
+    var _w = useState(value || defaultValue), inputValue = _w[0], setInputValue = _w[1];
     var calendarValue = inputValue ? parseDateString(inputValue).getTime() : undefined;
     var checkInputValueIsValid = useCallback(function (newInputValue) {
         if (!newInputValue)
@@ -161,7 +152,7 @@ var CalendarInput = forwardRef(function (_a, ref) {
     var renderCalendar = function () { return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React.createElement(CalendarComponent, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(inputValue) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
+        React.createElement(Calendar$1, __assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(inputValue) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React.createElement("div", { className: cn(styles.component, className, (_b = {},
@@ -176,4 +167,4 @@ var CalendarInput = forwardRef(function (_a, ref) {
                 _c)), className: popoverClassName, position: popoverPosition, offset: [0, 4], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });
 
-export { CalendarInput };
+export { CalendarInput as C, __assign as _, __rest as a };

package/esm/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CalendarInputProps } from "./Component-8d1a1461";
+type CalendarInputDesktopProps = Omit<CalendarInputProps, 'view'>;
+declare const CalendarInputDesktop: FC<CalendarInputDesktopProps>;
+export { CalendarInputDesktopProps, CalendarInputDesktop };

package/esm/Component.desktop.js

@@ -0,0 +1,16 @@
+import { C as CalendarInput, _ as __assign } from './Component-8d1a1461.js';
+import React from 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/esm';
+import '@alfalab/core-components-date-input/esm';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils.js';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+
+var CalendarInputDesktop = function (props) { return (React.createElement(CalendarInput, __assign({}, props))); };
+
+export { CalendarInputDesktop };

package/esm/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CalendarInputProps } from "./Component-8d1a1461";
+type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;
+declare const CalendarInputMobile: FC<CalendarInputMobileProps>;
+export { CalendarInputMobileProps, CalendarInputMobile };

package/esm/Component.mobile.js

@@ -0,0 +1,16 @@
+import { C as CalendarInput, _ as __assign } from './Component-8d1a1461.js';
+import React from 'react';
+import { CalendarMobile } from '@alfalab/core-components-calendar/esm';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-date-input/esm';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils.js';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+
+var CalendarInputMobile = function (props) { return (React.createElement(CalendarInput, __assign({ Calendar: CalendarMobile, view: 'mobile' }, props))); };
+
+export { CalendarInputMobile };

package/esm/Component.responsive.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { CalendarInputProps } from "./Component-8d1a1461";
+type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+type CalendarInputMedia = 'desktop' | 'mobile';
+declare const CalendarInputResponsive: FC<CalendarInputResponsiveProps>;
+export { CalendarInputResponsiveProps, CalendarInputMedia, CalendarInputResponsive };

package/esm/Component.responsive.js

@@ -0,0 +1,26 @@
+import { a as __rest, _ as __assign } from './Component-8d1a1461.js';
+import React from 'react';
+import { useMedia } from '@alfalab/hooks';
+import { CalendarInputDesktop } from './Component.desktop.js';
+import { CalendarInputMobile } from './Component.mobile.js';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/esm';
+import '@alfalab/core-components-date-input/esm';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import './utils.js';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+
+var CalendarInputResponsive = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var view = useMedia([
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
+    ], 'desktop')[0];
+    return view === 'desktop' ? (React.createElement(CalendarInputDesktop, __assign({}, restProps))) : (React.createElement(CalendarInputMobile, __assign({}, restProps)));
+};
+
+export { CalendarInputResponsive };

package/esm/components/calendar-input/Component.js

@@ -0,0 +1,12 @@
+export { C as CalendarInput } from '../../Component-8d1a1461.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/core-components-calendar/esm';
+import '@alfalab/core-components-date-input/esm';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import '../../utils.js';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';