@alfalab/core-components-calendar-input 9.0.12 → 10.0.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_18mfo","block":"calendar-input__block_18mfo","calendarContainer":"calendar-input__calendarContainer_18mfo","calendarResponsive":"calendar-input__calendarResponsive_18mfo","calendarIcon":"calendar-input__calendarIcon_18mfo","nativeInput":"calendar-input__nativeInput_18mfo"};
+var styles = {"component":"calendar-input__component_17c3e","block":"calendar-input__block_17c3e","calendarContainer":"calendar-input__calendarContainer_17c3e","calendarResponsive":"calendar-input__calendarResponsive_17c3e","calendarIcon":"calendar-input__calendarIcon_17c3e","nativeInput":"calendar-input__nativeInput_17c3e"};
 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();

package/components/calendar-input/index.css

@@ -1,8 +1,8 @@
-/* hash: 5wan2 */
+/* hash: 1qwej */
 :root {
 } /* deprecated */ :root {
-    --color-light-border-secondary: #e9e9eb;
-    --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-secondary: #e7e8ec;
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -41,33 +41,33 @@
 
     /* marker */
 } :root {
-    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_18mfo {
+} .calendar-input__component_17c3e {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_18mfo {
+} .calendar-input__block_17c3e {
     width: 100%;
-} .calendar-input__calendarContainer_18mfo {
+} .calendar-input__calendarContainer_17c3e {
     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_18mfo {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_17c3e {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_18mfo {
+    } .calendar-input__calendarResponsive_17c3e {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_18mfo {
+} .calendar-input__calendarIcon_17c3e {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_18mfo:not(:only-child) {
+} .calendar-input__calendarIcon_17c3e:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_18mfo {
+    } .calendar-input__nativeInput_17c3e {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_18mfo::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_17c3e::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_18mfo::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_17c3e::-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-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/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();

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

@@ -1,7 +1,7 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-border-secondary: #e9e9eb;
-    --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-secondary: #e7e8ec;
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -40,7 +40,7 @@
 
     /* marker */
 } :root {
-    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-m);
 } .component {
     display: inline-block;

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_18mfo","block":"calendar-input__block_18mfo","calendarContainer":"calendar-input__calendarContainer_18mfo","calendarResponsive":"calendar-input__calendarResponsive_18mfo","calendarIcon":"calendar-input__calendarIcon_18mfo","nativeInput":"calendar-input__nativeInput_18mfo"};
+var styles = {"component":"calendar-input__component_17c3e","block":"calendar-input__block_17c3e","calendarContainer":"calendar-input__calendarContainer_17c3e","calendarResponsive":"calendar-input__calendarResponsive_17c3e","calendarIcon":"calendar-input__calendarIcon_17c3e","nativeInput":"calendar-input__nativeInput_17c3e"};
 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();

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

@@ -1,8 +1,8 @@
-/* hash: 5wan2 */
+/* hash: 1qwej */
 :root {
 } /* deprecated */ :root {
-    --color-light-border-secondary: #e9e9eb;
-    --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-secondary: #e7e8ec;
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -41,33 +41,33 @@
 
     /* marker */
 } :root {
-    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_18mfo {
+} .calendar-input__component_17c3e {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_18mfo {
+} .calendar-input__block_17c3e {
     width: 100%;
-} .calendar-input__calendarContainer_18mfo {
+} .calendar-input__calendarContainer_17c3e {
     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_18mfo {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_17c3e {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_18mfo {
+    } .calendar-input__calendarResponsive_17c3e {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_18mfo {
+} .calendar-input__calendarIcon_17c3e {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_18mfo:not(:only-child) {
+} .calendar-input__calendarIcon_17c3e:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_18mfo {
+    } .calendar-input__nativeInput_17c3e {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_18mfo::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_17c3e::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_18mfo::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_17c3e::-webkit-inner-spin-button {
         display: none;
     }

package/esm/desktop/index.d.ts

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