@skbkontur/react-ui 0.0.0-9a66eda8b5 → 0.0.0-9ab4f802f3

package/cjs/components/DatePicker/DatePicker.js

@@ -1,19 +1,38 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
 
+
+var _locale = require("../../lib/locale");
+var _decorators = require("../../lib/locale/decorators");
+var _InternalDateGetter = require("../../lib/date/InternalDateGetter");
+var _ArrowAUp16Light = require("../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _InternalDate = require("../../lib/date/InternalDate");
-var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
 var _constants = require("../../lib/date/constants");
 var _types = require("../../lib/date/types");
 
-
 var _DateInput = require("../DateInput");
 var _DropdownContainer = require("../../internal/DropdownContainer");
 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 _Button = require("../Button");
+var _CalendarUtils = require("../Calendar/CalendarUtils");
+
+var _decorator = require("../ResponsiveLayout/decorator");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _Picker = require("./Picker");
 var _DatePicker = require("./DatePicker.styles");
+var _locale2 = require("./locale");
+var _MobilePicker = require("./MobilePicker");var _dec, _class, _class2, _temp;
 
 var INPUT_PASS_PROPS = {
   autoFocus: true,
@@ -21,7 +40,26 @@ var INPUT_PASS_PROPS = {
   warning: true,
   error: true,
   size: true,
-  onKeyDown: true };var
+  onKeyDown: true };
+
+
+var MIN_WIDTH = 120;exports.MIN_WIDTH = MIN_WIDTH;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -55,6 +93,12 @@ var INPUT_PASS_PROPS = {
 
 
 
+var DatePickerDataTids = {
+  root: 'DatePicker__root',
+  input: 'DatePicker__input',
+  label: 'DatePicker__label',
+  pickerRoot: 'Picker__root',
+  pickerTodayWrapper: 'Picker__todayWrapper' };exports.DatePickerDataTids = DatePickerDataTids;var
 
 
 
@@ -62,11 +106,11 @@ var INPUT_PASS_PROPS = {
 
 
 
+DatePicker = (_dec = (0, _decorators.locale)('DatePicker', _locale2.DatePickerLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DatePicker, _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.
 
 
 
 
-DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DatePicker, _React$Component);function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -125,8 +169,10 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(DatePicker.defaultProps);_this.
 
 
+    calendar = null;_this.
 
 
 
@@ -151,13 +197,13 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
-    state = { opened: false };_this.
+
+
+
+    state = { opened: false, canUseMobileNativeDatePicker: false, today: (0, _CalendarUtils.getTodayDate)() };_this.
 
     input = null;_this.
     focused = false;_this.
-    internalDate = _this.parseValueToDate(_this.props.value);_this.
-    minDate = _this.parseValueToDate(_this.props.minDate);_this.
-    maxDate = _this.parseValueToDate(_this.props.maxDate);_this.
 
 
 
@@ -236,23 +282,108 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+    renderMain = function (props) {
+      var picker = null;
 
+      var _this$getProps = _this.getProps(),minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate;
+      var styles = (0, _DatePicker.getStyles)(_this.emotion);
 
+      var isMobile = _this.isMobileLayout;
 
+      if (_this.state.opened) {
+        if (isMobile) {
+          picker = /*#__PURE__*/
+          _react.default.createElement(_MobilePicker.MobilePicker, {
+            value: _this.props.value,
+            minDate: _this.parseValueToDate(minDate),
+            maxDate: _this.parseValueToDate(maxDate),
+            onValueChange: _this.props.onValueChange,
+            enableTodayLink: _this.props.enableTodayLink,
+            isHoliday: _this.props.isHoliday,
+            onCloseRequest: _this.handleBlur,
+            renderDay: props.renderDay,
+            onMonthChange: props.onMonthChange });
 
 
+        } else {
+          picker = /*#__PURE__*/
+          _react.default.createElement(_locale.LocaleContext.Provider, {
+            value: {
+              locale: {
+                Calendar: {
+                  months: _this.locale.months,
+                  dayCellChooseDateAriaLabel: _this.locale.dayCellChooseDateAriaLabel,
+                  selectMonthAriaLabel: _this.locale.selectMonthAriaLabel,
+                  selectYearAriaLabel: _this.locale.selectYearAriaLabel,
+                  selectChosenAriaLabel: _this.locale.selectChosenAriaLabel } } } }, /*#__PURE__*/
 
 
 
 
+          _react.default.createElement(_DropdownContainer.DropdownContainer, {
+            menuPos: _this.props.menuPos,
+            "data-tid": DatePickerDataTids.root,
+            getParent: _this.getParent,
+            offsetY: parseInt(_this.theme.datePickerMenuOffsetY),
+            align: _this.props.menuAlign }, /*#__PURE__*/
 
+          _react.default.createElement("div", {
+            "data-tid": DatePickerDataTids.pickerRoot,
+            className: styles.calendarWrapper(_this.theme),
+            onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/
 
+          _react.default.createElement(_Calendar.Calendar, {
+            ref: function ref(c) {return _this.calendar = c;},
+            maxDate: _this.parseValueToDate(maxDate),
+            minDate: _this.parseValueToDate(minDate),
+            onValueChange: _this.handleValueChange,
+            isHoliday: _this.props.isHoliday,
+            value: _this.parseValueToDate(_this.props.value),
+            renderDay: _this.props.renderDay,
+            onMonthChange: _this.props.onMonthChange }),
 
+          _this.props.enableTodayLink && _this.renderTodayLink(), ' ')));
+
+
+
+
+        }
+      }
+      return /*#__PURE__*/(
+        _react.default.createElement("label", {
+          className: styles.root(),
+          style: _this.getRootStyle(),
+          onMouseEnter: _this.props.onMouseEnter,
+          onMouseLeave: _this.props.onMouseLeave,
+          onMouseOver: _this.props.onMouseOver,
+          "data-tid": DatePickerDataTids.label }, /*#__PURE__*/
+
+        _react.default.createElement(_DateInput.DateInput, (0, _extends2.default)({},
+        (0, _filterProps.filterProps)(props, INPUT_PASS_PROPS), {
+          ref: _this.getInputRef,
+          value: _this.props.value || '',
+          width: "100%",
+          withIcon: true,
+          minDate: minDate,
+          maxDate: maxDate,
+          onBlur: isMobile ? undefined : _this.handleBlur,
+          onFocus: _this.handleFocus,
+          onValueChange: _this.props.onValueChange,
+          "data-tid": DatePickerDataTids.input })),
+
+        _this.state.canUseMobileNativeDatePicker ? /*#__PURE__*/
+        _react.default.createElement(_NativeDateInput.NativeDateInput, {
+          onValueChange: _this.props.onValueChange,
+          value: _this.props.value || '',
+          minDate: minDate,
+          maxDate: maxDate,
+          disabled: _this.props.disabled }) :
+
+
+        picker));
 
 
 
-    getInputRef = function (ref) {
-      _this.input = ref;
     };_this.
 
 
@@ -266,6 +397,67 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleSelectToday = function (today) {return function () {
+        _this.handleSelect(today);
+
+        if (_this.calendar) {
+          var _this$state$today = _this.state.today,month = _this$state$today.month,year = _this$state$today.year;
+          _this.calendar.scrollToMonth(month, year);
+        }
+      };};_this.
+
+    getParent = function () {
+      return (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
+    };_this.
+
+    getRootStyle = function () {
+      var width = _this.props.width;
+      return (0, _utils.isNonNullable)(width) ? { width: width } : { minWidth: MIN_WIDTH };
+    };_this.
+
+    getInputRef = function (ref) {
+      _this.input = ref;
+    };_this.
+
     handleFocus = function () {
       if (_this.focused) {
         return;
@@ -293,34 +485,32 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
       }
     };_this.
 
-    handlePick = function (dateShape) {
-      _this.handleSelect(dateShape);
+    handleValueChange = function (value) {
+      _this.handleSelect(value);
       _this.blur();
     };_this.
 
-    handleSelect = function (_ref) {var date = _ref.date,month = _ref.month,year = _ref.year;
-      var value = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
+    handleSelect = function (value) {
+      if (!value) {
+        return null;
+      }
+
       if (_this.props.onValueChange) {
         _this.props.onValueChange(value);
       }
-    };_this.
-
-    isHoliday = function (_ref2) {var date = _ref2.date,month = _ref2.month,year = _ref2.year,isWeekend = _ref2.isWeekend;
-      var dateString = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
-      return _this.props.isHoliday(dateString, isWeekend);
-    };return _this;}var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {this.focus();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {var disabled = nextProps.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}this.internalDate = this.parseValueToDate(nextProps.value);this.minDate = this.parseValueToDate(nextProps.minDate);this.maxDate = this.parseValueToDate(nextProps.maxDate);} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @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();} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * Закрывает выпадашку выбора дня
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {var _this2 = this;var picker = null;var date = this.internalDate ? this.internalDate.toNativeFormat() : null;if (this.state.opened) {picker = _react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: function getParent() {return (0, _reactDom.findDOMNode)(_this2);}, offsetY: 2, align: this.props.menuAlign }, _react.default.createElement(_Picker.Picker, { value: date, minDate: this.minDate && this.minDate.toNativeFormat() || undefined, maxDate: this.maxDate && this.maxDate.toNativeFormat() || undefined, onPick: this.handlePick, onSelect: this.handleSelect, enableTodayLink: this.props.enableTodayLink, isHoliday: this.isHoliday }));}return _react.default.createElement("label", { className: _DatePicker.jsStyles.root(), style: { width: this.props.width }, onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave, onMouseOver: this.props.onMouseOver }, _react.default.createElement(_DateInput.DateInput, (0, _extends2.default)({}, (0, _filterProps.filterProps)(this.props, INPUT_PASS_PROPS), { ref: this.getInputRef, value: this.props.value || '', width: "100%", withIcon: true, minDate: this.props.minDate, maxDate: this.props.maxDate, onBlur: this.handleBlur, onFocus: this.handleFocus, onValueChange: this.props.onValueChange })), picker);};_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;}return undefined;};return DatePicker;}(_react.default.Component);exports.DatePicker = DatePicker;DatePicker.__KONTUR_REACT_UI__ = 'DatePicker';DatePicker.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * Включает кнопку сегодня в календаре
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * Максимальная дата в календаре.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */maxDate: _propTypes.default.string.isRequired, 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]).isRequired, 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.isRequired };DatePicker.defaultProps = { width: 120, minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} };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] });};
+    };return _this;}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();}} /**
+   * @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();} /**
+   * Закрывает выпадашку выбора дня
+   * @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;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.props), _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 _this$emotion$cx;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 });if ((0, _ThemeHelpers.isTheme2022)(this.theme)) {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: this.handleSelectToday(today), icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null) }, this.locale.today));}var styles = (0, _DatePicker.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement("button", { "aria-label": this.locale.todayAriaLabel, "data-tid": DatePickerDataTids.pickerTodayWrapper, className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.todayLinkWrapper(this.theme)] = true, _this$emotion$cx)), onClick: this.handleSelectToday(today), tabIndex: -1 }, this.locale.today + " " + today);};return DatePicker;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.displayName = 'DatePicker', _class2.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
+   * Включает кнопку сегодня в календаре
+   */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
+   * Максимальная дата в календаре.
+   */maxDate: _propTypes.default.string.isRequired, 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 }, _class2.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE }, _class2.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] });}, _temp)) || _class) || _class) || _class);exports.DatePicker = DatePicker;

package/cjs/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","DatePicker","state","opened","input","focused","internalDate","parseValueToDate","props","value","minDate","maxDate","getInputRef","ref","handleFocus","setState","onFocus","handleBlur","close","onBlur","handlePick","dateShape","handleSelect","blur","date","month","year","InternalDateTransformer","dateToInternalString","onValueChange","isHoliday","isWeekend","dateString","componentDidMount","focus","UNSAFE_componentWillReceiveProps","nextProps","render","picker","toNativeFormat","menuAlign","undefined","enableTodayLink","jsStyles","root","width","onMouseEnter","onMouseLeave","onMouseOver","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","defaultProps","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { InternalDate } from '../../lib/date/InternalDate';\r\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\r\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\r\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CalendarDateShape } from '../../internal/Calendar';\r\nimport { DateInput } from '../DateInput';\r\nimport { DropdownContainer } from '../../internal/DropdownContainer';\r\nimport { filterProps } from '../../lib/filterProps';\r\n\r\nimport { Picker } from './Picker';\r\nimport { jsStyles } from './DatePicker.styles';\r\n\r\nconst INPUT_PASS_PROPS = {\r\n  autoFocus: true,\r\n  disabled: true,\r\n  warning: true,\r\n  error: true,\r\n  size: true,\r\n  onKeyDown: true,\r\n};\r\n\r\nexport interface DatePickerProps<T> {\r\n  autoFocus?: boolean;\r\n  disabled?: boolean;\r\n  enableTodayLink?: boolean;\r\n  error?: boolean;\r\n  minDate: T;\r\n  maxDate: T;\r\n  menuAlign?: 'left' | 'right';\r\n  size?: 'small' | 'medium' | 'large';\r\n  value?: T | null;\r\n  warning?: boolean;\r\n  width: number | string;\r\n  onBlur?: () => void;\r\n  /**\r\n   * Вызывается при изменении `value`\r\n   *\r\n   * @param value - строка в формате `dd.mm.yyyy`.\r\n   */\r\n  onValueChange: (value: T) => void;\r\n  onFocus?: () => void;\r\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\r\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\r\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\r\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\r\n\r\n  /**\r\n   * Функция для определения праздничных дней\r\n   * @default (_day, isWeekend) => isWeekend\r\n   * @param {T} day - строка в формате `dd.mm.yyyy`\r\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\r\n   *\r\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\r\n   */\r\n  isHoliday: (day: T, isWeekend: boolean) => boolean;\r\n}\r\n\r\nexport interface DatePickerState {\r\n  opened: boolean;\r\n}\r\n\r\ntype DatePickerValue = string;\r\n\r\nexport class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {\r\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\r\n\r\n  public static propTypes = {\r\n    autoFocus: PropTypes.bool,\r\n\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Включает кнопку сегодня в календаре\r\n     */\r\n    enableTodayLink: PropTypes.bool,\r\n\r\n    error: PropTypes.bool,\r\n\r\n    /**\r\n     * Максимальная дата в календаре.\r\n     */\r\n    maxDate: PropTypes.string.isRequired,\r\n\r\n    menuAlign: PropTypes.oneOf(['left', 'right'] as Array<'left' | 'right'>),\r\n\r\n    /**\r\n     * Минимальная дата в календаре.\r\n     */\r\n    minDate: PropTypes.string.isRequired,\r\n\r\n    /**\r\n     * Строка формата `dd.mm.yyyy`\r\n     */\r\n    value: PropTypes.string,\r\n\r\n    warning: PropTypes.bool,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\r\n\r\n    onBlur: PropTypes.func,\r\n\r\n    onValueChange: PropTypes.func.isRequired,\r\n\r\n    onFocus: PropTypes.func,\r\n\r\n    onKeyDown: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n\r\n    isHoliday: PropTypes.func.isRequired,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    width: 120,\r\n    minDate: MIN_FULLDATE,\r\n    maxDate: MAX_FULLDATE,\r\n    isHoliday: (_day: DatePickerValue, isWeekend: boolean) => isWeekend,\r\n  };\r\n\r\n  public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\r\n    if (!value) {\r\n      return false;\r\n    }\r\n\r\n    const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\r\n    const internalDate = new InternalDate({\r\n      order: InternalDateOrder.DMY,\r\n      separator: InternalDateSeparator.Dot,\r\n    })\r\n      .setRangeStart(new InternalDate({ value: minDate }))\r\n      .setRangeEnd(new InternalDate({ value: maxDate }))\r\n      .parseValue(value);\r\n\r\n    return internalDate.validate({\r\n      checks: [\r\n        InternalDateValidateCheck.NotNull,\r\n        InternalDateValidateCheck.Number,\r\n        InternalDateValidateCheck.Native,\r\n        InternalDateValidateCheck.Limits,\r\n        InternalDateValidateCheck.Range,\r\n      ],\r\n    });\r\n  };\r\n\r\n  public state: DatePickerState = { opened: false };\r\n\r\n  private input: DateInput | null = null;\r\n  private focused = false;\r\n  private internalDate?: InternalDate = this.parseValueToDate(this.props.value);\r\n  private minDate?: InternalDate = this.parseValueToDate(this.props.minDate);\r\n  private maxDate?: InternalDate = this.parseValueToDate(this.props.maxDate);\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>) {\r\n    const { disabled } = nextProps;\r\n    const { opened } = this.state;\r\n    if (disabled && opened) {\r\n      this.close();\r\n    }\r\n    this.internalDate = this.parseValueToDate(nextProps.value);\r\n    this.minDate = this.parseValueToDate(nextProps.minDate);\r\n    this.maxDate = this.parseValueToDate(nextProps.maxDate);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.input) {\r\n      this.input.blur();\r\n    }\r\n    this.handleBlur();\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n    this.handleFocus();\r\n  }\r\n\r\n  /**\r\n   * Закрывает выпадашку выбора дня\r\n   * @public\r\n   */\r\n  public close() {\r\n    this.setState({ opened: false });\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    let picker = null;\r\n    const date = this.internalDate ? this.internalDate.toNativeFormat() : null;\r\n    if (this.state.opened) {\r\n      picker = (\r\n        <DropdownContainer getParent={() => findDOMNode(this)} offsetY={2} align={this.props.menuAlign}>\r\n          <Picker\r\n            value={date}\r\n            minDate={(this.minDate && this.minDate.toNativeFormat()) || undefined}\r\n            maxDate={(this.maxDate && this.maxDate.toNativeFormat()) || undefined}\r\n            onPick={this.handlePick}\r\n            onSelect={this.handleSelect}\r\n            enableTodayLink={this.props.enableTodayLink}\r\n            isHoliday={this.isHoliday}\r\n          />\r\n        </DropdownContainer>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <label\r\n        className={jsStyles.root()}\r\n        style={{ width: this.props.width }}\r\n        onMouseEnter={this.props.onMouseEnter}\r\n        onMouseLeave={this.props.onMouseLeave}\r\n        onMouseOver={this.props.onMouseOver}\r\n      >\r\n        <DateInput\r\n          {...filterProps(this.props, INPUT_PASS_PROPS)}\r\n          ref={this.getInputRef}\r\n          value={this.props.value || ''}\r\n          width=\"100%\"\r\n          withIcon\r\n          minDate={this.props.minDate}\r\n          maxDate={this.props.maxDate}\r\n          onBlur={this.handleBlur}\r\n          onFocus={this.handleFocus}\r\n          onValueChange={this.props.onValueChange}\r\n        />\r\n        {picker}\r\n      </label>\r\n    );\r\n  }\r\n\r\n  private getInputRef = (ref: DateInput | null) => {\r\n    this.input = ref;\r\n  };\r\n\r\n  private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\r\n    if (value === undefined || value === null) {\r\n      return undefined;\r\n    }\r\n    const date = new InternalDate({ value });\r\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\r\n      return date;\r\n    }\r\n    return undefined;\r\n  }\r\n\r\n  private handleFocus = () => {\r\n    if (this.focused) {\r\n      return;\r\n    }\r\n\r\n    this.focused = true;\r\n\r\n    this.setState({ opened: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus();\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (!this.focused) {\r\n      return;\r\n    }\r\n\r\n    this.focused = false;\r\n    this.close();\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur();\r\n    }\r\n  };\r\n\r\n  private handlePick = (dateShape: CalendarDateShape) => {\r\n    this.handleSelect(dateShape);\r\n    this.blur();\r\n  };\r\n\r\n  private handleSelect = ({ date, month, year }: CalendarDateShape) => {\r\n    const value = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(value);\r\n    }\r\n  };\r\n\r\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\r\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\r\n    return this.props.isHoliday(dateString, isWeekend);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","DatePickerLocaleHelper","responsiveLayout","rootNode","getProps","defaultProps","calendar","state","opened","canUseMobileNativeDatePicker","today","focused","renderMain","props","picker","minDate","maxDate","styles","emotion","isMobile","isMobileLayout","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","handleBlur","renderDay","onMonthChange","locale","Calendar","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","menuPos","getParent","parseInt","theme","datePickerMenuOffsetY","menuAlign","calendarWrapper","e","preventDefault","c","handleValueChange","renderTodayLink","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","undefined","handleFocus","handleSelectToday","handleSelect","month","year","scrollToMonth","width","minWidth","ref","setState","onFocus","close","onBlur","blur","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","render","ThemeFactory","create","calendarBottomSeparatorBorder","setRootNode","date","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","toString","withPad","order","separator","setComponents","InternalDateGetter","getTodayComponents","withSeparator","margin","todayAriaLabel","cx","todayLinkWrapper","React","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","MIN_FULLDATE","MAX_FULLDATE","range","internalDate","InternalDateOrder","DMY","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { LocaleContext } from '../../lib/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isNonNullable } from '../../lib/utils';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Calendar, CalendarDateShape, CalendarProps } from '../Calendar';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Button } from '../Button';\nimport { getTodayDate } from '../Calendar/CalendarUtils';\nimport { SizeProp } from '../../lib/types/props';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './DatePicker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\nimport { MobilePicker } from './MobilePicker';\n\nconst INPUT_PASS_PROPS = {\n  autoFocus: true,\n  disabled: true,\n  warning: true,\n  error: true,\n  size: true,\n  onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps\n  extends Pick<DropdownContainerProps, 'menuPos'>,\n    Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n    CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  /**\n   * Отвечает за отображение кнопки \"Сегодня\".\n   */\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  menuAlign?: 'left' | 'right';\n  size?: SizeProp;\n  value?: string | null;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: number | string;\n  onBlur?: () => void;\n  /**\n   * Вызывается при изменении `value`\n   *\n   * @param value - строка в формате `dd.mm.yyyy`.\n   */\n  onValueChange: (value: string) => void;\n  onFocus?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\n  /**\n   * Использовать на мобильных устройствах нативный календарь для выбора дат.\n   *\n   * - На iOS нативный календарь не умеет работать с minDate и maxDate\n   */\n  useMobileNativeDatePicker?: boolean;\n}\n\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n  today: CalendarDateShape;\n}\n\nexport const DatePickerDataTids = {\n  root: 'DatePicker__root',\n  input: 'DatePicker__input',\n  label: 'DatePicker__label',\n  pickerRoot: 'Picker__root',\n  pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;\n\n@responsiveLayout\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = 'DatePicker';\n  public static displayName = 'DatePicker';\n\n  public static propTypes = {\n    autoFocus: PropTypes.bool,\n\n    disabled: PropTypes.bool,\n\n    /**\n     * Включает кнопку сегодня в календаре\n     */\n    enableTodayLink: PropTypes.bool,\n\n    error: PropTypes.bool,\n\n    /**\n     * Максимальная дата в календаре.\n     */\n    maxDate: PropTypes.string.isRequired,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    /**\n     * Минимальная дата в календаре.\n     */\n    minDate: PropTypes.string.isRequired,\n\n    /**\n     * Строка формата `dd.mm.yyyy`\n     */\n    value: PropTypes.string,\n\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    onBlur: PropTypes.func,\n\n    onValueChange: PropTypes.func.isRequired,\n\n    onFocus: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    isHoliday: PropTypes.func,\n\n    renderDay: PropTypes.func,\n\n    onMonthChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n  };\n\n  private getProps = createPropsGetter(DatePicker.defaultProps);\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private calendar: Calendar | null = null;\n  private readonly locale!: DatePickerLocale;\n\n  public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\n    if (!value) {\n      return false;\n    }\n\n    const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n    const internalDate = new InternalDate({\n      order: InternalDateOrder.DMY,\n      separator: InternalDateSeparator.Dot,\n    })\n      .setRangeStart(new InternalDate({ value: minDate }))\n      .setRangeEnd(new InternalDate({ value: maxDate }))\n      .parseValue(value);\n\n    return internalDate.validate({\n      checks: [\n        InternalDateValidateCheck.NotNull,\n        InternalDateValidateCheck.Number,\n        InternalDateValidateCheck.Native,\n        InternalDateValidateCheck.Limits,\n        InternalDateValidateCheck.Range,\n      ],\n    });\n  };\n\n  public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false, today: getTodayDate() };\n\n  private input: DateInput | null = null;\n  private focused = false;\n  private setRootNode!: TSetRootNode;\n  private isMobileLayout!: boolean;\n\n  public componentDidMount() {\n    if (this.props.useMobileNativeDatePicker && isMobile) {\n      this.setState({\n        canUseMobileNativeDatePicker: true,\n      });\n    }\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate() {\n    const { disabled } = this.props;\n    const { opened } = this.state;\n    if (disabled && opened) {\n      this.close();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.input) {\n      this.input.blur();\n    }\n    this.handleBlur();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.focus();\n    }\n    this.handleFocus();\n  }\n\n  /**\n   * Закрывает выпадашку выбора дня\n   * @public\n   */\n  public close() {\n    this.setState({ opened: false });\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n\n                return (\n                  <ThemeContext.Provider value={ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme)}>\n                    <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                      {this.renderMain}\n                    </CommonWrapper>\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps>) => {\n    let picker = null;\n\n    const { minDate, maxDate } = this.getProps();\n    const styles = getStyles(this.emotion);\n\n    const isMobile = this.isMobileLayout;\n\n    if (this.state.opened) {\n      if (isMobile) {\n        picker = (\n          <MobilePicker\n            value={this.props.value}\n            minDate={this.parseValueToDate(minDate)}\n            maxDate={this.parseValueToDate(maxDate)}\n            onValueChange={this.props.onValueChange}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.props.isHoliday}\n            onCloseRequest={this.handleBlur}\n            renderDay={props.renderDay}\n            onMonthChange={props.onMonthChange}\n          />\n        );\n      } else {\n        picker = (\n          <LocaleContext.Provider\n            value={{\n              locale: {\n                Calendar: {\n                  months: this.locale.months,\n                  dayCellChooseDateAriaLabel: this.locale.dayCellChooseDateAriaLabel,\n                  selectMonthAriaLabel: this.locale.selectMonthAriaLabel,\n                  selectYearAriaLabel: this.locale.selectYearAriaLabel,\n                  selectChosenAriaLabel: this.locale.selectChosenAriaLabel,\n                },\n              },\n            }}\n          >\n            <DropdownContainer\n              menuPos={this.props.menuPos}\n              data-tid={DatePickerDataTids.root}\n              getParent={this.getParent}\n              offsetY={parseInt(this.theme.datePickerMenuOffsetY)}\n              align={this.props.menuAlign}\n            >\n              <div\n                data-tid={DatePickerDataTids.pickerRoot}\n                className={styles.calendarWrapper(this.theme)}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                <Calendar\n                  ref={(c) => (this.calendar = c)}\n                  maxDate={this.parseValueToDate(maxDate)}\n                  minDate={this.parseValueToDate(minDate)}\n                  onValueChange={this.handleValueChange}\n                  isHoliday={this.props.isHoliday}\n                  value={this.parseValueToDate(this.props.value)}\n                  renderDay={this.props.renderDay}\n                  onMonthChange={this.props.onMonthChange}\n                />\n                {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n              </div>\n            </DropdownContainer>\n          </LocaleContext.Provider>\n        );\n      }\n    }\n    return (\n      <label\n        className={styles.root()}\n        style={this.getRootStyle()}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n        data-tid={DatePickerDataTids.label}\n      >\n        <DateInput\n          {...filterProps(props, INPUT_PASS_PROPS)}\n          ref={this.getInputRef}\n          value={this.props.value || ''}\n          width=\"100%\"\n          withIcon\n          minDate={minDate}\n          maxDate={maxDate}\n          onBlur={isMobile ? undefined : this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n          data-tid={DatePickerDataTids.input}\n        />\n        {this.state.canUseMobileNativeDatePicker ? (\n          <NativeDateInput\n            onValueChange={this.props.onValueChange}\n            value={this.props.value || ''}\n            minDate={minDate}\n            maxDate={maxDate}\n            disabled={this.props.disabled}\n          />\n        ) : (\n          picker\n        )}\n      </label>\n    );\n  };\n  private parseValueToDate(value?: Nullable<string>): string | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date.toString({ withPad: true });\n    }\n\n    return undefined;\n  }\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator })\n      .setComponents(InternalDateGetter.getTodayComponents())\n      .toString({ withPad: true, withSeparator: true });\n\n    if (isTheme2022(this.theme)) {\n      return (\n        <div style={{ margin: 8 }}>\n          <Button\n            aria-label={this.locale.todayAriaLabel}\n            data-tid={DatePickerDataTids.pickerTodayWrapper}\n            width=\"100%\"\n            onClick={this.handleSelectToday(today)}\n            icon={<ArrowAUpIcon16Light />}\n          >\n            {this.locale.today}\n          </Button>\n        </div>\n      );\n    }\n    const styles = getStyles(this.emotion);\n\n    return (\n      <button\n        aria-label={this.locale.todayAriaLabel}\n        data-tid={DatePickerDataTids.pickerTodayWrapper}\n        className={this.emotion.cx({\n          [styles.todayLinkWrapper(this.theme)]: true,\n        })}\n        onClick={this.handleSelectToday(today)}\n        tabIndex={-1}\n      >\n        {`${this.locale.today} ${today}`}\n      </button>\n    );\n  }\n\n  private handleSelectToday = (today: string) => () => {\n    this.handleSelect(today);\n\n    if (this.calendar) {\n      const { month, year } = this.state.today;\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  public getParent = () => {\n    return getRootNode(this);\n  };\n\n  private getRootStyle = () => {\n    const { width } = this.props;\n    return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n  };\n\n  private getInputRef = (ref: DateInput | null) => {\n    this.input = ref;\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n\n    this.setState({ opened: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      return;\n    }\n\n    this.focused = false;\n    this.close();\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handleValueChange = (value: string) => {\n    this.handleSelect(value);\n    this.blur();\n  };\n\n  private handleSelect = (value: string | null) => {\n    if (!value) {\n      return null;\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n}\n"]}