@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/DatePicker/DatePicker.d.ts

@@ -1,143 +1,120 @@
-import PropTypes from 'prop-types';
-import React, { HTMLAttributes } from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { CalendarDateShape, CalendarProps } from '../Calendar';
-import { SizeProp } from '../../lib/types/props';
-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;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-    menuAlign?: 'left' | 'right';
-    size?: SizeProp;
-    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?: (e: React.MouseEvent<any>) => void;
-    onMouseLeave?: (e: React.MouseEvent<any>) => void;
-    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'>>;
-export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        autoFocus: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Включает кнопку сегодня в календаре
-         */
-        enableTodayLink: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Максимальная дата в календаре.
-         */
-        maxDate: PropTypes.Validator<string>;
-        menuPos: PropTypes.Requireable<string>;
-        menuAlign: PropTypes.Requireable<string>;
-        /**
-         * Минимальная дата в календаре.
-         */
-        minDate: PropTypes.Validator<string>;
-        /**
-         * Строка формата `dd.mm.yyyy`
-         */
-        value: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        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.Requireable<(...args: any[]) => any>;
-        renderDay: PropTypes.Requireable<(...args: any[]) => any>;
-        onMonthChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private theme;
-    private emotion;
-    private styles;
-    private readonly locale;
-    static validate: (value: Nullable<string>, range?: {
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-    }) => boolean;
-    state: DatePickerState;
-    private input;
-    private focused;
-    private setRootNode;
-    private isMobileLayout;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    focus(): 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 handleFocus;
-    private handleBlur;
-    private handleValueChange;
-    private handleSelect;
-}
-export {};
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { CalendarDateShape, CalendarProps } from '../Calendar';
+import type { SizeProp } from '../../lib/types/props';
+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 theme;
+    private readonly locale;
+    private canOpenPopup;
+    static validate: (value: Nullable<string>, range?: {
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+    }) => boolean;
+    state: DatePickerState;
+    private input;
+    private focused;
+    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 {};

package/cjs/components/DatePicker/DatePicker.js

@@ -1,7 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MIN_WIDTH = exports.DatePickerDataTids = exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MIN_WIDTH = exports.DatePickerDataTids = exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
-
 var _Popup = require("../../internal/Popup");
 var _locale = require("../../lib/locale");
 var _decorators = require("../../lib/locale/decorators");
@@ -14,13 +13,17 @@ var _types = require("../../lib/date/types");
 
 var _DateInput = require("../DateInput");
 var _filterProps = require("../../lib/filterProps");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _client = require("../../lib/client");
 var _NativeDateInput = require("../../internal/NativeDateInput");
+
 var _rootNode = require("../../lib/rootNode");
 var _utils = require("../../lib/utils");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+
 var _Calendar = require("../Calendar");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Button = require("../Button");
 var _CalendarUtils = require("../Calendar/CalendarUtils");
@@ -28,10 +31,9 @@ var _CalendarUtils = require("../Calendar/CalendarUtils");
 var _decorator = require("../ResponsiveLayout/decorator");
 var _getMenuPositions = require("../../lib/getMenuPositions");
 var _ZIndex = require("../../internal/ZIndex");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _DatePicker2 = require("./DatePicker.styles");
+
 var _locale2 = require("./locale");
 var _MobilePicker = require("./MobilePicker");var _dec, _class, _DatePicker;
 
@@ -87,51 +89,6 @@ var MIN_WIDTH = exports.MIN_WIDTH = 120;
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-var DatePickerDataTids = exports.DatePickerDataTids = {
-  root: 'DatePicker__root',
-  input: 'DatePicker__input',
-  label: 'DatePicker__label',
-  pickerRoot: 'Picker__root',
-  pickerTodayWrapper: 'Picker__todayWrapper'
-};var
-
-
-
-
-
-
-DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker', _locale2.DatePickerLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_DatePicker = /*#__PURE__*/function (_React$PureComponent) {function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -162,12 +119,27 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
 
 
 
+var DatePickerDataTids = exports.DatePickerDataTids = {
+  root: 'DatePicker__root',
+  input: 'DatePicker__input',
+  label: 'DatePicker__label',
+  pickerRoot: 'Picker__root',
+  pickerTodayWrapper: 'Picker__todayWrapper'
+};
 
 
 
+/**
+ * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
+ *
+ * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
+ *
+ * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
+ */var
 
 
 
+DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker', _locale2.DatePickerLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_DatePicker = /*#__PURE__*/function (_React$PureComponent) {function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -179,8 +151,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
     getProps = (0, _createPropsGetter.createPropsGetter)(DatePicker.defaultProps);_this.
 
 
-
-
+    canOpenPopup = true;_this.
 
 
 
@@ -294,6 +265,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
       var picker = null;
 
       var _this$getProps = _this.getProps(),minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate,menuPos = _this$getProps.menuPos,menuAlign = _this$getProps.menuAlign;
+
       var isMobile = _this.isMobileLayout;
 
       if (_this.state.opened) {
@@ -306,7 +278,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
             onValueChange: _this.props.onValueChange,
             enableTodayLink: _this.props.enableTodayLink,
             isHoliday: _this.props.isHoliday,
-            onCloseRequest: _this.handleBlur,
+            onCloseRequest: _this.handleMobileCloseRequest,
             renderDay: props.renderDay,
             onMonthChange: props.onMonthChange }
           );
@@ -337,7 +309,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
 
           _react.default.createElement("div", {
             "data-tid": DatePickerDataTids.pickerRoot,
-            className: _this.styles.calendarWrapper(_this.theme),
+            className: _DatePicker2.styles.calendarWrapper(_this.theme),
             onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/
 
           _react.default.createElement(_Calendar.Calendar, {
@@ -358,7 +330,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
       }
       return /*#__PURE__*/(
         _react.default.createElement("label", {
-          className: _this.styles.root(),
+          className: _DatePicker2.styles.root(),
           style: _this.getRootStyle(),
           onMouseEnter: _this.props.onMouseEnter,
           onMouseLeave: _this.props.onMouseLeave,
@@ -377,6 +349,8 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
           onBlur: isMobile ? undefined : _this.handleBlur,
           onFocus: _this.handleFocus,
           onValueChange: _this.props.onValueChange,
+          onClick: _this.openPickerPopup,
+          onKeyDown: _this.handleKeyDown,
           "data-tid": DatePickerDataTids.input })
         ),
         _this.state.canUseMobileNativeDatePicker ? /*#__PURE__*/
@@ -427,6 +401,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
 
 
 
+
 
 
     getParent = function () {
@@ -442,20 +417,38 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
       _this.input = ref;
     };_this.
 
+    openPickerPopup = function () {
+      _this.setState({ opened: true });
+    };_this.
+
     handleFocus = function () {
       if (_this.focused) {
         return;
       }
 
-      _this.focused = true;
+      if (!_this.canOpenPopup) {
+        _this.canOpenPopup = true;
+      } else {
+        _this.openPickerPopup();
+      }
 
-      _this.setState({ opened: true });
+      _this.focused = true;
 
       if (_this.props.onFocus) {
         _this.props.onFocus();
       }
     };_this.
 
+    handleKeyDown = function (e) {
+      if (!_this.state.opened) {
+        _this.openPickerPopup();
+      }
+
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(e);
+      }
+    };_this.
+
     handleBlur = function () {
       if (!_this.focused) {
         return;
@@ -482,19 +475,15 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
       if (_this.props.onValueChange) {
         _this.props.onValueChange(value);
       }
-    };return _this;}(0, _inheritsLoose2.default)(DatePicker, _React$PureComponent);var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.useMobileNativeDatePicker && _client.isMobile) {this.setState({ canUseMobileNativeDatePicker: true });}if (this.props.autoFocus) {this.focus();}};_proto.componentDidUpdate = function componentDidUpdate() {var disabled = this.props.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}} /**
+    };_this.
+
+    handleMobileCloseRequest = function () {
+      _this.close();
+    };return _this;}(0, _inheritsLoose2.default)(DatePicker, _React$PureComponent);var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.useMobileNativeDatePicker && _client.isMobile) {this.setState({ canUseMobileNativeDatePicker: true });}if (this.props.autoFocus) {this.focus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var disabled = this.props.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}if (prevState.opened && !opened && this.isMobileLayout) {this.handleBlur();}} /**
    * @public
    */;_proto.blur = function blur() {if (this.input) {this.input.blur();}this.handleBlur();} /**
    * @public
-   */;_proto.focus = function focus() {if (this.props.disabled) {return;}if (this.input) {this.input.focus();}this.handleFocus();} /**
+   */;_proto.focus = function focus(opts) {if (this.props.disabled) {return;}if (opts != null && opts.withoutOpenDropdown) {this.canOpenPopup = false;}if (this.input) {this.input.focus();}} /**
    * Закрывает выпадашку выбора дня
    * @public
-   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _DatePicker2.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme) }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain));});});};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date.toString({ withPad: true });}return undefined;};_proto.renderTodayLink = function renderTodayLink() {var _this3 = this;var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents()).toString({ withPad: true, withSeparator: true });return /*#__PURE__*/_react.default.createElement("div", { style: { margin: 8 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { "aria-label": this.locale.todayAriaLabel, "data-tid": DatePickerDataTids.pickerTodayWrapper, width: "100%", onClick: function onClick() {_this3.handleSelect(today);}, icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null) }, this.locale.today));};return DatePicker;}(_react.default.PureComponent), _DatePicker.__KONTUR_REACT_UI__ = 'DatePicker', _DatePicker.displayName = 'DatePicker', _DatePicker.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
-   * Включает кнопку сегодня в календаре
-   */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
-   * Максимальная дата в календаре.
-   */maxDate: _propTypes.default.string.isRequired, menuPos: _propTypes.default.oneOf(['top', 'bottom']), menuAlign: _propTypes.default.oneOf(['left', 'right']), /**
-   * Минимальная дата в календаре.
-   */minDate: _propTypes.default.string.isRequired, /**
-   * Строка формата `dd.mm.yyyy`
-   */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func, renderDay: _propTypes.default.func, onMonthChange: _propTypes.default.func }, _DatePicker.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE }, _DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });}, _DatePicker)) || _class) || _class) || _class);
+   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme) }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain));});};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date.toString({ withPad: true });}return undefined;};_proto.renderTodayLink = function renderTodayLink() {var _this3 = this;var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents()).toString({ withPad: true, withSeparator: true });return /*#__PURE__*/_react.default.createElement("div", { style: { margin: 8 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { "aria-label": this.locale.todayAriaLabel, "data-tid": DatePickerDataTids.pickerTodayWrapper, width: "100%", onClick: function onClick() {_this3.handleSelect(today);}, icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null) }, this.locale.today));};return DatePicker;}(_react.default.PureComponent), _DatePicker.__KONTUR_REACT_UI__ = 'DatePicker', _DatePicker.displayName = 'DatePicker', _DatePicker.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE }, _DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });}, _DatePicker)) || _class) || _class) || _class);