@alfalab/core-components-calendar-input 9.0.11 → 9.1.0

package/Component.desktop.d.ts

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

package/Component.desktop.js

@@ -21,6 +21,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_calendarInput_Component.CalendarInput, tslib.__assign({ Calendar: desktop.CalendarDesktop }, props, { ref: ref })); });
 
 exports.CalendarInputDesktop = CalendarInputDesktop;

package/Component.mobile.d.ts

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

package/Component.mobile.js

@@ -21,6 +21,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_calendarInput_Component.CalendarInput, tslib.__assign({ Calendar: mobile.CalendarMobile, view: 'mobile' }, props, { ref: ref })); });
 
 exports.CalendarInputMobile = CalendarInputMobile;

package/Component.responsive.d.ts

@@ -9,6 +9,10 @@ type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
     breakpoint?: number;
 };
 type CalendarInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const CalendarInputResponsive: React.ForwardRefExoticComponent<Omit<CalendarInputProps, "view"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/Component.responsive.js

@@ -25,6 +25,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputResponsive = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
-import { CalendarMobileProps } from "../../mobile-c219f8ca";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
 import { DateInputProps } from "@alfalab/core-components-date-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
 type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {

package/components/calendar-input/Component.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-input__component_4iygi","block":"calendar-input__block_4iygi","calendarContainer":"calendar-input__calendarContainer_4iygi","calendarResponsive":"calendar-input__calendarResponsive_4iygi","calendarIcon":"calendar-input__calendarIcon_4iygi","nativeInput":"calendar-input__nativeInput_4iygi"};
+var styles = {"component":"calendar-input__component_a1sh2","block":"calendar-input__block_a1sh2","calendarContainer":"calendar-input__calendarContainer_a1sh2","calendarResponsive":"calendar-input__calendarResponsive_a1sh2","calendarIcon":"calendar-input__calendarIcon_a1sh2","nativeInput":"calendar-input__nativeInput_a1sh2"};
 require('./index.css')
 
 var CalendarInput = React.forwardRef(function (_a, ref) {
@@ -76,7 +76,10 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
             closeCalendar();
         }
     };
-    var handleClick = function () {
+    var handleClick = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (!open)
             openCalendar();
         if (view === 'desktop' && inputRef.current) {
@@ -84,7 +87,10 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
         }
     };
     var handleFocus = function (event) {
+        var _a;
         if (view === 'desktop') {
+            if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+                return;
             openCalendar();
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
@@ -154,7 +160,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
     React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([inputRef, ref]), wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({ autoComplete: 'off' }, restProps, { ref: mergeRefs__default.default([inputRef, ref]), wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: styles.calendarIcon }))), rightAddonsProps: { onMouseDown: function (e) { return e.preventDefault(); } }, onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),

package/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: ibx81 */
+/* hash: 1yp9v */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_4iygi {
+} .calendar-input__component_a1sh2 {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_4iygi {
+} .calendar-input__block_a1sh2 {
     width: 100%;
-} .calendar-input__calendarContainer_4iygi {
+} .calendar-input__calendarContainer_a1sh2 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_4iygi {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_a1sh2 {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_4iygi {
+    } .calendar-input__calendarResponsive_a1sh2 {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_4iygi {
+} .calendar-input__calendarIcon_a1sh2 {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_4iygi:not(:only-child) {
+} .calendar-input__calendarIcon_a1sh2:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_4iygi {
+    } .calendar-input__nativeInput_a1sh2 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_4iygi::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_a1sh2::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_4iygi::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_a1sh2::-webkit-inner-spin-button {
         display: none;
     }

package/cssm/Component.desktop.d.ts

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

package/cssm/Component.desktop.js

@@ -22,6 +22,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_calendarInput_Component.CalendarInput, tslib.__assign({ Calendar: desktop.CalendarDesktop }, props, { ref: ref })); });
 
 exports.CalendarInputDesktop = CalendarInputDesktop;

package/cssm/Component.mobile.d.ts

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

package/cssm/Component.mobile.js

@@ -22,6 +22,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_calendarInput_Component.CalendarInput, tslib.__assign({ Calendar: mobile.CalendarMobile, view: 'mobile' }, props, { ref: ref })); });
 
 exports.CalendarInputMobile = CalendarInputMobile;

package/cssm/Component.responsive.d.ts

@@ -9,6 +9,10 @@ type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
     breakpoint?: number;
 };
 type CalendarInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const CalendarInputResponsive: React.ForwardRefExoticComponent<Omit<CalendarInputProps, "view"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/cssm/Component.responsive.js

@@ -26,6 +26,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputResponsive = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarDesktopProps } from "../../desktop-b5b4c59f";
-import { CalendarMobileProps } from "../../mobile-c219f8ca";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
 import { DateInputProps } from "@alfalab/core-components-date-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
 type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {

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

@@ -75,7 +75,10 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
             closeCalendar();
         }
     };
-    var handleClick = function () {
+    var handleClick = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (!open)
             openCalendar();
         if (view === 'desktop' && inputRef.current) {
@@ -83,7 +86,10 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
         }
     };
     var handleFocus = function (event) {
+        var _a;
         if (view === 'desktop') {
+            if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+                return;
             openCalendar();
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
@@ -153,7 +159,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
     React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([inputRef, ref]), wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({ autoComplete: 'off' }, restProps, { ref: mergeRefs__default.default([inputRef, ref]), wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: styles__default.default.calendarIcon }))), rightAddonsProps: { onMouseDown: function (e) { return e.preventDefault(); } }, onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),

package/cssm/desktop/index.d.ts

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

package/cssm/{desktop.js → desktop/index.js}

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-calendar/cssm/desktop');
-require('./components/calendar-input/Component.js');
+require('../components/calendar-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-date-input/cssm');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils.js');
+require('../utils.js');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('./components/calendar-input/index.module.css');
+require('../components/calendar-input/index.module.css');
 
 
 

package/cssm/mobile/index.d.ts

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

package/cssm/{mobile.js → mobile/index.js}

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-calendar/cssm/mobile');
-require('./components/calendar-input/Component.js');
+require('../components/calendar-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-date-input/cssm');
 require('@alfalab/core-components-popover/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils.js');
+require('../utils.js');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('./components/calendar-input/index.module.css');
+require('../components/calendar-input/index.module.css');
 
 
 

package/cssm/shared/index.d.ts

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

package/cssm/{shared.js → shared/index.js}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('./utils.js');
+var utils = require('../utils.js');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');

package/desktop/index.d.ts

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

package/{desktop.js → desktop/index.js}

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-calendar/desktop');
-require('./components/calendar-input/Component.js');
+require('../components/calendar-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-date-input');
 require('@alfalab/core-components-popover');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('./utils.js');
+require('../utils.js');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');

package/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/esm/Component.desktop.d.ts

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

package/esm/Component.desktop.js

@@ -13,6 +13,10 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputDesktop = forwardRef(function (props, ref) { return React.createElement(CalendarInput, __assign({ Calendar: CalendarDesktop }, props, { ref: ref })); });
 
 export { CalendarInputDesktop };

package/esm/Component.mobile.d.ts

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

package/esm/Component.mobile.js

@@ -13,6 +13,10 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputMobile = forwardRef(function (props, ref) { return React.createElement(CalendarInput, __assign({ Calendar: CalendarMobile, view: 'mobile' }, props, { ref: ref })); });
 
 export { CalendarInputMobile };

package/esm/Component.responsive.d.ts

@@ -9,6 +9,10 @@ type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
     breakpoint?: number;
 };
 type CalendarInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const CalendarInputResponsive: React.ForwardRefExoticComponent<Omit<CalendarInputProps, "view"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/esm/Component.responsive.js

@@ -17,6 +17,10 @@ import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import '@alfalab/core-components-calendar/esm/mobile';
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputResponsive = forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
-import { CalendarMobileProps } from "../../mobile-c219f8ca";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
 import { DateInputProps } from "@alfalab/core-components-date-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
 type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {

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

@@ -11,7 +11,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-var styles = {"component":"calendar-input__component_4iygi","block":"calendar-input__block_4iygi","calendarContainer":"calendar-input__calendarContainer_4iygi","calendarResponsive":"calendar-input__calendarResponsive_4iygi","calendarIcon":"calendar-input__calendarIcon_4iygi","nativeInput":"calendar-input__nativeInput_4iygi"};
+var styles = {"component":"calendar-input__component_a1sh2","block":"calendar-input__block_a1sh2","calendarContainer":"calendar-input__calendarContainer_a1sh2","calendarResponsive":"calendar-input__calendarResponsive_a1sh2","calendarIcon":"calendar-input__calendarIcon_a1sh2","nativeInput":"calendar-input__nativeInput_a1sh2"};
 require('./index.css')
 
 var CalendarInput = forwardRef(function (_a, ref) {
@@ -66,7 +66,10 @@ var CalendarInput = forwardRef(function (_a, ref) {
             closeCalendar();
         }
     };
-    var handleClick = function () {
+    var handleClick = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (!open)
             openCalendar();
         if (view === 'desktop' && inputRef.current) {
@@ -74,7 +77,10 @@ var CalendarInput = forwardRef(function (_a, ref) {
         }
     };
     var handleFocus = function (event) {
+        var _a;
         if (view === 'desktop') {
+            if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+                return;
             openCalendar();
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
@@ -144,7 +150,7 @@ var CalendarInput = forwardRef(function (_a, ref) {
     React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React.createElement(DateInput, __assign({}, restProps, { ref: mergeRefs([inputRef, ref]), wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(DateInput, __assign({ autoComplete: 'off' }, restProps, { ref: mergeRefs([inputRef, ref]), wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 shouldRenderPopover && (React.createElement(CalendarMIcon, { className: styles.calendarIcon }))), rightAddonsProps: { onMouseDown: function (e) { return e.preventDefault(); } }, onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),

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

@@ -1,4 +1,4 @@
-/* hash: ibx81 */
+/* hash: 1yp9v */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_4iygi {
+} .calendar-input__component_a1sh2 {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_4iygi {
+} .calendar-input__block_a1sh2 {
     width: 100%;
-} .calendar-input__calendarContainer_4iygi {
+} .calendar-input__calendarContainer_a1sh2 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_4iygi {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_a1sh2 {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_4iygi {
+    } .calendar-input__calendarResponsive_a1sh2 {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_4iygi {
+} .calendar-input__calendarIcon_a1sh2 {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_4iygi:not(:only-child) {
+} .calendar-input__calendarIcon_a1sh2:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_4iygi {
+    } .calendar-input__nativeInput_a1sh2 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_4iygi::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_a1sh2::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_4iygi::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_a1sh2::-webkit-inner-spin-button {
         display: none;
     }

package/esm/desktop/index.d.ts

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

package/esm/{desktop.js → desktop/index.js}

@@ -1,15 +1,15 @@
-export { CalendarInputDesktop } from './Component.desktop.js';
+export { CalendarInputDesktop } from '../Component.desktop.js';
 import 'tslib';
 import 'react';
 import '@alfalab/core-components-calendar/esm/desktop';
-import './components/calendar-input/Component.js';
+import '../components/calendar-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-calendar/esm/shared';
 import '@alfalab/core-components-date-input/esm';
 import '@alfalab/core-components-popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils.js';
+import '../utils.js';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';

package/esm/mobile/index.d.ts

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