@alfalab/core-components 44.5.1-beta.1 → 44.5.1-beta.2

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

@@ -4,6 +4,8 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
+var isAfter = require('date-fns/isAfter');
+var isValid = require('date-fns/isValid');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsInput = require('../../../../input/cssm');
 var coreComponentsPopover = require('../../../../popover/cssm');
@@ -22,23 +24,30 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
+var isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
+function getDefaultValue(defaultValue) {
+    if (defaultValue && isValid__default.default(defaultValue.dateFrom) && isValid__default.default(defaultValue.dateTo)) {
+        return utils_index.formatDateRange(defaultValue);
+    }
+    return '';
+}
 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, _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 autoCorrection = _a.autoCorrection, breakpoint = _a.breakpoint, wrapperClassName = _a.wrapperClassName, open = _a.open, onCalendarClose = _a.onCalendarClose, valueProp = _a.value, defaultValue = _a.defaultValue, _c = _a.inputWrapperRef, inputWrapperRefProp = _c === void 0 ? null : _c, onInputChange = _a.onInputChange, 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, clear = _a.clear, onClear = _a.onClear, restProps = tslib.__rest(_a, ["autoCorrection", "breakpoint", "wrapperClassName", "open", "onCalendarClose", "value", "defaultValue", "inputWrapperRef", "onInputChange", "onChange", "onBlur", "Calendar", "wrapperHandlers", "calendarRef", "calendarProps", "minDate", "maxDate", "block", "dataTestId", "error", "popoverProps", "rightAddons", "picker", "platform", "onPickerClick", "rangeBehavior", "clear", "onClear"]);
+    var _h = React.useState(function () { return getDefaultValue(defaultValue); }), inputValue = _h[0], setInputValue = _h[1];
+    var _j = React.useState(calendarProps.defaultMonth), calendarMonth = _j[0], setCalendarMonth = _j[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 _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;
+    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 dateFromProp = valueProp === null || valueProp === void 0 ? void 0 : valueProp.dateFrom;
+    var dateToProp = valueProp === null || valueProp === void 0 ? void 0 : valueProp.dateTo;
+    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;
     React.useEffect(function () {
         if (autoCorrection && (!lastValidRange.current || !inputValue)) {
             var min = utils_index.formatDate(minDate);
@@ -51,42 +60,60 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
             setCalendarMonth(startOfMonth__default.default(validTo || validFrom || Date.now()).getTime());
         }
     }, [validFrom, validTo, open, picker]);
+    React.useEffect(function () {
+        if (dateFromProp !== undefined && dateToProp !== undefined) {
+            setInputValue(dateFromProp && dateToProp && isValid__default.default(dateFromProp) && isValid__default.default(dateToProp)
+                ? utils_index.formatDateRange({ dateFrom: dateFromProp, dateTo: dateToProp })
+                : '');
+        }
+    }, [dateFromProp, dateToProp]);
     var getInnerError = function () {
         if (autoCorrection) {
-            return (utils_index.isCompleteDate(from) && !validFrom) || (utils_index.isCompleteDate(to) && !validTo)
+            var isCompleteFrom = utils_index.isCompleteDate(from);
+            var isCompleteTo = utils_index.isCompleteDate(to);
+            var isComplete = isCompleteFrom && isCompleteTo;
+            return (isCompleteFrom && !validFrom) ||
+                (isCompleteTo && !validTo) ||
+                (isComplete && isAfter__default.default(utils_index.parseDateString(from), utils_index.parseDateString(to)))
                 ? 'Эта дата недоступна'
                 : false;
         }
         return false;
     };
-    var callOnComplete = function (val) {
-        var _a = val.split(consts.DATE_RANGE_SEPARATOR), dateFrom = _a[0], dateTo = _a[1];
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete(val, utils_index.parseDateString(dateFrom), utils_index.parseDateString(dateTo));
+    var callOnChange = function (val) {
+        var _a = val.split(consts.DATE_RANGE_SEPARATOR), _b = _a[0], dateFrom = _b === void 0 ? '' : _b, _c = _a[1], dateTo = _c === void 0 ? '' : _c;
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            dateFrom: dateFrom ? utils_index.parseDateString(dateFrom) : null,
+            dateTo: dateFrom ? utils_index.parseDateString(dateTo) : null,
+        }, val);
         lastValidRange.current = val;
     };
-    var changeValue = function (val, event) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, { value: val });
-        if (uncontrolled)
-            setValue(val);
-        if (utils_index.isCompleteDateRange(val))
-            callOnComplete(val);
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
+        setInputValue(val);
+        if (val === '' || utils_index.isCompleteDateRange(val))
+            callOnChange(val);
     };
     var handleMonthChange = function (date) {
         var _a;
         setCalendarMonth(date);
         (_a = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.onMonthChange) === null || _a === void 0 ? void 0 : _a.call(calendarProps, date);
     };
-    var handleChange = function (event) {
-        changeValue(event.target.value, event);
+    var handleInputChange = function (event) {
+        changeInputValue(event.target.value, event);
     };
     var handleCalendarChange = function (date) {
         var newValue = utils_index.updateRange({ date: date, validFrom: validFrom, validTo: validTo, rangeBehavior: rangeBehavior });
-        changeValue(newValue, null);
+        changeInputValue(newValue, null);
         requestAnimationFrame(function () {
             var _a;
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(newValue.length, newValue.length);
         });
     };
+    var handleClear = function (event) {
+        changeInputValue('', null);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
+    };
     var handleBlur = function (event) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
@@ -95,7 +122,7 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
                 var _a = lastValidRange.current.split(consts.DATE_RANGE_SEPARATOR), prevFrom = _a[0], prevTo = _a[1];
                 var newFrom = validFrom ? utils_index.formatDate(validFrom) : prevFrom;
                 var newTo = validTo ? utils_index.formatDate(validTo) : prevTo;
-                changeValue("".concat(newFrom).concat(consts.DATE_RANGE_SEPARATOR).concat(newTo), null);
+                changeInputValue("".concat(newFrom).concat(consts.DATE_RANGE_SEPARATOR).concat(newTo), null);
             }
         }
     };
@@ -111,7 +138,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: 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,
+        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, 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/index.js

@@ -5,6 +5,8 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
+require('date-fns/isAfter');
+require('date-fns/isValid');
 require('date-fns/startOfMonth');
 require('../../../../input/cssm');
 require('../../../../popover/cssm');

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

@@ -16,38 +16,43 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var defaultTime = "00".concat(consts.HOURS_MINUTES_SEPARATOR, "00");
 var TimeInput = React.forwardRef(function (_a, ref) {
-    var _b;
-    var autoCorrection = _a.autoCorrection, valueProp = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, onComplete = _a.onComplete, onBlur = _a.onBlur, restProps = tslib.__rest(_a, ["autoCorrection", "value", "defaultValue", "onChange", "onComplete", "onBlur"]);
-    var _c = React.useState(defaultValue), value = _c[0], setValue = _c[1];
+    var autoCorrection = _a.autoCorrection, valueProp = _a.value, defaultValue = _a.defaultValue, clear = _a.clear, onClear = _a.onClear, onChange = _a.onChange, onInputChange = _a.onInputChange, onBlur = _a.onBlur, restProps = tslib.__rest(_a, ["autoCorrection", "value", "defaultValue", "clear", "onClear", "onChange", "onInputChange", "onBlur"]);
+    var _b = React.useState(defaultValue), inputValue = _b[0], setInputValue = _b[1];
     var lastValidTime = React.useRef(defaultTime);
-    var uncontrolled = valueProp === undefined;
-    var inputValue = (_b = value !== null && value !== void 0 ? value : valueProp) !== null && _b !== void 0 ? _b : '';
     React.useEffect(function () {
         if (autoCorrection && !inputValue) {
             lastValidTime.current = defaultTime;
         }
     }, [autoCorrection, inputValue]);
-    var callOnComplete = function (val) {
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete(val);
+    React.useEffect(function () {
+        if (valueProp !== undefined) {
+            setInputValue(valueProp);
+        }
+    }, [valueProp]);
+    var callOnChange = function (val) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(val);
         lastValidTime.current = val;
     };
-    var changeValue = function (val, event) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, { value: val });
-        if (uncontrolled)
-            setValue(val);
-        if (utils_index.isCompleteTime(val, true))
-            callOnComplete(val);
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
+        setInputValue(val);
+        if (val === '' || utils_index.isCompleteTime(val, true))
+            callOnChange(val);
+    };
+    var handleInputChange = function (event) {
+        changeInputValue(event.target.value, event);
     };
-    var handleChange = function (event) {
-        changeValue(event.target.value, event);
+    var handleClear = function (event) {
+        changeInputValue('', null);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection && inputValue && !utils_index.isCompleteTime(inputValue, true)) {
-            changeValue(lastValidTime.current, null);
+            changeInputValue(lastValidTime.current, null);
         }
     };
-    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { onBlur: handleBlur, onInput: handleChange, ref: ref, value: inputValue, inputMode: 'decimal' })));
+    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteTime(inputValue, true), onClear: valueProp === undefined ? handleClear : onClear, onBlur: handleBlur, onInput: handleInputChange, ref: ref, value: inputValue, inputMode: 'decimal' })));
 });
 
 exports.TimeInput = TimeInput;

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

@@ -29,6 +29,7 @@ require('../../../shared/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../index.module.css');
 require('../components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');
 

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

@@ -30,6 +30,7 @@ require('../../../shared/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../index.module.css');
 require('../components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');
 

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -5,7 +5,7 @@ import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, Button
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 type CalendarDesktopProps = {
     /**
      * Дополнительный класс
@@ -928,7 +928,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     children?: React.ReactNode;
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
-    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    skeletonProps?: import("./types-1b036d4b").TextSkeletonProps | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 type YearsTableProps = {
     /**
@@ -952,5 +952,5 @@ declare const YearsTable: FC<YearsTableProps>;
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
-export * from "./use-skeleton-1328ead9";
+export * from "./useSkeleton-1b036d4b";
 export * from "./Component-e2b6c730";

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

@@ -31,6 +31,7 @@ require('../../shared/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./index.module.css');
 require('./components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('./components/time-input/Component.js');
 

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { UniversalDateInputDesktopProps } from "../types";
-declare const UniversalDateInputMobile: React.ForwardRefExoticComponent<UniversalDateInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+import { UniversalDateInputMobileProps } from "../types";
+declare const UniversalDateInputMobile: React.ForwardRefExoticComponent<UniversalDateInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { UniversalDateInputMobile };

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

@@ -29,6 +29,7 @@ require('../../../shared/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../index.module.css');
 require('../components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');
 

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

@@ -30,6 +30,7 @@ require('../../../shared/cssm');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../index.module.css');
 require('../components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');
 

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

@@ -0,0 +1,2 @@
+export { DATE_RANGE_SEPARATOR, DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT } from "../consts";
+export { formatDate, parseDateString, formatDateRange } from "../utils/index";

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

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var consts = require('../consts.js');
+var utils_index = require('../utils/index.js');
+require('date-fns/differenceInDays');
+require('date-fns/format');
+require('date-fns/isSameDay');
+require('date-fns/parse');
+
+
+
+exports.DATE_FORMAT = consts.DATE_FORMAT;
+exports.DATE_RANGE_SEPARATOR = consts.DATE_RANGE_SEPARATOR;
+exports.DATE_TIME_FORMAT = consts.DATE_TIME_FORMAT;
+exports.DATE_TIME_SEPARATOR = consts.DATE_TIME_SEPARATOR;
+exports.formatDate = utils_index.formatDate;
+exports.formatDateRange = utils_index.formatDateRange;
+exports.parseDateString = utils_index.parseDateString;

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

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

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

@@ -15,16 +15,12 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId' | 'value' | 'defaultValue'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: boolean;
-    /**
-     *  Значение инпута
-     */
-    value?: string;
     /**
      * Минимальная дата, доступная для выбора (timestamp)
      */
@@ -74,9 +70,9 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
      */
     onPickerClick?: (event: MouseEvent) => void;
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+    onInputChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
         value: string;
     }) => void;
     /**
@@ -86,6 +82,14 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
     dataTestId?: string;
 }
 interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'> {
+    /**
+     *  Дата
+     */
+    value?: Date | number | null;
+    /**
+     *  Дата по умолчанию
+     */
+    defaultValue?: Date | number;
     /**
      * Флаг, открыт ли календарь
      */
@@ -112,35 +116,60 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
         onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
     };
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, date: Date) => void;
+    onChange?: (date: Date | null, value: string) => void;
 }
-interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onComplete'> {
+interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onChange' | 'value' | 'defaultValue'> {
+    /**
+     *  Диапазон дат
+     */
+    value?: {
+        dateFrom: Date | number | null;
+        dateTo: Date | number | null;
+    };
+    /**
+     *  Диапазон дат по умолчанию
+     */
+    defaultValue?: {
+        dateFrom: Date | number;
+        dateTo: Date | number;
+    };
     /**
      * Тип выбора границ в календаре
      * @default clarification
      */
     rangeBehavior?: 'clarification' | 'reset';
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, dateFrom: Date, dateTo: Date) => void;
+    onChange?: (range: {
+        dateFrom: Date | null;
+        dateTo: Date | null;
+    }, value: string) => void;
 }
 interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
+    /**
+     *  Время
+     */
+    value?: string;
+    /**
+     *  Время по умолчанию
+     */
+    defaultValue?: string;
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: BaseUniversalDateInputProps['autoCorrection'];
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: BaseUniversalDateInputProps['onChange'];
+    onInputChange?: BaseUniversalDateInputProps['onInputChange'];
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
@@ -153,28 +182,28 @@ type NoPickerProps = Never<WithPickerRequiredProps> & Never<WithPickerProps>;
 type UniversalDateInputConditionalProps = ({
     view: 'date';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker: true;
-} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName' | 'rangeBehavior'>) | ({
+} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'rangeBehavior' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'time';
     picker?: never;
     minDate?: never;
     maxDate?: never;
     Calendar?: never;
-} & Pick<InnerTimeInputProps, 'onComplete'>);
+} & Pick<InnerTimeInputProps, 'onChange' | 'value' | 'defaultValue'>);
 type UniversalDateInputProps = Omit<BaseUniversalDateInputProps, PrivateProps | keyof WithPickerProps> & UniversalDateInputConditionalProps;
 type UniversalDateInputMobileProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
 type UniversalDateInputDesktopProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;

package/universal-date-input/cssm/useSkeleton-1b036d4b.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

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

@@ -1,6 +1,10 @@
 import { SyntheticEvent } from 'react';
 declare function parseDateString(value: string, format?: string): Date;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+declare function formatDateRange(range: {
+    dateFrom: Date | number;
+    dateTo: Date | number;
+}): string;
 declare function isCompleteDate(value?: string): boolean;
 declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
 declare function isCompleteDateRange(value?: string): boolean;
@@ -30,4 +34,4 @@ declare function updateRange({ date, validFrom, validTo, rangeBehavior, }: {
     validTo?: Date;
     rangeBehavior: 'clarification' | 'reset';
 }): string;
-export { parseDateString, formatDate, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange };

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

@@ -21,6 +21,9 @@ var formatDate = function (date, dateFormat) {
     if (dateFormat === void 0) { dateFormat = consts.DATE_FORMAT; }
     return dateFnsFormat__default.default(date, dateFormat);
 };
+function formatDateRange(range) {
+    return formatDate(range.dateFrom) + consts.DATE_RANGE_SEPARATOR + formatDate(range.dateTo);
+}
 function isCompleteDate(value) {
     if (value === void 0) { value = ''; }
     return value.length === consts.DATE_FORMAT.length;
@@ -135,6 +138,7 @@ function updateRange(_a) {
 }
 
 exports.formatDate = formatDate;
+exports.formatDateRange = formatDateRange;
 exports.getValidRange = getValidRange;
 exports.isCompleteDate = isCompleteDate;
 exports.isCompleteDateRange = isCompleteDateRange;

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

@@ -27,8 +27,9 @@ require('../../input');
 require('../../popover');
 require('../../shared');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('../index.module-268a582d.js');
+require('../index.module-470cf5eb.js');
 require('../components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');
 

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

@@ -28,8 +28,9 @@ require('../../input');
 require('../../popover');
 require('../../shared');
 require('@alfalab/icons-glyph/CalendarMIcon');
-require('../index.module-268a582d.js');
+require('../index.module-470cf5eb.js');
 require('../components/date-range-input/Component.js');
+require('date-fns/isAfter');
 require('date-fns/startOfMonth');
 require('../components/time-input/Component.js');
 

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

@@ -20,8 +20,9 @@ import '../../input/esm';
 import '../../popover/esm';
 import '../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-7bb1cb03.js';
+import './index.module-22d92e83.js';
 import './components/date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 import './mask/index.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-7bb1cb03.js';
+import { s as styles } from '../../index.module-22d92e83.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
 import 'date-fns/isValid';
@@ -22,6 +22,7 @@ import '../../../../input/esm';
 import '../../../../popover/esm';
 import '../../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';

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

@@ -19,8 +19,9 @@ import '../../../../input/esm';
 import '../../../../popover/esm';
 import '../../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-7bb1cb03.js';
+import '../../index.module-22d92e83.js';
 import '../date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../time-input/Component.js';
 import '../../mask/index.js';