@alfalab/core-components 41.19.0-beta.0 → 41.20.0

package/calendar/modern/components/years-table/index.css

@@ -1,4 +1,4 @@
-/* hash: q1ufb */
+/* hash: 1r7br */
 :root {
 } /* 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 */ /* 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 */
@@ -49,21 +49,21 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_z0rvw {
+} .cc-calendar .calendar__yearsTable_b2ptg {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_z0rvw {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_b2ptg {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_z0rvw.calendar__responsive_z0rvw {
+        } .cc-calendar .calendar__yearsTable_b2ptg.calendar__responsive_b2ptg {
             justify-content: space-between
-        } .cc-calendar .calendar__yearsTable_z0rvw.calendar__responsive_z0rvw .calendar__inner_z0rvw {
+        } .cc-calendar .calendar__yearsTable_b2ptg.calendar__responsive_b2ptg .calendar__inner_b2ptg {
                 left: auto;
-            } .cc-calendar .calendar__yearsTable_z0rvw.calendar__responsive_z0rvw .calendar__button_z0rvw {
+            } .cc-calendar .calendar__yearsTable_b2ptg.calendar__responsive_b2ptg .calendar__button_b2ptg {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__inner_z0rvw {
+            } .cc-calendar .calendar__inner_b2ptg {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -72,26 +72,26 @@
         /* (width - inner-width) / 2 */
         left: 32px;
         overflow: hidden
-    } @media (max-width: 374px) { .cc-calendar .calendar__inner_z0rvw {
+    } @media (max-width: 374px) { .cc-calendar .calendar__inner_b2ptg {
             left: 16px
     }
-        } .cc-calendar .calendar__button_z0rvw {
+        } .cc-calendar .calendar__button_b2ptg {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_z0rvw:nth-child(3n) {
+    } .cc-calendar .calendar__button_b2ptg:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_z0rvw {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_b2ptg {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_z0rvw:nth-child(3n) {
+            .cc-calendar .calendar__button_b2ptg:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_z0rvw:nth-child(2n) {
+            .cc-calendar .calendar__button_b2ptg:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_z0rvw {
+            } .cc-calendar .calendar__button_b2ptg {
 
             height: 36px
     }

package/calendar/modern/desktop.css

@@ -1,4 +1,4 @@
-/* hash: dpt2p */
+/* hash: 2zpwj */
 :root {
 } /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
@@ -43,27 +43,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1q5sz {
+} .calendar__component_f2r0d {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_1q5sz {
+} @media (max-width: 374px) { .calendar__component_f2r0d {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_1q5sz.calendar__responsive_1q5sz {
+    } .calendar__component_f2r0d.calendar__responsive_f2r0d {
         width: 100%
-    } .calendar__component_1q5sz.calendar__responsive_1q5sz .calendar__period_1q5sz {
+    } .calendar__component_f2r0d.calendar__responsive_f2r0d .calendar__period_f2r0d {
             width: 100%;
-        } .calendar__component_1q5sz.calendar__responsive_1q5sz .calendar__monthYear_1q5sz {
+        } .calendar__component_f2r0d.calendar__responsive_f2r0d .calendar__monthYear_f2r0d {
             width: 100%;
-        } .calendar__component_1q5sz.calendar__responsive_1q5sz .calendar__container_1q5sz {
+        } .calendar__component_f2r0d.calendar__responsive_f2r0d .calendar__container_f2r0d {
             width: 100%;
-        } .calendar__container_1q5sz {
+        } .calendar__container_f2r0d {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -71,17 +71,17 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_1q5sz.calendar__customScrollbar_1q5sz {
+} .calendar__container_f2r0d.calendar__customScrollbar_f2r0d {
         overflow: auto;
         overflow: overlay;
         cursor: auto;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar {
         width: 12px;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-track {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-track-piece {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-thumb {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-radius: var(--border-radius-circle) / 6px;
         border-color: transparent;
@@ -89,38 +89,38 @@
         border-width: 4px;
         background-clip: padding-box;
         min-height: 40px;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-thumb:hover {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-thumb:active {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-resizer {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-button,
-    .calendar__container_1q5sz.calendar__customScrollbar_1q5sz::-webkit-scrollbar-corner {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-button,
+    .calendar__container_f2r0d.calendar__customScrollbar_f2r0d::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_1q5sz.calendar__customScrollbar_1q5sz {
+    } .calendar__container_f2r0d.calendar__customScrollbar_f2r0d {
 
         display: block;
-    } @media (max-width: 374px) { .calendar__container_1q5sz {
+    } @media (max-width: 374px) { .calendar__container_f2r0d {
         width: 288px
 }
-    } .calendar__sixWeeks_1q5sz {
+    } .calendar__sixWeeks_f2r0d {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_1q5sz {
+} @media (max-width: 374px) { .calendar__sixWeeks_f2r0d {
         height: 361px
 }
-    } .calendar__period_1q5sz {
+    } .calendar__period_f2r0d {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_1q5sz {
+} @media (max-width: 374px) { .calendar__period_f2r0d {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_1q5sz {
+    } .calendar__monthYear_f2r0d {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_1q5sz {
+} @media (max-width: 374px) { .calendar__monthYear_f2r0d {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/modern/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-0adb70ac.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-2e9870cf.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/modern/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-0adb70ac.js';
+export { a as CalendarMobile } from './Component.responsive-2e9870cf.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/responsive.d.ts

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

package/calendar/modern/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-0adb70ac.js';
+export { C as CalendarResponsive } from './Component.responsive-2e9870cf.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/utils.js

@@ -155,8 +155,8 @@ function getSelectionRange(from, to, highlighted) {
     const start = from || highlighted;
     if (start && end && start !== end) {
         return {
-            start: min([start, end]),
-            end: max([start, end]),
+            start: startOfDay(min([start, end])),
+            end: startOfDay(max([start, end])),
         };
     }
     return null;

package/calendar/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-4428a49f";
+export * from "./Component.responsive-68588a99";
 export {};

package/calendar/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-4428a49f.js');
+var components_calendarMobile_Component = require('./Component.responsive-68588a99.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/utils.js

@@ -183,8 +183,8 @@ function getSelectionRange(from, to, highlighted) {
     var start = from || highlighted;
     if (start && end && start !== end) {
         return {
-            start: min__default.default([start, end]),
-            end: max__default.default([start, end]),
+            start: startOfDay__default.default(min__default.default([start, end])),
+            end: startOfDay__default.default(max__default.default([start, end])),
         };
     }
     return null;

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

@@ -88,6 +88,14 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Обработчик изменения календаря
      */
     onCalendarChange?: CalendarProps['onChange'];
+    /**
+     *  Обработчик открытия календаря
+     */
+    onCalendarOpen?: () => void;
+    /**
+     *  Обработчик закрытия календаря
+     */
+    onCalendarClose?: () => void;
     /**
      * Позиционирование поповера с календарем
      */
@@ -104,6 +112,10 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "onChange" | "mobileMode"> & {
     /**
@@ -124,7 +136,13 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
     calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarProps & {
         open: boolean;
         title?: string | undefined;
-        onClose?: (() => void) | undefined;
+        onClose?: (() => void) | undefined; /**
+         * Начальное значение инпута
+         */
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
+        /**
+         * Месяц в календаре по умолчанию (timestamp)
+         */
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;
@@ -196,6 +214,14 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
      * Обработчик изменения календаря
      */
     onCalendarChange?: CalendarProps['onChange'];
+    /**
+     *  Обработчик открытия календаря
+     */
+    onCalendarOpen?: (() => void) | undefined;
+    /**
+     *  Обработчик закрытия календаря
+     */
+    onCalendarClose?: (() => void) | undefined;
     /**
      * Позиционирование поповера с календарем
      */
@@ -212,5 +238,9 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: "mobile" | "desktop" | undefined;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { CalendarInputProps, CalendarInput };

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

@@ -19,22 +19,22 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-input__component_4lary","block":"calendar-input__block_4lary","calendarContainer":"calendar-input__calendarContainer_4lary","calendarResponsive":"calendar-input__calendarResponsive_4lary","calendarIcon":"calendar-input__calendarIcon_4lary","nativeInput":"calendar-input__nativeInput_4lary"};
+var styles = {"component":"calendar-input__component_6rca9","block":"calendar-input__block_6rca9","calendarContainer":"calendar-input__calendarContainer_6rca9","calendarResponsive":"calendar-input__calendarResponsive_6rca9","calendarIcon":"calendar-input__calendarIcon_6rca9","nativeInput":"calendar-input__nativeInput_6rca9"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
-    var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _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 = _s === void 0 ? coreComponentsCalendar.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 = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
+    var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onCalendarOpen = _a.onCalendarOpen, onCalendarClose = _a.onCalendarClose, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.disableUserInput, disableUserInput = _s === void 0 ? false : _s, _t = _a.Calendar, Calendar = _t === void 0 ? coreComponentsCalendar.Calendar : _t, _u = _a.popoverPosition, popoverPosition = _u === void 0 ? 'bottom-start' : _u, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _v = _a.view, view = _v === void 0 ? 'desktop' : _v, restProps = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onCalendarOpen", "onCalendarClose", "onKeyDown", "readOnly", "disableUserInput", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
     var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
     var shouldRenderNative = utils.SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
     var shouldRenderOnlyInput = mobileMode === 'input';
     var shouldRenderStatic = calendarPosition === 'static' && !shouldRenderOnlyInput;
     var shouldRenderPopover = calendarPosition === 'popover' && !shouldRenderNative && !shouldRenderOnlyInput;
-    var _v = React.useState(false), open = _v[0], setOpen = _v[1];
-    var _w = React.useState(value || defaultValue), inputValue = _w[0], setInputValue = _w[1];
+    var _w = React.useState(false), open = _w[0], setOpen = _w[1];
+    var _x = React.useState(value || defaultValue), inputValue = _x[0], setInputValue = _x[1];
     var calendarValue = inputValue ? coreComponentsDateInput.parseDateString(inputValue).getTime() : undefined;
-    var checkInputValueIsValid = React.useCallback(function (newInputValue) {
+    var checkInputValueIsValid = function (newInputValue) {
         if (!newInputValue)
             return false;
         var dateValue = coreComponentsDateInput.parseDateString(newInputValue).getTime();
@@ -42,47 +42,64 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
             coreComponentsDateInput.isCompleteDateInput(newInputValue) &&
             coreComponentsCalendar.dateInLimits(dateValue, minDate, maxDate) &&
             !offDays.includes(dateValue));
-    }, [maxDate, minDate, offDays]);
+    };
     var inputDisabled = disabled || readOnly;
     var inputWrapperRef = React.useRef(null);
     var calendarRef = React.useRef(null);
-    var handleKeyDown = React.useCallback(function (event) {
+    var openCalendar = function () {
+        setOpen(true);
+        onCalendarOpen === null || onCalendarOpen === void 0 ? void 0 : onCalendarOpen();
+    };
+    var closeCalendar = function () {
+        setOpen(false);
+        onCalendarClose === null || onCalendarClose === void 0 ? void 0 : onCalendarClose();
+    };
+    var handleKeyDown = function (event) {
         if (event.target.tagName === 'INPUT' && event.key === 'Enter') {
-            setOpen(!open);
+            if (open) {
+                closeCalendar();
+            }
+            else {
+                openCalendar();
+            }
         }
         if (event.key === 'Escape') {
-            setOpen(false);
+            closeCalendar();
         }
-    }, [open]);
-    var handleClick = React.useCallback(function () {
+    };
+    var handleClick = function () {
         if (!open)
-            setOpen(true);
-    }, [open]);
-    var handleFocus = React.useCallback(function (event) {
+            openCalendar();
+    };
+    var handleFocus = function (event) {
         if (view === 'desktop') {
-            setOpen(true);
+            openCalendar();
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
             }
         }
-    }, [open, view]);
-    var handleBlur = React.useCallback(function (event) {
+    };
+    var handleBlur = function (event) {
         if (view === 'desktop') {
             var target = (event.relatedTarget || document.activeElement);
             if (calendarRef.current && calendarRef.current.contains(target) === false) {
-                setOpen(false);
+                closeCalendar();
             }
         }
-    }, [view]);
-    var handleInputKeyDown = React.useCallback(function (event) {
+    };
+    var handleInputKeyDown = function (event) {
+        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
+        if (disableUserInput && !isCopy) {
+            event.preventDefault();
+        }
         if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {
             event.preventDefault();
             calendarRef.current.focus();
         }
         if (onKeyDown)
             onKeyDown(event);
-    }, [onKeyDown]);
-    var changeHandler = React.useCallback(function (event, newValue, newDate, initiator, shouldChange) {
+    };
+    var changeHandler = function (event, newValue, newDate, initiator, shouldChange) {
         if (initiator === void 0) { initiator = 'input'; }
         if (shouldChange === void 0) { shouldChange = true; }
         if (initiator === 'input' && event && onInputChange) {
@@ -95,25 +112,22 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
         if (shouldChange) {
             onChange(event, { date: newDate, value: newValue });
         }
-    }, [onCalendarChange, onChange, onInputChange]);
-    var handleInputChange = React.useCallback(function (event, payload) {
+    };
+    var handleInputChange = function (event, payload) {
         changeHandler(event, payload.value, payload.date, 'input', !payload.value || checkInputValueIsValid(payload.value));
-    }, [changeHandler, checkInputValueIsValid]);
-    var handleCalendarChange = React.useCallback(function (date) {
+    };
+    var handleCalendarChange = function (date) {
         if (date) {
             changeHandler(null, coreComponentsDateInput.formatDate(date), new Date(date), 'calendar');
         }
         if (view === 'desktop') {
-            setOpen(false);
+            closeCalendar();
         }
-    }, [changeHandler, view]);
-    var handleCalendarWrapperMouseDown = React.useCallback(function (event) {
+    };
+    var handleCalendarWrapperMouseDown = function (event) {
         // Не дает инпуту терять фокус при выборе даты
         event.preventDefault();
-    }, []);
-    var handleCalendarClose = React.useCallback(function () {
-        setOpen(false);
-    }, []);
+    };
     React.useEffect(function () {
         setOpen(defaultOpen);
     }, [defaultOpen]);
@@ -125,13 +139,13 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
     var renderCalendar = function () { return (
     // 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: defaultMonth, value: checkInputValueIsValid(inputValue) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
+        React__default.default.createElement(Calendar, tslib.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: closeCalendar, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(inputValue) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     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: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),

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

@@ -1,4 +1,4 @@
-/* hash: 1lrt7 */
+/* hash: 1ay31 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -43,42 +43,41 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_4lary {
+} .calendar-input__component_6rca9 {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_4lary {
+} .calendar-input__block_6rca9 {
     width: 100%;
-} .calendar-input__calendarContainer_4lary {
+} .calendar-input__calendarContainer_6rca9 {
     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_4lary {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_6rca9 {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_4lary {
+    } .calendar-input__calendarResponsive_6rca9 {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_4lary {
+} .calendar-input__calendarIcon_6rca9 {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_4lary:not(:only-child) {
+} .calendar-input__calendarIcon_6rca9:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_4lary {
+    } .calendar-input__nativeInput_6rca9 {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    -webkit-appearance: none;
-            appearance: none;
+    appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_4lary::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_6rca9::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_4lary::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_6rca9::-webkit-inner-spin-button {
         display: none;
     }

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

@@ -88,6 +88,14 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Обработчик изменения календаря
      */
     onCalendarChange?: CalendarProps['onChange'];
+    /**
+     *  Обработчик открытия календаря
+     */
+    onCalendarOpen?: () => void;
+    /**
+     *  Обработчик закрытия календаря
+     */
+    onCalendarClose?: () => void;
     /**
      * Позиционирование поповера с календарем
      */
@@ -104,6 +112,10 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "onChange" | "mobileMode"> & {
     /**
@@ -124,7 +136,13 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
     calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarProps & {
         open: boolean;
         title?: string | undefined;
-        onClose?: (() => void) | undefined;
+        onClose?: (() => void) | undefined; /**
+         * Начальное значение инпута
+         */
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
+        /**
+         * Месяц в календаре по умолчанию (timestamp)
+         */
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;
@@ -196,6 +214,14 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
      * Обработчик изменения календаря
      */
     onCalendarChange?: CalendarProps['onChange'];
+    /**
+     *  Обработчик открытия календаря
+     */
+    onCalendarOpen?: (() => void) | undefined;
+    /**
+     *  Обработчик закрытия календаря
+     */
+    onCalendarClose?: (() => void) | undefined;
     /**
      * Позиционирование поповера с календарем
      */
@@ -212,5 +238,9 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: "mobile" | "desktop" | undefined;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { CalendarInputProps, CalendarInput };