@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/DateInput/helpers/InternalDateMediator.d.ts

@@ -1,26 +1,27 @@
-import { InternalDate } from '../../../lib/date/InternalDate';
-import { InputKeyResult, InternalDateComponentType, InternalDateTypesOrder } from '../../../lib/date/types';
-import { DatePickerLocale } from '../../DatePicker/locale';
-import { DateInputProps } from '../DateInput';
-export declare class InternalDateMediator {
-    iDate: InternalDate;
-    update: (props: DateInputProps, locale: DatePickerLocale) => InternalDateMediator;
-    inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult;
-    paste: (pasted: string) => InternalDateMediator;
-    restore: () => boolean;
-    shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean;
-    getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null;
-    getFragments: () => import("../../../lib/date/types").InternalDateFragment[];
-    deleteOneCharRight: (type: InternalDateComponentType, inputMode: boolean) => void;
-    isChangedLocale: (locale: DatePickerLocale) => boolean;
-    isNull: (type: InternalDateComponentType | null) => boolean;
-    isEmpty: () => boolean;
-    get: (type: InternalDateComponentType | null) => import("../../../lib/date/types").InternalDateComponentRaw;
-    clear: (type: InternalDateComponentType | null) => InternalDate;
-    validateString: (value: string) => boolean;
-    getString: () => string;
-    getInternalString: () => string;
-    getTypesOrder: () => InternalDateTypesOrder;
-    getLeftmostType: () => InternalDateComponentType;
-    getRightmostType: () => InternalDateComponentType;
-}
+import { InternalDate } from '../../../lib/date/InternalDate.js';
+import type { InputKeyResult, InternalDateComponentRaw, InternalDateFragment, InternalDateTypesOrder } from '../../../lib/date/types.js';
+import { InternalDateComponentType } from '../../../lib/date/types.js';
+import type { DatePickerLocale } from '../../DatePicker/locale/index.js';
+import type { DateInputProps } from '../DateInput.js';
+export declare class InternalDateMediator {
+    iDate: InternalDate;
+    update: (props: DateInputProps, locale: DatePickerLocale) => InternalDateMediator;
+    inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult;
+    paste: (pasted: string) => InternalDateMediator;
+    restore: () => boolean;
+    shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean;
+    getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null;
+    getFragments: () => InternalDateFragment[];
+    deleteOneCharRight: (type: InternalDateComponentType, inputMode: boolean) => void;
+    isChangedLocale: (locale: DatePickerLocale) => boolean;
+    isNull: (type: InternalDateComponentType | null) => boolean;
+    isEmpty: () => boolean;
+    get: (type: InternalDateComponentType | null) => InternalDateComponentRaw;
+    clear: (type: InternalDateComponentType | null) => InternalDate;
+    validateString: (value: string) => boolean;
+    getString: () => string;
+    getInternalString: () => string;
+    getTypesOrder: () => InternalDateTypesOrder;
+    getLeftmostType: () => InternalDateComponentType;
+    getRightmostType: () => InternalDateComponentType;
+}

package/components/DateInput/helpers/InternalDateMediator.js

@@ -0,0 +1,147 @@
+import { InternalDate } from '../../../lib/date/InternalDate.js';
+import { InternalDateGetter } from '../../../lib/date/InternalDateGetter.js';
+import { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer.js';
+import { InternalDateComponentType, InternalDateValidateCheck } from '../../../lib/date/types.js';
+import { inputNumber } from './inputNumber.js';
+var InternalDateMediator = /** @class */ (function () {
+    function InternalDateMediator() {
+        var _this = this;
+        this.iDate = new InternalDate();
+        this.update = function (props, locale) {
+            var start = _this.iDate.getRangeStart();
+            var min = start && start.toInternalString();
+            var end = _this.iDate.getRangeEnd();
+            var max = end && end.toInternalString();
+            var order = locale.order, separator = locale.separator;
+            _this.iDate.setOrder(order).setSeparator(separator);
+            if (props.minDate !== min) {
+                _this.iDate.setRangeStart(props.minDate
+                    ? new InternalDate({
+                        order: order,
+                        separator: separator,
+                        value: props.minDate,
+                    })
+                    : null);
+            }
+            if (props.maxDate !== max) {
+                _this.iDate.setRangeEnd(props.maxDate
+                    ? new InternalDate({
+                        order: order,
+                        separator: separator,
+                        value: props.maxDate,
+                    })
+                    : null);
+            }
+            if (!props.value || props.value !== _this.iDate.toInternalString()) {
+                _this.iDate.parseInternalValue(props.value);
+            }
+            return _this;
+        };
+        this.paste = function (pasted) {
+            _this.iDate.parseValue(pasted).restore().cutOffExcess();
+            return _this;
+        };
+        this.restore = function () {
+            if (_this.iDate.isIncomplete()) {
+                var restored = _this.iDate.clone().restore();
+                if (!_this.iDate.isEqual(restored)) {
+                    _this.iDate.duplicateOf(restored);
+                }
+                return true;
+            }
+            return false;
+        };
+        this.getFragments = function () {
+            return _this.iDate.toFragments({
+                withSeparator: true,
+                withPad: true,
+            });
+        };
+        this.deleteOneCharRight = function (type, inputMode) {
+            var prev = _this.iDate.get(type);
+            prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));
+            var next = prev.replace(/.$/, '') || null;
+            _this.iDate.set(type, next);
+        };
+        this.isChangedLocale = function (locale) {
+            return locale.order !== _this.iDate.getOrder() || locale.separator !== _this.iDate.getSeparator();
+        };
+        this.isNull = function (type) { return _this.iDate.get(type) === null; };
+        this.isEmpty = function () { return _this.iDate.isEmpty(); };
+        this.get = function (type) { return _this.iDate.get(type); };
+        this.clear = function (type) { return _this.iDate.set(type, null); };
+        this.validateString = function (value) {
+            return InternalDateTransformer.parseValueToDate(value, _this.iDate.getOrder()) !== null;
+        };
+        this.getString = function () { return (_this.iDate.isEmpty() ? '' : _this.iDate.toString()); };
+        this.getInternalString = function () { return (_this.iDate.isEmpty() ? '' : _this.iDate.toInternalString()); };
+        this.getTypesOrder = function () {
+            return _this.iDate.toFragments().map(function (_a) {
+                var type = _a.type;
+                return type;
+            });
+        };
+        this.getLeftmostType = function () { return _this.getTypesOrder()[0]; };
+        this.getRightmostType = function () { return _this.getTypesOrder()[2]; };
+    }
+    InternalDateMediator.prototype.inputKey = function (key, type, inputMode) {
+        var prevValue = this.iDate.get(type);
+        if (type === null) {
+            var leftMostType = this.getLeftmostType();
+            this.clear(leftMostType);
+        }
+        if (type !== InternalDateComponentType.Year) {
+            this.iDate.cutOffExcess(type);
+        }
+        else {
+            this.iDate.restore(type);
+        }
+        var maxValue = InternalDateGetter.getDefaultMax(type, this.iDate.getComponentsLikeNumber(), true);
+        var _a = inputNumber(type, prevValue, key, inputMode, maxValue), nextValue = _a.nextValue, nextInputMode = _a.nextInputMode;
+        this.iDate.set(type, nextValue);
+        return { inputMode: nextInputMode, changed: nextValue !== prevValue };
+    };
+    InternalDateMediator.prototype.shiftDateComponent = function (type, step) {
+        var calculatedType = type !== null && type !== void 0 ? type : this.getLeftmostType();
+        var iDate = this.iDate.clone();
+        var start = iDate.getRangeStart();
+        var end = iDate.getRangeEnd();
+        var isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });
+        if (!isValidRange) {
+            // Удерживаем дату в заданном диапазоне
+            if (start && InternalDateGetter.max([iDate, start]) === start) {
+                iDate.duplicateOf(start);
+            }
+            else if (end && InternalDateGetter.min([iDate, end]) === end) {
+                iDate.duplicateOf(end);
+            }
+        }
+        else {
+            var clone = iDate.clone().shift(calculatedType, step, { isRange: false, isLoop: true, isCutFeb: true });
+            if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {
+                iDate.duplicateOf(clone);
+            }
+        }
+        var changed = !this.iDate.isEqualComponentDate(calculatedType, iDate);
+        this.iDate = iDate;
+        return changed;
+    };
+    InternalDateMediator.prototype.getShiftedType = function (type, step) {
+        var typesOrder = this.getTypesOrder();
+        var index = type === null ? 0 : typesOrder.indexOf(type);
+        var nextIndex = index + step;
+        // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент
+        if (type === InternalDateComponentType.All) {
+            return step < 0 ? typesOrder[0] : typesOrder[2];
+        }
+        // Если текущий компонент "год", и он не пуст, то при перемещении выделения "восстанавливаем" значение года
+        if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {
+            this.iDate.restore(type);
+        }
+        var shiftedType = typesOrder[nextIndex];
+        return typeof shiftedType === 'number' ? shiftedType : type;
+    };
+    return InternalDateMediator;
+}());
+export { InternalDateMediator };
+//# sourceMappingURL=InternalDateMediator.js.map

package/components/DateInput/helpers/InternalDateMediator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDateMediator.js","sourceRoot":"","sources":["../../../../components/DateInput/helpers/InternalDateMediator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAOvF,OAAO,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAIlG,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;IAAA;QAAA,iBA2JC;QA1JQ,UAAK,GAAiB,IAAI,YAAY,EAAE,CAAC;QAEzC,WAAM,GAAG,UAAC,KAAqB,EAAE,MAAwB;YAC9D,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YACzC,IAAM,GAAG,GAAG,KAAK,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC9C,IAAM,GAAG,GAAG,KAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACrC,IAAM,GAAG,GAAG,GAAG,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;YAClC,IAAA,KAAK,GAAgB,MAAM,MAAtB,EAAE,SAAS,GAAK,MAAM,UAAX,CAAY;YACpC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACnD,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;gBAC1B,KAAI,CAAC,KAAK,CAAC,aAAa,CACtB,KAAK,CAAC,OAAO;oBACX,CAAC,CAAC,IAAI,YAAY,CAAC;wBACf,KAAK,OAAA;wBACL,SAAS,WAAA;wBACT,KAAK,EAAE,KAAK,CAAC,OAAO;qBACrB,CAAC;oBACJ,CAAC,CAAC,IAAI,CACT,CAAC;YACJ,CAAC;YACD,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;gBAC1B,KAAI,CAAC,KAAK,CAAC,WAAW,CACpB,KAAK,CAAC,OAAO;oBACX,CAAC,CAAC,IAAI,YAAY,CAAC;wBACf,KAAK,OAAA;wBACL,SAAS,WAAA;wBACT,KAAK,EAAE,KAAK,CAAC,OAAO;qBACrB,CAAC;oBACJ,CAAC,CAAC,IAAI,CACT,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,KAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,EAAE,CAAC;gBAClE,KAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;YACD,OAAO,KAAI,CAAC;QACd,CAAC,CAAC;QAoBK,UAAK,GAAG,UAAC,MAAc;YAC5B,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;YACvD,OAAO,KAAI,CAAC;QACd,CAAC,CAAC;QAEK,YAAO,GAAG;YACf,IAAI,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;gBAC9B,IAAM,QAAQ,GAAG,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,CAAC;gBAC9C,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAClC,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBACnC,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAgDK,iBAAY,GAAG;YACpB,OAAA,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC;gBACrB,aAAa,EAAE,IAAI;gBACnB,OAAO,EAAE,IAAI;aACd,CAAC;QAHF,CAGE,CAAC;QAEE,uBAAkB,GAAG,UAAC,IAA+B,EAAE,SAAkB;YAC9E,IAAI,IAAI,GAAG,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YACvF,IAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC;YAC5C,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEK,oBAAe,GAAG,UAAC,MAAwB;YAChD,OAAA,MAAM,CAAC,KAAK,KAAK,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,SAAS,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;QAAxF,CAAwF,CAAC;QAEpF,WAAM,GAAG,UAAC,IAAsC,IAAc,OAAA,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAA7B,CAA6B,CAAC;QAE5F,YAAO,GAAG,cAAe,OAAA,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,EAApB,CAAoB,CAAC;QAE9C,QAAG,GAAG,UAAC,IAAsC,IAA+B,OAAA,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAApB,CAAoB,CAAC;QAEjG,UAAK,GAAG,UAAC,IAAsC,IAAmB,OAAA,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,EAA1B,CAA0B,CAAC;QAE7F,mBAAc,GAAG,UAAC,KAAa;YACpC,OAAA,uBAAuB,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI;QAA/E,CAA+E,CAAC;QAE3E,cAAS,GAAG,cAAc,OAAA,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAnD,CAAmD,CAAC;QAE9E,sBAAiB,GAAG,cAAc,OAAA,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,EAA3D,CAA2D,CAAC;QAE9F,kBAAa,GAAG;YACrB,OAAA,KAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,UAAC,EAAQ;oBAAN,IAAI,UAAA;gBAAO,OAAA,IAAI;YAAJ,CAAI,CAA2B;QAA1E,CAA0E,CAAC;QAEtE,oBAAe,GAAG,cAAiC,OAAA,KAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAvB,CAAuB,CAAC;QAE3E,qBAAgB,GAAG,cAAiC,OAAA,KAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAvB,CAAuB,CAAC;IACrF,CAAC;IArHQ,uCAAQ,GAAf,UAAgB,GAAW,EAAE,IAAsC,EAAE,SAAkB;QACrF,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,IAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,IAAI,KAAK,yBAAyB,CAAC,IAAI,EAAE,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,IAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;QAC9F,IAAA,KAA+B,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAnF,SAAS,eAAA,EAAE,aAAa,mBAA2D,CAAC;QAC5F,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAChC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,KAAK,SAAS,EAAE,CAAC;IACxE,CAAC;IAkBM,iDAAkB,GAAzB,UAA0B,IAAsC,EAAE,IAAY;QAC5E,IAAM,cAAc,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,eAAe,EAAE,CAAC;QAEtD,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACjC,IAAM,KAAK,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;QACpC,IAAM,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAEhC,IAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACnF,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,uCAAuC;YACvC,IAAI,KAAK,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC;gBAC9D,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;iBAAM,IAAI,GAAG,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;gBAC/D,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1G,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;gBAClE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC;QAED,IAAM,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QACxE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,OAAO,OAAO,CAAC;IACjB,CAAC;IAEM,6CAAc,GAArB,UAAsB,IAAsC,EAAE,IAAY;QACxE,IAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,IAAM,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3D,IAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;QAE/B,+FAA+F;QAC/F,IAAI,IAAI,KAAK,yBAAyB,CAAC,GAAG,EAAE,CAAC;YAC3C,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC;QAED,2GAA2G;QAC3G,IAAI,IAAI,KAAK,yBAAyB,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC;YAC7E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,IAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QAC1C,OAAO,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC;IAuCH,2BAAC;AAAD,CAAC,AA3JD,IA2JC","sourcesContent":["import { InternalDate } from '../../../lib/date/InternalDate.js';\nimport { InternalDateGetter } from '../../../lib/date/InternalDateGetter.js';\nimport { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer.js';\nimport type {\n  InputKeyResult,\n  InternalDateComponentRaw,\n  InternalDateFragment,\n  InternalDateTypesOrder,\n} from '../../../lib/date/types.js';\nimport { InternalDateComponentType, InternalDateValidateCheck } from '../../../lib/date/types.js';\nimport type { DatePickerLocale } from '../../DatePicker/locale/index.js';\nimport type { DateInputProps } from '../DateInput.js';\n\nimport { inputNumber } from './inputNumber.js';\n\nexport class InternalDateMediator {\n  public iDate: InternalDate = new InternalDate();\n\n  public update = (props: DateInputProps, locale: DatePickerLocale): InternalDateMediator => {\n    const start = this.iDate.getRangeStart();\n    const min = start && start.toInternalString();\n    const end = this.iDate.getRangeEnd();\n    const max = end && end.toInternalString();\n    const { order, separator } = locale;\n    this.iDate.setOrder(order).setSeparator(separator);\n    if (props.minDate !== min) {\n      this.iDate.setRangeStart(\n        props.minDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.minDate,\n            })\n          : null,\n      );\n    }\n    if (props.maxDate !== max) {\n      this.iDate.setRangeEnd(\n        props.maxDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.maxDate,\n            })\n          : null,\n      );\n    }\n    if (!props.value || props.value !== this.iDate.toInternalString()) {\n      this.iDate.parseInternalValue(props.value);\n    }\n    return this;\n  };\n\n  public inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult {\n    const prevValue = this.iDate.get(type);\n    if (type === null) {\n      const leftMostType = this.getLeftmostType();\n      this.clear(leftMostType);\n    }\n\n    if (type !== InternalDateComponentType.Year) {\n      this.iDate.cutOffExcess(type);\n    } else {\n      this.iDate.restore(type);\n    }\n    const maxValue = InternalDateGetter.getDefaultMax(type, this.iDate.getComponentsLikeNumber(), true);\n    const { nextValue, nextInputMode } = inputNumber(type, prevValue, key, inputMode, maxValue);\n    this.iDate.set(type, nextValue);\n    return { inputMode: nextInputMode, changed: nextValue !== prevValue };\n  }\n\n  public paste = (pasted: string): InternalDateMediator => {\n    this.iDate.parseValue(pasted).restore().cutOffExcess();\n    return this;\n  };\n\n  public restore = (): boolean => {\n    if (this.iDate.isIncomplete()) {\n      const restored = this.iDate.clone().restore();\n      if (!this.iDate.isEqual(restored)) {\n        this.iDate.duplicateOf(restored);\n      }\n      return true;\n    }\n    return false;\n  };\n\n  public shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean {\n    const calculatedType = type ?? this.getLeftmostType();\n\n    const iDate = this.iDate.clone();\n    const start = iDate.getRangeStart();\n    const end = iDate.getRangeEnd();\n\n    const isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });\n    if (!isValidRange) {\n      // Удерживаем дату в заданном диапазоне\n      if (start && InternalDateGetter.max([iDate, start]) === start) {\n        iDate.duplicateOf(start);\n      } else if (end && InternalDateGetter.min([iDate, end]) === end) {\n        iDate.duplicateOf(end);\n      }\n    } else {\n      const clone = iDate.clone().shift(calculatedType, step, { isRange: false, isLoop: true, isCutFeb: true });\n      if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {\n        iDate.duplicateOf(clone);\n      }\n    }\n\n    const changed = !this.iDate.isEqualComponentDate(calculatedType, iDate);\n    this.iDate = iDate;\n    return changed;\n  }\n\n  public getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null {\n    const typesOrder = this.getTypesOrder();\n    const index = type === null ? 0 : typesOrder.indexOf(type);\n    const nextIndex = index + step;\n\n    // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент\n    if (type === InternalDateComponentType.All) {\n      return step < 0 ? typesOrder[0] : typesOrder[2];\n    }\n\n    // Если текущий компонент \"год\", и он не пуст, то при перемещении выделения \"восстанавливаем\" значение года\n    if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {\n      this.iDate.restore(type);\n    }\n\n    const shiftedType = typesOrder[nextIndex];\n    return typeof shiftedType === 'number' ? shiftedType : type;\n  }\n\n  public getFragments = (): InternalDateFragment[] =>\n    this.iDate.toFragments({\n      withSeparator: true,\n      withPad: true,\n    });\n\n  public deleteOneCharRight = (type: InternalDateComponentType, inputMode: boolean): void => {\n    let prev = this.iDate.get(type);\n    prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));\n    const next = prev.replace(/.$/, '') || null;\n    this.iDate.set(type, next);\n  };\n\n  public isChangedLocale = (locale: DatePickerLocale): boolean =>\n    locale.order !== this.iDate.getOrder() || locale.separator !== this.iDate.getSeparator();\n\n  public isNull = (type: InternalDateComponentType | null): boolean => this.iDate.get(type) === null;\n\n  public isEmpty = (): boolean => this.iDate.isEmpty();\n\n  public get = (type: InternalDateComponentType | null): InternalDateComponentRaw => this.iDate.get(type);\n\n  public clear = (type: InternalDateComponentType | null): InternalDate => this.iDate.set(type, null);\n\n  public validateString = (value: string): boolean =>\n    InternalDateTransformer.parseValueToDate(value, this.iDate.getOrder()) !== null;\n\n  public getString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toString());\n\n  public getInternalString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toInternalString());\n\n  public getTypesOrder = (): InternalDateTypesOrder =>\n    this.iDate.toFragments().map(({ type }) => type) as InternalDateTypesOrder;\n\n  public getLeftmostType = (): InternalDateComponentType => this.getTypesOrder()[0];\n\n  public getRightmostType = (): InternalDateComponentType => this.getTypesOrder()[2];\n}\n"]}

package/components/DateInput/helpers/inputNumber.d.ts

@@ -1,5 +1,6 @@
-import { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';
-export declare const inputNumber: (type: InternalDateComponentType | null, prev: InternalDateComponentRaw, key: string, inputMode: boolean, maxValue: number) => {
-    nextValue: InternalDateComponentRaw;
-    nextInputMode: boolean;
-};
+import type { InternalDateComponentRaw } from '../../../lib/date/types.js';
+import { InternalDateComponentType } from '../../../lib/date/types.js';
+export declare const inputNumber: (type: InternalDateComponentType | null, prev: InternalDateComponentRaw, key: string, inputMode: boolean, maxValue: number) => {
+    nextValue: InternalDateComponentRaw;
+    nextInputMode: boolean;
+};

package/components/DateInput/helpers/inputNumber.js

@@ -0,0 +1,52 @@
+import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants.js';
+import { InternalDateComponentType } from '../../../lib/date/types.js';
+export var inputNumber = function (type, prev, key, inputMode, maxValue) {
+    var nextInputMode = false;
+    var nextValue;
+    var firstDigits = getFirstDigits(type, maxValue);
+    var maxLength = getMaxLength(type);
+    if (!inputMode) {
+        nextValue = key;
+        nextInputMode = Number(key) <= firstDigits;
+    }
+    else {
+        nextValue = addKey(prev, key, maxLength);
+        nextInputMode = nextValue.length < maxLength;
+        if (!isCorrectDate(nextValue, maxValue, maxLength)) {
+            nextValue = prev + '';
+            nextInputMode = true;
+        }
+    }
+    return { nextValue: nextValue, nextInputMode: nextInputMode };
+};
+function addKey(prev, key, length) {
+    var value = key;
+    if (prev !== null) {
+        value = "".concat(prev).concat(key);
+    }
+    return value.slice(-length);
+}
+function isCorrectDate(value, maxValue, length) {
+    return Number(value) <= maxValue && (Number(value) !== 0 || value.length !== length);
+}
+function getFirstDigits(type, maxValue) {
+    var first = 10;
+    if (type === InternalDateComponentType.Month) {
+        first = 1;
+    }
+    if (type === InternalDateComponentType.Date) {
+        first = Math.floor(maxValue / 10);
+    }
+    return first;
+}
+function getMaxLength(type) {
+    var length = LENGTH_YEAR;
+    if (type === InternalDateComponentType.Month) {
+        length = LENGTH_MONTH;
+    }
+    if (type === InternalDateComponentType.Date) {
+        length = LENGTH_DATE;
+    }
+    return length;
+}
+//# sourceMappingURL=inputNumber.js.map

package/components/DateInput/helpers/inputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputNumber.js","sourceRoot":"","sources":["../../../../components/DateInput/helpers/inputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAExF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,CAAC,IAAM,WAAW,GAAG,UACzB,IAAsC,EACtC,IAA8B,EAC9B,GAAW,EACX,SAAkB,EAClB,QAAgB;IAEhB,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,SAAS,CAAC;IACd,IAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACnD,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,SAAS,GAAG,GAAG,CAAC;QAChB,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QACzC,aAAa,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC;QAC7C,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC;YACnD,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;YACtB,aAAa,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,EAAE,SAAS,WAAA,EAAE,aAAa,eAAA,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,IAA8B,EAAE,GAAW,EAAE,MAAc;IACzE,IAAI,KAAK,GAAG,GAAG,CAAC;IAChB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,KAAK,GAAG,UAAG,IAAI,SAAG,GAAG,CAAE,CAAC;IAC1B,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,aAAa,CAAC,KAAa,EAAE,QAAgB,EAAE,MAAc;IACpE,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;AACvF,CAAC;AAED,SAAS,cAAc,CAAC,IAAsC,EAAE,QAAgB;IAC9E,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,IAAI,KAAK,yBAAyB,CAAC,KAAK,EAAE,CAAC;QAC7C,KAAK,GAAG,CAAC,CAAC;IACZ,CAAC;IACD,IAAI,IAAI,KAAK,yBAAyB,CAAC,IAAI,EAAE,CAAC;QAC5C,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,YAAY,CAAC,IAAsC;IAC1D,IAAI,MAAM,GAAG,WAAW,CAAC;IACzB,IAAI,IAAI,KAAK,yBAAyB,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,GAAG,YAAY,CAAC;IACxB,CAAC;IACD,IAAI,IAAI,KAAK,yBAAyB,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,GAAG,WAAW,CAAC;IACvB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants.js';\nimport type { InternalDateComponentRaw } from '../../../lib/date/types.js';\nimport { InternalDateComponentType } from '../../../lib/date/types.js';\n\nexport const inputNumber = (\n  type: InternalDateComponentType | null,\n  prev: InternalDateComponentRaw,\n  key: string,\n  inputMode: boolean,\n  maxValue: number,\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\n  let nextInputMode = false;\n  let nextValue;\n  const firstDigits = getFirstDigits(type, maxValue);\n  const maxLength = getMaxLength(type);\n\n  if (!inputMode) {\n    nextValue = key;\n    nextInputMode = Number(key) <= firstDigits;\n  } else {\n    nextValue = addKey(prev, key, maxLength);\n    nextInputMode = nextValue.length < maxLength;\n    if (!isCorrectDate(nextValue, maxValue, maxLength)) {\n      nextValue = prev + '';\n      nextInputMode = true;\n    }\n  }\n\n  return { nextValue, nextInputMode };\n};\n\nfunction addKey(prev: InternalDateComponentRaw, key: string, length: number) {\n  let value = key;\n  if (prev !== null) {\n    value = `${prev}${key}`;\n  }\n  return value.slice(-length);\n}\n\nfunction isCorrectDate(value: string, maxValue: number, length: number) {\n  return Number(value) <= maxValue && (Number(value) !== 0 || value.length !== length);\n}\n\nfunction getFirstDigits(type: InternalDateComponentType | null, maxValue: number) {\n  let first = 10;\n  if (type === InternalDateComponentType.Month) {\n    first = 1;\n  }\n  if (type === InternalDateComponentType.Date) {\n    first = Math.floor(maxValue / 10);\n  }\n  return first;\n}\n\nfunction getMaxLength(type: InternalDateComponentType | null) {\n  let length = LENGTH_YEAR;\n  if (type === InternalDateComponentType.Month) {\n    length = LENGTH_MONTH;\n  }\n  if (type === InternalDateComponentType.Date) {\n    length = LENGTH_DATE;\n  }\n  return length;\n}\n"]}

package/components/DateInput/index.d.ts

@@ -1 +1 @@
-export * from './DateInput';
+export * from './DateInput.js';

package/components/DateInput/index.js

@@ -0,0 +1,2 @@
+export * from './DateInput.js';
+//# sourceMappingURL=index.js.map

package/components/DateInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/DateInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './DateInput.js';\n"]}

package/components/DatePicker/DatePicker.d.ts

@@ -1,136 +1,124 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export declare const MIN_WIDTH = 120;
-export interface DatePickerProps<T> extends CommonProps {
-    autoFocus?: boolean;
-    disabled?: boolean;
-    enableTodayLink?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    minDate: T;
-    maxDate: T;
-    menuAlign?: 'left' | 'right';
-    size?: 'small' | 'medium' | 'large';
-    value?: T | null;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    width?: number | string;
-    onBlur?: () => void;
-    /**
-     * Вызывается при изменении `value`
-     *
-     * @param value - строка в формате `dd.mm.yyyy`.
-     */
-    onValueChange: (value: T) => void;
-    onFocus?: () => void;
-    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
-    onMouseEnter?: (e: React.MouseEvent<any>) => void;
-    onMouseLeave?: (e: React.MouseEvent<any>) => void;
-    onMouseOver?: (e: React.MouseEvent<any>) => void;
-    /**
-     * Использовать на мобильных устройствах нативный календарь для выбора дат.
-     *
-     * - На iOS нативный календарь не умеет работать с minDate и maxDate
-     */
-    useMobileNativeDatePicker?: boolean;
-    /**
-     * Функция для определения праздничных дней
-     * @default (_day, isWeekend) => isWeekend
-     * @param {T} day - строка в формате `dd.mm.yyyy`
-     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
-     *
-     * @returns {boolean} `true` для выходного или `false` для рабочего дня
-     */
-    isHoliday: (day: T, isWeekend: boolean) => boolean;
-}
-export interface DatePickerState {
-    opened: boolean;
-    canUseMobileNativeDatePicker: boolean;
-}
-declare type DatePickerValue = string;
-export declare const DatePickerDataTids: {
-    readonly root: "DatePicker__root";
-    readonly pickerRoot: "Picker__root";
-    readonly pickerTodayWrapper: "Picker__todayWrapper";
-};
-export declare class DatePicker extends React.PureComponent<DatePickerProps<DatePickerValue>, DatePickerState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        autoFocus: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Включает кнопку сегодня в календаре
-         */
-        enableTodayLink: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Максимальная дата в календаре.
-         */
-        maxDate: PropTypes.Validator<string>;
-        menuAlign: PropTypes.Requireable<string>;
-        /**
-         * Минимальная дата в календаре.
-         */
-        minDate: PropTypes.Validator<string>;
-        /**
-         * Строка формата `dd.mm.yyyy`
-         */
-        value: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Validator<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        isHoliday: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        minDate: string;
-        maxDate: string;
-        isHoliday: (_day: DatePickerValue, isWeekend: boolean) => boolean;
-    };
-    static validate: (value: Nullable<string>, range?: {
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-    }) => boolean;
-    state: DatePickerState;
-    private input;
-    private focused;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * Закрывает выпадашку выбора дня
-     * @public
-     */
-    close(): void;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => JSX.Element;
-    getParent: () => Nullable<HTMLElement>;
-    private getRootStyle;
-    private getInputRef;
-    private parseValueToDate;
-    private handleFocus;
-    private handleBlur;
-    private handlePick;
-    private handleSelect;
-    private isHoliday;
-}
-export {};
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { CalendarDateShape, CalendarProps } from '../Calendar/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
+export declare const MIN_WIDTH = 120;
+export interface DatePickerProps extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
+    autoFocus?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Отображает кнопку "Сегодня" в календаре. */
+    enableTodayLink?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Задает nекущую позицию выпадающего окна вручную. */
+    menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /**
+     * Строка формата `dd.mm.yyyy`
+     * Задает значение автокомплита.
+     */
+    value?: string | null;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает ширину автокомплита. */
+    width?: number | string;
+    /** Задает функцию, которая вызывается при потере датапикером фокуса. */
+    onBlur?: () => void;
+    /** Задает функцию, вызывающуюся при изменении value.
+     * @param value - строка в формате `dd.mm.yyyy`. */
+    onValueChange: (value: string) => void;
+    /** Задает функцию, которая вызывается при получении датапикером фокуса. */
+    onFocus?: () => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: (e: React.MouseEvent<any>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (e: React.MouseEvent<any>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.
+     * На iOS нативный календарь не умеет работать с minDate и maxDate. */
+    useMobileNativeDatePicker?: boolean;
+}
+export interface DatePickerState {
+    opened: boolean;
+    canUseMobileNativeDatePicker: boolean;
+    today: CalendarDateShape;
+}
+export declare const DatePickerDataTids: {
+    readonly root: "DatePicker__root";
+    readonly input: "DatePicker__input";
+    readonly label: "DatePicker__label";
+    readonly pickerRoot: "Picker__root";
+    readonly pickerTodayWrapper: "Picker__todayWrapper";
+};
+type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;
+/**
+ * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
+ *
+ * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
+ *
+ * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
+ */
+export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private emotion;
+    private styles;
+    private theme;
+    private readonly locale;
+    private canOpenPopup;
+    static validate: (value: Nullable<string>, range?: {
+        minDate?: string;
+        maxDate?: string;
+    }) => boolean;
+    state: DatePickerState;
+    private input;
+    private focused;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private isMobileLayout;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
+    /**
+     * Закрывает выпадашку выбора дня
+     * @public
+     */
+    close(): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => React.JSX.Element;
+    private parseValueToDate;
+    private renderTodayLink;
+    getParent: () => Nullable<Element>;
+    private getRootStyle;
+    private getInputRef;
+    private openPickerPopup;
+    private handleFocus;
+    private handleKeyDown;
+    private handleBlur;
+    private handleValueChange;
+    private handleSelect;
+    private handleMobileCloseRequest;
+}
+export {};