@alfalab/core-components 42.14.1 → 42.15.0

package/universal-date-input/components/base-universal-date-input/Component.js

@@ -12,7 +12,7 @@ var mask_index = require('../../mask/index.js');
 var components_dateInput_Component = require('../date-input/Component.js');
 var components_dateRangeInput_Component = require('../date-range-input/Component.js');
 var components_timeInput_Component = require('../time-input/Component.js');
-var index_module = require('../../index.module-31f3b0bb.js');
+var index_module = require('../../index.module-d9ed8fbe.js');
 require('../../mask/plugins.js');
 require('../../mask/utils.js');
 require('date-fns/clamp');
@@ -46,6 +46,7 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
     var _g = React.useState(false), open = _g[0], setOpen = _g[1];
     var inputRef = React.useRef(null);
     var calendarRef = React.useRef(null);
+    var inputWrapperRef = React.useRef(null);
     var maskOptions = React.useMemo(function () {
         return mask_index.createMaskOptions(view, startOfDay__default.default(minDate), endOfDay__default.default(maxDate), autoCorrection, handleCorrection);
     }, [view, minDate, maxDate, autoCorrection]);
@@ -95,12 +96,14 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    var handleClick = function () {
-        var _a;
+    var handleClick = function (event) {
+        var _a, _b;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (platform === 'desktop') {
             if (!open)
                 openCalendar();
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
         if (platform === 'mobile' && disableUserInput && !open) {
             openCalendar();
@@ -111,7 +114,10 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
             openCalendar();
         }
     };
-    var handleFocus = function () {
+    var handleFocus = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (platform === 'desktop')
             openCalendar();
     };
@@ -152,9 +158,9 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
     switch (view) {
         case 'date':
         case 'date-time':
-            return (React__default.default.createElement(components_dateInput_Component.DateInput, tslib.__assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+            return (React__default.default.createElement(components_dateInput_Component.DateInput, tslib.__assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'date-range':
-            return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+            return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'time':
             return (React__default.default.createElement(components_timeInput_Component.TimeInput, tslib.__assign({ placeholder: "\u0427\u0427".concat(consts.HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         default:

package/universal-date-input/components/base-universal-date-input/index.js

@@ -27,7 +27,7 @@ require('../../../input');
 require('../../../popover');
 require('../../../shared');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('../../index.module-31f3b0bb.js');
+require('../../index.module-d9ed8fbe.js');
 require('../date-range-input/Component.js');
 require('date-fns/startOfMonth');
 require('../time-input/Component.js');

package/universal-date-input/components/date-input/Component.js

@@ -10,7 +10,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-31f3b0bb.js');
+var index_module = require('../../index.module-d9ed8fbe.js');
 require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');
@@ -25,15 +25,15 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var DateInput = React.forwardRef(function (_a, ref) {
     var _b;
     var _c;
-    var autoCorrection = _a.autoCorrection, open = _a.open, valueProp = _a.value, defaultValue = _a.defaultValue, _d = _a.minDate, minDate = _d === void 0 ? consts.DEFAULT_MIN_DATE : _d, _e = _a.maxDate, maxDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, picker = _a.picker, rightAddons = _a.rightAddons, Calendar = _a.Calendar, _f = _a.calendarProps, calendarProps = _f === void 0 ? {} : _f, platform = _a.platform, calendarRef = _a.calendarRef, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, onCalendarClose = _a.onCalendarClose, onPickerClick = _a.onPickerClick, error = _a.error, popoverProps = _a.popoverProps, dataTestId = _a.dataTestId, wrapperClassName = _a.wrapperClassName, wrapperHandlers = _a.wrapperHandlers, block = _a.block, withTime = _a.withTime, breakpoint = _a.breakpoint, restProps = tslib.__rest(_a, ["autoCorrection", "open", "value", "defaultValue", "minDate", "maxDate", "picker", "rightAddons", "Calendar", "calendarProps", "platform", "calendarRef", "onComplete", "onChange", "onBlur", "onCalendarClose", "onPickerClick", "error", "popoverProps", "dataTestId", "wrapperClassName", "wrapperHandlers", "block", "withTime", "breakpoint"]);
-    var _g = React.useState(defaultValue), value = _g[0], setValue = _g[1];
+    var autoCorrection = _a.autoCorrection, open = _a.open, valueProp = _a.value, _d = _a.inputWrapperRef, inputWrapperRefProp = _d === void 0 ? null : _d, defaultValue = _a.defaultValue, _e = _a.minDate, minDate = _e === void 0 ? consts.DEFAULT_MIN_DATE : _e, _f = _a.maxDate, maxDate = _f === void 0 ? consts.DEFAULT_MAX_DATE : _f, picker = _a.picker, rightAddons = _a.rightAddons, Calendar = _a.Calendar, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, platform = _a.platform, calendarRef = _a.calendarRef, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, onCalendarClose = _a.onCalendarClose, onPickerClick = _a.onPickerClick, error = _a.error, popoverProps = _a.popoverProps, dataTestId = _a.dataTestId, wrapperClassName = _a.wrapperClassName, wrapperHandlers = _a.wrapperHandlers, block = _a.block, withTime = _a.withTime, breakpoint = _a.breakpoint, restProps = tslib.__rest(_a, ["autoCorrection", "open", "value", "inputWrapperRef", "defaultValue", "minDate", "maxDate", "picker", "rightAddons", "Calendar", "calendarProps", "platform", "calendarRef", "onComplete", "onChange", "onBlur", "onCalendarClose", "onPickerClick", "error", "popoverProps", "dataTestId", "wrapperClassName", "wrapperHandlers", "block", "withTime", "breakpoint"]);
+    var _h = React.useState(defaultValue), value = _h[0], setValue = _h[1];
     var lastValidDate = React.useRef('');
     var inputRef = React.useRef(null);
     var inputWrapperRef = React.useRef(null);
     var uncontrolled = valueProp === undefined;
     var offDays = calendarProps.offDays;
     var inputValue = (_c = valueProp !== null && valueProp !== void 0 ? valueProp : value) !== null && _c !== void 0 ? _c : '';
-    var _h = inputValue.split(consts.DATE_TIME_SEPARATOR), inputDate = _h[0], inputTime = _h[1];
+    var _j = inputValue.split(consts.DATE_TIME_SEPARATOR), inputDate = _j[0], inputTime = _j[1];
     var isValidValue = utils_index.isValidDate({ value: inputDate, minDate: minDate, maxDate: maxDate, offDays: offDays });
     React.useEffect(function () {
         if (autoCorrection) {
@@ -105,7 +105,7 @@ var DateInput = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(index_module.styles.wrapper, wrapperClassName, (_b = {},
             _b[index_module.styles.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
-        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { onClick: onPickerClick, className: index_module.styles.calendarIcon, onMouseDown: utils_index.preventDefault }))) })),
         platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(index_module.styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));

package/universal-date-input/components/date-input/index.js

@@ -15,7 +15,7 @@ require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('../../index.module-31f3b0bb.js');
+require('../../index.module-d9ed8fbe.js');
 
 
 

package/universal-date-input/components/date-range-input/Component.js

@@ -11,7 +11,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-31f3b0bb.js');
+var index_module = require('../../index.module-d9ed8fbe.js');
 require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');
@@ -27,17 +27,17 @@ var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var DateRangeInput = React.forwardRef(function (_a, ref) {
     var _b;
     var _c;
-    var autoCorrection = _a.autoCorrection, breakpoint = _a.breakpoint, wrapperClassName = _a.wrapperClassName, open = _a.open, onCalendarClose = _a.onCalendarClose, valueProp = _a.value, defaultValue = _a.defaultValue, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, Calendar = _a.Calendar, wrapperHandlers = _a.wrapperHandlers, calendarRef = _a.calendarRef, _d = _a.calendarProps, calendarProps = _d === void 0 ? {} : _d, _e = _a.minDate, minDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, _f = _a.maxDate, maxDate = _f === void 0 ? consts.DEFAULT_MIN_DATE : _f, block = _a.block, dataTestId = _a.dataTestId, error = _a.error, popoverProps = _a.popoverProps, rightAddons = _a.rightAddons, picker = _a.picker, platform = _a.platform, onPickerClick = _a.onPickerClick, _g = _a.rangeBehavior, rangeBehavior = _g === void 0 ? 'clarification' : _g, restProps = tslib.__rest(_a, ["autoCorrection", "breakpoint", "wrapperClassName", "open", "onCalendarClose", "value", "defaultValue", "onComplete", "onChange", "onBlur", "Calendar", "wrapperHandlers", "calendarRef", "calendarProps", "minDate", "maxDate", "block", "dataTestId", "error", "popoverProps", "rightAddons", "picker", "platform", "onPickerClick", "rangeBehavior"]);
-    var _h = React.useState(defaultValue), value = _h[0], setValue = _h[1];
-    var _j = React.useState(calendarProps.defaultMonth), calendarMonth = _j[0], setCalendarMonth = _j[1];
+    var autoCorrection = _a.autoCorrection, breakpoint = _a.breakpoint, wrapperClassName = _a.wrapperClassName, open = _a.open, onCalendarClose = _a.onCalendarClose, valueProp = _a.value, defaultValue = _a.defaultValue, _d = _a.inputWrapperRef, inputWrapperRefProp = _d === void 0 ? null : _d, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, Calendar = _a.Calendar, wrapperHandlers = _a.wrapperHandlers, calendarRef = _a.calendarRef, _e = _a.calendarProps, calendarProps = _e === void 0 ? {} : _e, _f = _a.minDate, minDate = _f === void 0 ? consts.DEFAULT_MAX_DATE : _f, _g = _a.maxDate, maxDate = _g === void 0 ? consts.DEFAULT_MIN_DATE : _g, block = _a.block, dataTestId = _a.dataTestId, error = _a.error, popoverProps = _a.popoverProps, rightAddons = _a.rightAddons, picker = _a.picker, platform = _a.platform, onPickerClick = _a.onPickerClick, _h = _a.rangeBehavior, rangeBehavior = _h === void 0 ? 'clarification' : _h, restProps = tslib.__rest(_a, ["autoCorrection", "breakpoint", "wrapperClassName", "open", "onCalendarClose", "value", "defaultValue", "inputWrapperRef", "onComplete", "onChange", "onBlur", "Calendar", "wrapperHandlers", "calendarRef", "calendarProps", "minDate", "maxDate", "block", "dataTestId", "error", "popoverProps", "rightAddons", "picker", "platform", "onPickerClick", "rangeBehavior"]);
+    var _j = React.useState(defaultValue), value = _j[0], setValue = _j[1];
+    var _k = React.useState(calendarProps.defaultMonth), calendarMonth = _k[0], setCalendarMonth = _k[1];
     var lastValidRange = React.useRef('');
     var inputRef = React.useRef(null);
     var inputWrapperRef = React.useRef(null);
     var uncontrolled = valueProp === undefined;
     var inputValue = (_c = valueProp !== null && valueProp !== void 0 ? valueProp : value) !== null && _c !== void 0 ? _c : '';
     var offDays = calendarProps.offDays;
-    var _k = inputValue.split(consts.DATE_RANGE_SEPARATOR), _l = _k[0], from = _l === void 0 ? '' : _l, _m = _k[1], to = _m === void 0 ? '' : _m;
-    var _o = React.useMemo(function () { return utils_index.getValidRange({ from: from, to: to, offDays: offDays, minDate: minDate, maxDate: maxDate }); }, [from, to, offDays, maxDate, minDate]), validFrom = _o.validFrom, validTo = _o.validTo;
+    var _l = inputValue.split(consts.DATE_RANGE_SEPARATOR), _m = _l[0], from = _m === void 0 ? '' : _m, _o = _l[1], to = _o === void 0 ? '' : _o;
+    var _p = React.useMemo(function () { return utils_index.getValidRange({ from: from, to: to, offDays: offDays, minDate: minDate, maxDate: maxDate }); }, [from, to, offDays, maxDate, minDate]), validFrom = _p.validFrom, validTo = _p.validTo;
     React.useEffect(function () {
         if (autoCorrection && (!lastValidRange.current || !inputValue)) {
             var min = utils_index.formatDate(minDate);
@@ -110,7 +110,7 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(index_module.styles.wrapper, wrapperClassName, (_b = {},
             _b[index_module.styles.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
-        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { onClick: onPickerClick, className: index_module.styles.calendarIcon, onMouseDown: utils_index.preventDefault }))) })),
         platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(index_module.styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));

package/universal-date-input/components/date-range-input/index.js

@@ -16,7 +16,7 @@ require('date-fns/differenceInDays');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('../../index.module-31f3b0bb.js');
+require('../../index.module-d9ed8fbe.js');
 
 
 

package/universal-date-input/cssm/components/base-universal-date-input/Component.js

@@ -47,6 +47,7 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
     var _g = React.useState(false), open = _g[0], setOpen = _g[1];
     var inputRef = React.useRef(null);
     var calendarRef = React.useRef(null);
+    var inputWrapperRef = React.useRef(null);
     var maskOptions = React.useMemo(function () {
         return mask_index.createMaskOptions(view, startOfDay__default.default(minDate), endOfDay__default.default(maxDate), autoCorrection, handleCorrection);
     }, [view, minDate, maxDate, autoCorrection]);
@@ -96,12 +97,14 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    var handleClick = function () {
-        var _a;
+    var handleClick = function (event) {
+        var _a, _b;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (platform === 'desktop') {
             if (!open)
                 openCalendar();
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
         if (platform === 'mobile' && disableUserInput && !open) {
             openCalendar();
@@ -112,7 +115,10 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
             openCalendar();
         }
     };
-    var handleFocus = function () {
+    var handleFocus = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (platform === 'desktop')
             openCalendar();
     };
@@ -153,9 +159,9 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
     switch (view) {
         case 'date':
         case 'date-time':
-            return (React__default.default.createElement(components_dateInput_Component.DateInput, tslib.__assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+            return (React__default.default.createElement(components_dateInput_Component.DateInput, tslib.__assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'date-range':
-            return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+            return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'time':
             return (React__default.default.createElement(components_timeInput_Component.TimeInput, tslib.__assign({ placeholder: "\u0427\u0427".concat(consts.HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         default:

package/universal-date-input/cssm/components/date-input/Component.js

@@ -26,15 +26,15 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var DateInput = React.forwardRef(function (_a, ref) {
     var _b;
     var _c;
-    var autoCorrection = _a.autoCorrection, open = _a.open, valueProp = _a.value, defaultValue = _a.defaultValue, _d = _a.minDate, minDate = _d === void 0 ? consts.DEFAULT_MIN_DATE : _d, _e = _a.maxDate, maxDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, picker = _a.picker, rightAddons = _a.rightAddons, Calendar = _a.Calendar, _f = _a.calendarProps, calendarProps = _f === void 0 ? {} : _f, platform = _a.platform, calendarRef = _a.calendarRef, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, onCalendarClose = _a.onCalendarClose, onPickerClick = _a.onPickerClick, error = _a.error, popoverProps = _a.popoverProps, dataTestId = _a.dataTestId, wrapperClassName = _a.wrapperClassName, wrapperHandlers = _a.wrapperHandlers, block = _a.block, withTime = _a.withTime, breakpoint = _a.breakpoint, restProps = tslib.__rest(_a, ["autoCorrection", "open", "value", "defaultValue", "minDate", "maxDate", "picker", "rightAddons", "Calendar", "calendarProps", "platform", "calendarRef", "onComplete", "onChange", "onBlur", "onCalendarClose", "onPickerClick", "error", "popoverProps", "dataTestId", "wrapperClassName", "wrapperHandlers", "block", "withTime", "breakpoint"]);
-    var _g = React.useState(defaultValue), value = _g[0], setValue = _g[1];
+    var autoCorrection = _a.autoCorrection, open = _a.open, valueProp = _a.value, _d = _a.inputWrapperRef, inputWrapperRefProp = _d === void 0 ? null : _d, defaultValue = _a.defaultValue, _e = _a.minDate, minDate = _e === void 0 ? consts.DEFAULT_MIN_DATE : _e, _f = _a.maxDate, maxDate = _f === void 0 ? consts.DEFAULT_MAX_DATE : _f, picker = _a.picker, rightAddons = _a.rightAddons, Calendar = _a.Calendar, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, platform = _a.platform, calendarRef = _a.calendarRef, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, onCalendarClose = _a.onCalendarClose, onPickerClick = _a.onPickerClick, error = _a.error, popoverProps = _a.popoverProps, dataTestId = _a.dataTestId, wrapperClassName = _a.wrapperClassName, wrapperHandlers = _a.wrapperHandlers, block = _a.block, withTime = _a.withTime, breakpoint = _a.breakpoint, restProps = tslib.__rest(_a, ["autoCorrection", "open", "value", "inputWrapperRef", "defaultValue", "minDate", "maxDate", "picker", "rightAddons", "Calendar", "calendarProps", "platform", "calendarRef", "onComplete", "onChange", "onBlur", "onCalendarClose", "onPickerClick", "error", "popoverProps", "dataTestId", "wrapperClassName", "wrapperHandlers", "block", "withTime", "breakpoint"]);
+    var _h = React.useState(defaultValue), value = _h[0], setValue = _h[1];
     var lastValidDate = React.useRef('');
     var inputRef = React.useRef(null);
     var inputWrapperRef = React.useRef(null);
     var uncontrolled = valueProp === undefined;
     var offDays = calendarProps.offDays;
     var inputValue = (_c = valueProp !== null && valueProp !== void 0 ? valueProp : value) !== null && _c !== void 0 ? _c : '';
-    var _h = inputValue.split(consts.DATE_TIME_SEPARATOR), inputDate = _h[0], inputTime = _h[1];
+    var _j = inputValue.split(consts.DATE_TIME_SEPARATOR), inputDate = _j[0], inputTime = _j[1];
     var isValidValue = utils_index.isValidDate({ value: inputDate, minDate: minDate, maxDate: maxDate, offDays: offDays });
     React.useEffect(function () {
         if (autoCorrection) {
@@ -106,7 +106,7 @@ var DateInput = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(styles__default.default.wrapper, wrapperClassName, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
-        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { onClick: onPickerClick, className: styles__default.default.calendarIcon, onMouseDown: utils_index.preventDefault }))) })),
         platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));

package/universal-date-input/cssm/components/date-range-input/Component.js

@@ -28,17 +28,17 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var DateRangeInput = React.forwardRef(function (_a, ref) {
     var _b;
     var _c;
-    var autoCorrection = _a.autoCorrection, breakpoint = _a.breakpoint, wrapperClassName = _a.wrapperClassName, open = _a.open, onCalendarClose = _a.onCalendarClose, valueProp = _a.value, defaultValue = _a.defaultValue, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, Calendar = _a.Calendar, wrapperHandlers = _a.wrapperHandlers, calendarRef = _a.calendarRef, _d = _a.calendarProps, calendarProps = _d === void 0 ? {} : _d, _e = _a.minDate, minDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, _f = _a.maxDate, maxDate = _f === void 0 ? consts.DEFAULT_MIN_DATE : _f, block = _a.block, dataTestId = _a.dataTestId, error = _a.error, popoverProps = _a.popoverProps, rightAddons = _a.rightAddons, picker = _a.picker, platform = _a.platform, onPickerClick = _a.onPickerClick, _g = _a.rangeBehavior, rangeBehavior = _g === void 0 ? 'clarification' : _g, restProps = tslib.__rest(_a, ["autoCorrection", "breakpoint", "wrapperClassName", "open", "onCalendarClose", "value", "defaultValue", "onComplete", "onChange", "onBlur", "Calendar", "wrapperHandlers", "calendarRef", "calendarProps", "minDate", "maxDate", "block", "dataTestId", "error", "popoverProps", "rightAddons", "picker", "platform", "onPickerClick", "rangeBehavior"]);
-    var _h = React.useState(defaultValue), value = _h[0], setValue = _h[1];
-    var _j = React.useState(calendarProps.defaultMonth), calendarMonth = _j[0], setCalendarMonth = _j[1];
+    var autoCorrection = _a.autoCorrection, breakpoint = _a.breakpoint, wrapperClassName = _a.wrapperClassName, open = _a.open, onCalendarClose = _a.onCalendarClose, valueProp = _a.value, defaultValue = _a.defaultValue, _d = _a.inputWrapperRef, inputWrapperRefProp = _d === void 0 ? null : _d, onComplete = _a.onComplete, onChange = _a.onChange, onBlur = _a.onBlur, Calendar = _a.Calendar, wrapperHandlers = _a.wrapperHandlers, calendarRef = _a.calendarRef, _e = _a.calendarProps, calendarProps = _e === void 0 ? {} : _e, _f = _a.minDate, minDate = _f === void 0 ? consts.DEFAULT_MAX_DATE : _f, _g = _a.maxDate, maxDate = _g === void 0 ? consts.DEFAULT_MIN_DATE : _g, block = _a.block, dataTestId = _a.dataTestId, error = _a.error, popoverProps = _a.popoverProps, rightAddons = _a.rightAddons, picker = _a.picker, platform = _a.platform, onPickerClick = _a.onPickerClick, _h = _a.rangeBehavior, rangeBehavior = _h === void 0 ? 'clarification' : _h, restProps = tslib.__rest(_a, ["autoCorrection", "breakpoint", "wrapperClassName", "open", "onCalendarClose", "value", "defaultValue", "inputWrapperRef", "onComplete", "onChange", "onBlur", "Calendar", "wrapperHandlers", "calendarRef", "calendarProps", "minDate", "maxDate", "block", "dataTestId", "error", "popoverProps", "rightAddons", "picker", "platform", "onPickerClick", "rangeBehavior"]);
+    var _j = React.useState(defaultValue), value = _j[0], setValue = _j[1];
+    var _k = React.useState(calendarProps.defaultMonth), calendarMonth = _k[0], setCalendarMonth = _k[1];
     var lastValidRange = React.useRef('');
     var inputRef = React.useRef(null);
     var inputWrapperRef = React.useRef(null);
     var uncontrolled = valueProp === undefined;
     var inputValue = (_c = valueProp !== null && valueProp !== void 0 ? valueProp : value) !== null && _c !== void 0 ? _c : '';
     var offDays = calendarProps.offDays;
-    var _k = inputValue.split(consts.DATE_RANGE_SEPARATOR), _l = _k[0], from = _l === void 0 ? '' : _l, _m = _k[1], to = _m === void 0 ? '' : _m;
-    var _o = React.useMemo(function () { return utils_index.getValidRange({ from: from, to: to, offDays: offDays, minDate: minDate, maxDate: maxDate }); }, [from, to, offDays, maxDate, minDate]), validFrom = _o.validFrom, validTo = _o.validTo;
+    var _l = inputValue.split(consts.DATE_RANGE_SEPARATOR), _m = _l[0], from = _m === void 0 ? '' : _m, _o = _l[1], to = _o === void 0 ? '' : _o;
+    var _p = React.useMemo(function () { return utils_index.getValidRange({ from: from, to: to, offDays: offDays, minDate: minDate, maxDate: maxDate }); }, [from, to, offDays, maxDate, minDate]), validFrom = _p.validFrom, validTo = _p.validTo;
     React.useEffect(function () {
         if (autoCorrection && (!lastValidRange.current || !inputValue)) {
             var min = utils_index.formatDate(minDate);
@@ -111,7 +111,7 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(styles__default.default.wrapper, wrapperClassName, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
-        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { onClick: onPickerClick, className: styles__default.default.calendarIcon, onMouseDown: utils_index.preventDefault }))) })),
         platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));

package/universal-date-input/cssm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { UniversalDateInputDesktop } from "../Component.desktop";
+export type { UniversalDateInputDesktopProps } from "../types";

package/universal-date-input/cssm/desktop/index.js

@@ -0,0 +1,38 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('../Component.desktop.js');
+require('tslib');
+require('react');
+require('../components/base-universal-date-input/Component.js');
+require('react-merge-refs');
+require('@maskito/react');
+require('classnames');
+require('date-fns/endOfDay');
+require('date-fns/startOfDay');
+require('../consts.js');
+require('../mask/index.js');
+require('../mask/plugins.js');
+require('../mask/utils.js');
+require('date-fns/clamp');
+require('date-fns/getDaysInMonth');
+require('../mask/postprocessors.js');
+require('../mask/preprocessors.js');
+require('date-fns/isValid');
+require('../utils/index.js');
+require('date-fns/differenceInDays');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('../components/date-input/Component.js');
+require('../../../input/cssm');
+require('../../../popover/cssm');
+require('../../../shared/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('../index.module.css');
+require('../components/date-range-input/Component.js');
+require('date-fns/startOfMonth');
+require('../components/time-input/Component.js');
+
+
+
+exports.UniversalDateInputDesktop = Component_desktop.UniversalDateInputDesktop;

package/universal-date-input/cssm/index-ebda875c.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export * from "./Component-69921c40";
+export * from "./Component-b19f9e89";

package/universal-date-input/cssm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { UniversalDateInputMobile } from "../Component.mobile";
+export type { UniversalDateInputMobileProps } from "../types";

package/universal-date-input/cssm/mobile/index.js

@@ -0,0 +1,38 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('../Component.mobile.js');
+require('tslib');
+require('react');
+require('../components/base-universal-date-input/Component.js');
+require('react-merge-refs');
+require('@maskito/react');
+require('classnames');
+require('date-fns/endOfDay');
+require('date-fns/startOfDay');
+require('../consts.js');
+require('../mask/index.js');
+require('../mask/plugins.js');
+require('../mask/utils.js');
+require('date-fns/clamp');
+require('date-fns/getDaysInMonth');
+require('../mask/postprocessors.js');
+require('../mask/preprocessors.js');
+require('date-fns/isValid');
+require('../utils/index.js');
+require('date-fns/differenceInDays');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('../components/date-input/Component.js');
+require('../../../input/cssm');
+require('../../../popover/cssm');
+require('../../../shared/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('../index.module.css');
+require('../components/date-range-input/Component.js');
+require('date-fns/startOfMonth');
+require('../components/time-input/Component.js');
+
+
+
+exports.UniversalDateInputMobile = Component_mobile.UniversalDateInputMobile;

package/universal-date-input/cssm/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChangeEvent, FocusEvent, ForwardRefExoticComponent, KeyboardEvent, MouseEvent, PropsWithoutRef, RefAttributes, RefObject } from 'react';
 import { CalendarProps } from "./index-5712fce2";
 import { InputProps } from "../../input";
@@ -14,7 +15,7 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
@@ -56,6 +57,10 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange'> {
      * Пропсы поповера
      */
     popoverProps?: PopoverProps;
+    /**
+     * Ref для обертки input
+     */
+    inputWrapperRef?: React.Ref<HTMLDivElement> | null;
     /**
      *  Обработчик открытия календаря
      */
@@ -132,7 +137,7 @@ interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
      */
     onComplete?: (value: string) => void;
 }
-type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'wrapperHandlers' | 'onPickerClick';
+type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
     [P in keyof T]?: never;
 };

package/universal-date-input/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { UniversalDateInputDesktop } from "../Component.desktop";
+export type { UniversalDateInputDesktopProps } from "../types";

package/universal-date-input/desktop/index.js

@@ -0,0 +1,38 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('../Component.desktop.js');
+require('tslib');
+require('react');
+require('../components/base-universal-date-input/Component.js');
+require('react-merge-refs');
+require('@maskito/react');
+require('classnames');
+require('date-fns/endOfDay');
+require('date-fns/startOfDay');
+require('../consts.js');
+require('../mask/index.js');
+require('../mask/plugins.js');
+require('../mask/utils.js');
+require('date-fns/clamp');
+require('date-fns/getDaysInMonth');
+require('../mask/postprocessors.js');
+require('../mask/preprocessors.js');
+require('date-fns/isValid');
+require('../utils/index.js');
+require('date-fns/differenceInDays');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+require('../components/date-input/Component.js');
+require('../../input');
+require('../../popover');
+require('../../shared');
+require('@alfalab/icons-glyph/CalendarMIcon');
+require('../index.module-d9ed8fbe.js');
+require('../components/date-range-input/Component.js');
+require('date-fns/startOfMonth');
+require('../components/time-input/Component.js');
+
+
+
+exports.UniversalDateInputDesktop = Component_desktop.UniversalDateInputDesktop;

package/universal-date-input/desktop/package.json

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

package/universal-date-input/esm/Component.desktop.js

@@ -19,7 +19,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-44bdea84.js';
+import './index.module-fc2697f6.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/Component.mobile.js

@@ -19,7 +19,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-44bdea84.js';
+import './index.module-fc2697f6.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/Component.responsive.js

@@ -20,7 +20,7 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-44bdea84.js';
+import './index.module-fc2697f6.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/esm/components/base-universal-date-input/Component.js

@@ -10,7 +10,7 @@ import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-44bdea84.js';
+import { s as styles } from '../../index.module-fc2697f6.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
 import 'date-fns/isValid';
@@ -36,6 +36,7 @@ var BaseUniversalDateInput = forwardRef(function (_a, ref) {
     var _g = useState(false), open = _g[0], setOpen = _g[1];
     var inputRef = useRef(null);
     var calendarRef = useRef(null);
+    var inputWrapperRef = useRef(null);
     var maskOptions = useMemo(function () {
         return createMaskOptions(view, startOfDay(minDate), endOfDay(maxDate), autoCorrection, handleCorrection);
     }, [view, minDate, maxDate, autoCorrection]);
@@ -85,12 +86,14 @@ var BaseUniversalDateInput = forwardRef(function (_a, ref) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    var handleClick = function () {
-        var _a;
+    var handleClick = function (event) {
+        var _a, _b;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (platform === 'desktop') {
             if (!open)
                 openCalendar();
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
         if (platform === 'mobile' && disableUserInput && !open) {
             openCalendar();
@@ -101,7 +104,10 @@ var BaseUniversalDateInput = forwardRef(function (_a, ref) {
             openCalendar();
         }
     };
-    var handleFocus = function () {
+    var handleFocus = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
         if (platform === 'desktop')
             openCalendar();
     };
@@ -142,9 +148,9 @@ var BaseUniversalDateInput = forwardRef(function (_a, ref) {
     switch (view) {
         case 'date':
         case 'date-time':
-            return (React.createElement(DateInput, __assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, ref: mergeRefs([ref, maskRef, inputRef]) })));
+            return (React.createElement(DateInput, __assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) })));
         case 'date-range':
-            return (React.createElement(DateRangeInput, __assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, ref: mergeRefs([ref, maskRef, inputRef]) })));
+            return (React.createElement(DateRangeInput, __assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) })));
         case 'time':
             return (React.createElement(TimeInput, __assign({ placeholder: "\u0427\u0427".concat(HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs([ref, maskRef, inputRef]) })));
         default:

package/universal-date-input/esm/components/base-universal-date-input/index.js

@@ -19,7 +19,7 @@ import '../../../../input/esm';
 import '../../../../popover/esm';
 import '../../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-44bdea84.js';
+import '../../index.module-fc2697f6.js';
 import '../date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../time-input/Component.js';