@alfalab/core-components 41.17.0 → 41.19.0

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_11ssv","block":"calendar-input__block_11ssv","calendarContainer":"calendar-input__calendarContainer_11ssv","calendarResponsive":"calendar-input__calendarResponsive_11ssv","calendarIcon":"calendar-input__calendarIcon_11ssv","nativeInput":"calendar-input__nativeInput_11ssv"};
+var styles = {"component":"calendar-input__component_nt1fu","block":"calendar-input__block_nt1fu","calendarContainer":"calendar-input__calendarContainer_nt1fu","calendarResponsive":"calendar-input__calendarResponsive_nt1fu","calendarIcon":"calendar-input__calendarIcon_nt1fu","nativeInput":"calendar-input__nativeInput_nt1fu"};
 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: 1314w */
 :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_11ssv {
+} .calendar-input__component_nt1fu {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_11ssv {
+} .calendar-input__block_nt1fu {
     width: 100%;
-} .calendar-input__calendarContainer_11ssv {
+} .calendar-input__calendarContainer_nt1fu {
     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_11ssv {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_nt1fu {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_11ssv {
+    } .calendar-input__calendarResponsive_nt1fu {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_11ssv {
+} .calendar-input__calendarIcon_nt1fu {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_11ssv:not(:only-child) {
+} .calendar-input__calendarIcon_nt1fu:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_11ssv {
+    } .calendar-input__nativeInput_nt1fu {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -77,8 +77,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_11ssv::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_nt1fu::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_11ssv::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_nt1fu::-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 };

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

@@ -24,16 +24,16 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 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();
@@ -41,47 +41,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) {
@@ -94,25 +111,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]);
@@ -124,13 +138,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__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: 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__default.default.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),

package/calendar-input/esm/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 };