@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/components/DatePicker/DatePicker/DatePicker.js

@@ -1,17 +1,36 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _dec, _class, _class2, _temp;
+
 import PropTypes from 'prop-types';
 import React from 'react';
-import { findDOMNode } from 'react-dom';
+import { LocaleContext } from "../../../lib/locale";
+import { locale } from "../../../lib/locale/decorators";
+import { InternalDateGetter } from "../../../lib/date/InternalDateGetter";
+import { ArrowAUpIcon16Light } from "../../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { InternalDate } from "../../../lib/date/InternalDate";
-import { InternalDateTransformer } from "../../../lib/date/InternalDateTransformer";
 import { MAX_FULLDATE, MIN_FULLDATE } from "../../../lib/date/constants";
 import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from "../../../lib/date/types";
 import { DateInput } from "../../DateInput";
 import { DropdownContainer } from "../../../internal/DropdownContainer";
 import { filterProps } from "../../../lib/filterProps";
-import { Picker } from "../Picker";
-import { jsStyles } from "../DatePicker.styles";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { isMobile } from "../../../lib/client";
+import { NativeDateInput } from "../../../internal/NativeDateInput";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { isNonNullable } from "../../../lib/utils";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { Calendar } from "../../Calendar";
+import { Button } from "../../Button";
+import { getTodayDate } from "../../Calendar/CalendarUtils";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { getStyles } from "../DatePicker.styles";
+import { DatePickerLocaleHelper } from "../locale";
 var INPUT_PASS_PROPS = {
   autoFocus: true,
   disabled: true,
@@ -20,10 +39,16 @@ var INPUT_PASS_PROPS = {
   size: true,
   onKeyDown: true
 };
-export var DatePicker =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(DatePicker, _React$Component);
+export var MIN_WIDTH = 120;
+export var DatePickerDataTids = {
+  root: 'DatePicker__root',
+  input: 'DatePicker__input',
+  label: 'DatePicker__label',
+  pickerRoot: 'Picker__root',
+  pickerTodayWrapper: 'Picker__todayWrapper'
+};
+export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), rootNode(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(DatePicker, _React$PureComponent);
 
   function DatePicker() {
     var _this;
@@ -32,15 +57,116 @@ function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(DatePicker.defaultProps);
+    _this.calendar = null;
     _this.state = {
-      opened: false
+      opened: false,
+      canUseMobileNativeDatePicker: false,
+      today: 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.renderMain = function (props) {
+      var picker = null;
+
+      var _this$getProps = _this.getProps(),
+          minDate = _this$getProps.minDate,
+          maxDate = _this$getProps.maxDate;
+
+      var styles = getStyles(_this.emotion);
+
+      if (_this.state.opened) {
+        picker = /*#__PURE__*/React.createElement(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.createElement(DropdownContainer, {
+          menuPos: _this.props.menuPos,
+          "data-tid": DatePickerDataTids.root,
+          getParent: _this.getParent,
+          offsetY: parseInt(_this.theme.datePickerMenuOffsetY),
+          align: _this.props.menuAlign
+        }, /*#__PURE__*/React.createElement("div", {
+          "data-tid": DatePickerDataTids.pickerRoot,
+          className: styles.calendarWrapper(_this.theme),
+          onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          }
+        }, /*#__PURE__*/React.createElement(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)
+        }), _this.props.enableTodayLink && _this.renderTodayLink(), ' ')));
+      }
+
+      return /*#__PURE__*/React.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.createElement(DateInput, _extends({}, filterProps(props, INPUT_PASS_PROPS), {
+        ref: _this.getInputRef,
+        value: _this.props.value || '',
+        width: "100%",
+        withIcon: true,
+        minDate: minDate,
+        maxDate: maxDate,
+        onBlur: _this.handleBlur,
+        onFocus: _this.handleFocus,
+        onValueChange: _this.props.onValueChange,
+        "data-tid": DatePickerDataTids.input
+      })), _this.state.canUseMobileNativeDatePicker && /*#__PURE__*/React.createElement(NativeDateInput, {
+        onValueChange: _this.props.onValueChange,
+        value: _this.props.value || '',
+        minDate: minDate,
+        maxDate: maxDate,
+        disabled: _this.props.disabled
+      }), !_this.state.canUseMobileNativeDatePicker && picker);
+    };
+
+    _this.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 getRootNode(_assertThisInitialized(_this));
+    };
+
+    _this.getRootStyle = function () {
+      var width = _this.props.width;
+      return isNonNullable(width) ? {
+        width: width
+      } : {
+        minWidth: MIN_WIDTH
+      };
+    };
 
     _this.getInputRef = function (ref) {
       _this.input = ref;
@@ -76,66 +202,50 @@ function (_React$Component) {
       }
     };
 
-    _this.handlePick = function (dateShape) {
-      _this.handleSelect(dateShape);
+    _this.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.dateToInternalString({
-        date: date,
-        month: month + 1,
-        year: year
-      });
+    _this.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.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.useMobileNativeDatePicker && isMobile) {
+      this.setState({
+        canUseMobileNativeDatePicker: true
+      });
+    }
+
     if (this.props.autoFocus) {
       this.focus();
     }
   };
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    var disabled = nextProps.disabled;
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    var disabled = this.props.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
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.blur = function blur() {
@@ -145,9 +255,9 @@ function (_React$Component) {
 
     this.handleBlur();
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.focus = function focus() {
@@ -161,10 +271,10 @@ function (_React$Component) {
 
     this.handleFocus();
   }
-  /**
-   * Закрывает выпадашку выбора дня
-   * @public
-   */
+  /**
+  * Закрывает выпадашку выбора дня
+  * @public
+  */
   ;
 
   _proto.close = function close() {
@@ -176,46 +286,19 @@ function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    var picker = null;
-    var date = this.internalDate ? this.internalDate.toNativeFormat() : null;
-
-    if (this.state.opened) {
-      picker = React.createElement(DropdownContainer, {
-        getParent: function getParent() {
-          return findDOMNode(_this2);
-        },
-        offsetY: 2,
-        align: this.props.menuAlign
-      }, React.createElement(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.createElement("label", {
-      className: jsStyles.root(),
-      style: {
-        width: this.props.width
-      },
-      onMouseEnter: this.props.onMouseEnter,
-      onMouseLeave: this.props.onMouseLeave,
-      onMouseOver: this.props.onMouseOver
-    }, React.createElement(DateInput, _extends({}, 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);
+    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      _this2.emotion = emotion;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+          value: ThemeFactory.create({
+            calendarBottomSeparatorBorder: 'none'
+          }, theme)
+        }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this2.setRootNode
+        }, _this2.props), _this2.renderMain));
+      });
+    });
   };
 
   _proto.parseValueToDate = function parseValueToDate(value) {
@@ -230,42 +313,80 @@ function (_React$Component) {
     if (date.validate({
       checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native]
     })) {
-      return date;
+      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({
+      order: order,
+      separator: separator
+    }).setComponents(InternalDateGetter.getTodayComponents()).toString({
+      withPad: true,
+      withSeparator: true
+    });
+
+    if (isTheme2022(this.theme)) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          margin: 8
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        "aria-label": this.locale.todayAriaLabel,
+        "data-tid": DatePickerDataTids.pickerTodayWrapper,
+        width: "100%",
+        onClick: this.handleSelectToday(today),
+        icon: /*#__PURE__*/React.createElement(ArrowAUpIcon16Light, null)
+      }, this.locale.today));
+    }
+
+    var styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.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.Component);
-DatePicker.__KONTUR_REACT_UI__ = 'DatePicker';
-DatePicker.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.displayName = 'DatePicker', _class2.propTypes = {
   autoFocus: PropTypes.bool,
   disabled: PropTypes.bool,
 
-  /**
-   * Включает кнопку сегодня в календаре
-   */
+  /**
+  * Включает кнопку сегодня в календаре
+  */
   enableTodayLink: PropTypes.bool,
   error: PropTypes.bool,
 
-  /**
-   * Максимальная дата в календаре.
-   */
+  /**
+  * Максимальная дата в календаре.
+  */
   maxDate: PropTypes.string.isRequired,
   menuAlign: PropTypes.oneOf(['left', 'right']),
 
-  /**
-   * Минимальная дата в календаре.
-   */
+  /**
+  * Минимальная дата в календаре.
+  */
   minDate: PropTypes.string.isRequired,
 
-  /**
-   * Строка формата `dd.mm.yyyy`
-   */
+  /**
+  * Строка формата `dd.mm.yyyy`
+  */
   value: PropTypes.string,
   warning: PropTypes.bool,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   onBlur: PropTypes.func,
   onValueChange: PropTypes.func.isRequired,
   onFocus: PropTypes.func,
@@ -273,18 +394,11 @@ DatePicker.propTypes = {
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func,
-  isHoliday: PropTypes.func.isRequired
-};
-DatePicker.defaultProps = {
-  width: 120,
+  isHoliday: PropTypes.func
+}, _class2.defaultProps = {
   minDate: MIN_FULLDATE,
-  maxDate: MAX_FULLDATE,
-  isHoliday: function isHoliday(_day, isWeekend) {
-    return isWeekend;
-  }
-};
-
-DatePicker.validate = function (value, range) {
+  maxDate: MAX_FULLDATE
+}, _class2.validate = function (value, range) {
   if (range === void 0) {
     range = {};
   }
@@ -309,4 +423,4 @@ DatePicker.validate = function (value, range) {
   return internalDate.validate({
     checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Number, InternalDateValidateCheck.Native, InternalDateValidateCheck.Limits, InternalDateValidateCheck.Range]
   });
-};
+}, _temp)) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.tsx"],"names":["PropTypes","React","findDOMNode","InternalDate","InternalDateTransformer","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","DropdownContainer","filterProps","Picker","jsStyles","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","dateToInternalString","onValueChange","isHoliday","isWeekend","dateString","componentDidMount","focus","UNSAFE_componentWillReceiveProps","nextProps","render","picker","toNativeFormat","menuAlign","undefined","enableTodayLink","root","width","onMouseEnter","onMouseLeave","onMouseOver","validate","checks","NotNull","Native","Component","__KONTUR_REACT_UI__","propTypes","bool","string","isRequired","oneOf","oneOfType","number","func","defaultProps","_day","range","order","DMY","separator","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":["PropTypes","React","LocaleContext","locale","InternalDateGetter","ArrowAUpIcon16Light","isTheme2022","ThemeFactory","InternalDate","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","DropdownContainer","filterProps","CommonWrapper","isMobile","NativeDateInput","getRootNode","rootNode","isNonNullable","createPropsGetter","Calendar","Button","getTodayDate","ThemeContext","EmotionConsumer","getStyles","DatePickerLocaleHelper","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","getProps","defaultProps","calendar","state","opened","canUseMobileNativeDatePicker","today","focused","renderMain","props","picker","minDate","maxDate","styles","emotion","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","menuPos","getParent","parseInt","theme","datePickerMenuOffsetY","menuAlign","calendarWrapper","e","preventDefault","c","parseValueToDate","handleValueChange","isHoliday","value","enableTodayLink","renderTodayLink","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","handleSelectToday","handleSelect","month","year","scrollToMonth","width","minWidth","ref","setState","onFocus","close","onBlur","blur","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","render","create","calendarBottomSeparatorBorder","setRootNode","undefined","date","validate","checks","NotNull","Native","toString","withPad","order","separator","setComponents","getTodayComponents","withSeparator","margin","todayAriaLabel","cx","todayLinkWrapper","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","isRequired","oneOf","oneOfType","number","func","range","internalDate","DMY","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"uPAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,kBAAT,QAAmC,mCAAnC;AACA,SAASC,mBAAT,QAAoC,uDAApC;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,6BAA7B;AACA,SAASC,YAAT,EAAuBC,YAAvB,QAA2C,0BAA3C;AACA,SAASC,iBAAT,EAA4BC,qBAA5B,EAAmDC,yBAAnD,QAAoF,sBAApF;;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,iBAAT,QAA0D,kCAA1D;AACA,SAASC,WAAT,QAA4B,uBAA5B;AACA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,QAAT,QAAyB,kBAAzB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,QAAT,QAA2D,aAA3D;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,2BAA7B;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,eAAT,QAAgC,2BAAhC;;AAEA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAA2BC,sBAA3B,QAAyD,UAAzD;;AAEA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,SAAS,EAAE,IADY;AAEvBC,EAAAA,QAAQ,EAAE,IAFa;AAGvBC,EAAAA,OAAO,EAAE,IAHc;AAIvBC,EAAAA,KAAK,EAAE,IAJgB;AAKvBC,EAAAA,IAAI,EAAE,IALiB;AAMvBC,EAAAA,SAAS,EAAE,IANY,EAAzB;;;AASA,OAAO,IAAMC,SAAS,GAAG,GAAlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDP,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B;AAEhCC,EAAAA,KAAK,EAAE,mBAFyB;AAGhCC,EAAAA,KAAK,EAAE,mBAHyB;AAIhCC,EAAAA,UAAU,EAAE,cAJoB;AAKhCC,EAAAA,kBAAkB,EAAE,sBALY,EAA3B;;;;;;;AAYP,WAAaC,UAAb,WADC1C,MAAM,CAAC,YAAD,EAAe2B,sBAAf,CACP,EAFCT,QAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DUyB,IAAAA,QA3DV,GA2DqBvB,iBAAiB,CAACsB,UAAU,CAACE,YAAZ,CA3DtC;;;AA8DUC,IAAAA,QA9DV,GA8DsC,IA9DtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FSC,IAAAA,KA1FT,GA0FkC,EAAEC,MAAM,EAAE,KAAV,EAAiBC,4BAA4B,EAAE,KAA/C,EAAsDC,KAAK,EAAE1B,YAAY,EAAzE,EA1FlC;;AA4FUe,IAAAA,KA5FV,GA4FoC,IA5FpC;AA6FUY,IAAAA,OA7FV,GA6FoB,KA7FpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2KSC,IAAAA,UA3KT,GA2KsB,UAACC,KAAD,EAAoD;AACtE,UAAIC,MAAM,GAAG,IAAb;;AAEA,2BAA6B,MAAKV,QAAL,EAA7B,CAAQW,OAAR,kBAAQA,OAAR,CAAiBC,OAAjB,kBAAiBA,OAAjB;AACA,UAAMC,MAAM,GAAG9B,SAAS,CAAC,MAAK+B,OAAN,CAAxB;;AAEA,UAAI,MAAKX,KAAL,CAAWC,MAAf,EAAuB;AACrBM,QAAAA,MAAM;AACJ,4BAAC,aAAD,CAAe,QAAf;AACE,UAAA,KAAK,EAAE;AACLrD,YAAAA,MAAM,EAAE;AACNqB,cAAAA,QAAQ,EAAE;AACRqC,gBAAAA,MAAM,EAAE,MAAK1D,MAAL,CAAY0D,MADZ;AAERC,gBAAAA,0BAA0B,EAAE,MAAK3D,MAAL,CAAY2D,0BAFhC;AAGRC,gBAAAA,oBAAoB,EAAE,MAAK5D,MAAL,CAAY4D,oBAH1B;AAIRC,gBAAAA,mBAAmB,EAAE,MAAK7D,MAAL,CAAY6D,mBAJzB;AAKRC,gBAAAA,qBAAqB,EAAE,MAAK9D,MAAL,CAAY8D,qBAL3B,EADJ,EADH,EADT;;;;;AAaE,4BAAC,iBAAD;AACE,UAAA,OAAO,EAAE,MAAKV,KAAL,CAAWW,OADtB;AAEE,sBAAU3B,kBAAkB,CAACC,IAF/B;AAGE,UAAA,SAAS,EAAE,MAAK2B,SAHlB;AAIE,UAAA,OAAO,EAAEC,QAAQ,CAAC,MAAKC,KAAL,CAAWC,qBAAZ,CAJnB;AAKE,UAAA,KAAK,EAAE,MAAKf,KAAL,CAAWgB,SALpB;;AAOE;AACE,sBAAUhC,kBAAkB,CAACI,UAD/B;AAEE,UAAA,SAAS,EAAEgB,MAAM,CAACa,eAAP,CAAuB,MAAKH,KAA5B,CAFb;AAGE,UAAA,WAAW,EAAE,qBAACI,CAAD,UAAOA,CAAC,CAACC,cAAF,EAAP,EAHf;;AAKE,4BAAC,QAAD;AACE,UAAA,GAAG,EAAE,aAACC,CAAD,UAAQ,MAAK3B,QAAL,GAAgB2B,CAAxB,EADP;AAEE,UAAA,OAAO,EAAE,MAAKC,gBAAL,CAAsBlB,OAAtB,CAFX;AAGE,UAAA,OAAO,EAAE,MAAKkB,gBAAL,CAAsBnB,OAAtB,CAHX;AAIE,UAAA,aAAa,EAAE,MAAKoB,iBAJtB;AAKE,UAAA,SAAS,EAAE,MAAKtB,KAAL,CAAWuB,SALxB;AAME,UAAA,KAAK,EAAE,MAAKF,gBAAL,CAAsB,MAAKrB,KAAL,CAAWwB,KAAjC,CANT,GALF;;AAaG,cAAKxB,KAAL,CAAWyB,eAAX,IAA8B,MAAKC,eAAL,EAbjC,EAayD,GAbzD,CAPF,CAbF,CADF;;;;;AAuCD;;AAED;AACE;AACE,UAAA,SAAS,EAAEtB,MAAM,CAACnB,IAAP,EADb;AAEE,UAAA,KAAK,EAAE,MAAK0C,YAAL,EAFT;AAGE,UAAA,YAAY,EAAE,MAAK3B,KAAL,CAAW4B,YAH3B;AAIE,UAAA,YAAY,EAAE,MAAK5B,KAAL,CAAW6B,YAJ3B;AAKE,UAAA,WAAW,EAAE,MAAK7B,KAAL,CAAW8B,WAL1B;AAME,sBAAU9C,kBAAkB,CAACG,KAN/B;;AAQE,4BAAC,SAAD;AACM1B,QAAAA,WAAW,CAACuC,KAAD,EAAQxB,gBAAR,CADjB;AAEE,UAAA,GAAG,EAAE,MAAKuD,WAFZ;AAGE,UAAA,KAAK,EAAE,MAAK/B,KAAL,CAAWwB,KAAX,IAAoB,EAH7B;AAIE,UAAA,KAAK,EAAC,MAJR;AAKE,UAAA,QAAQ,MALV;AAME,UAAA,OAAO,EAAEtB,OANX;AAOE,UAAA,OAAO,EAAEC,OAPX;AAQE,UAAA,MAAM,EAAE,MAAK6B,UARf;AASE,UAAA,OAAO,EAAE,MAAKC,WAThB;AAUE,UAAA,aAAa,EAAE,MAAKjC,KAAL,CAAWkC,aAV5B;AAWE,sBAAUlD,kBAAkB,CAACE,KAX/B,IARF;;AAqBG,cAAKQ,KAAL,CAAWE,4BAAX;AACC,4BAAC,eAAD;AACE,UAAA,aAAa,EAAE,MAAKI,KAAL,CAAWkC,aAD5B;AAEE,UAAA,KAAK,EAAE,MAAKlC,KAAL,CAAWwB,KAAX,IAAoB,EAF7B;AAGE,UAAA,OAAO,EAAEtB,OAHX;AAIE,UAAA,OAAO,EAAEC,OAJX;AAKE,UAAA,QAAQ,EAAE,MAAKH,KAAL,CAAWtB,QALvB,GAtBJ;;;AA8BG,SAAC,MAAKgB,KAAL,CAAWE,4BAAZ,IAA4CK,MA9B/C,CADF;;;AAkCD,KA7PH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkTUkC,IAAAA,iBAlTV,GAkT8B,UAACtC,KAAD,UAAmB,YAAM;AACnD,cAAKuC,YAAL,CAAkBvC,KAAlB;;AAEA,YAAI,MAAKJ,QAAT,EAAmB;AACjB,kCAAwB,MAAKC,KAAL,CAAWG,KAAnC,CAAQwC,KAAR,qBAAQA,KAAR,CAAeC,IAAf,qBAAeA,IAAf;AACA,gBAAK7C,QAAL,CAAc8C,aAAd,CAA4BF,KAA5B,EAAmCC,IAAnC;AACD;AACF,OAP2B,EAlT9B;;AA2TS1B,IAAAA,SA3TT,GA2TqB,YAAM;AACvB,aAAO/C,WAAW,+BAAlB;AACD,KA7TH;;AA+TU8D,IAAAA,YA/TV,GA+TyB,YAAM;AAC3B,UAAQa,KAAR,GAAkB,MAAKxC,KAAvB,CAAQwC,KAAR;AACA,aAAOzE,aAAa,CAACyE,KAAD,CAAb,GAAuB,EAAEA,KAAK,EAALA,KAAF,EAAvB,GAAmC,EAAEC,QAAQ,EAAE1D,SAAZ,EAA1C;AACD,KAlUH;;AAoUUgD,IAAAA,WApUV,GAoUwB,UAACW,GAAD,EAA2B;AAC/C,YAAKxD,KAAL,GAAawD,GAAb;AACD,KAtUH;;AAwUUT,IAAAA,WAxUV,GAwUwB,YAAM;AAC1B,UAAI,MAAKnC,OAAT,EAAkB;AAChB;AACD;;AAED,YAAKA,OAAL,GAAe,IAAf;;AAEA,YAAK6C,QAAL,CAAc,EAAEhD,MAAM,EAAE,IAAV,EAAd;;AAEA,UAAI,MAAKK,KAAL,CAAW4C,OAAf,EAAwB;AACtB,cAAK5C,KAAL,CAAW4C,OAAX;AACD;AACF,KApVH;;AAsVUZ,IAAAA,UAtVV,GAsVuB,YAAM;AACzB,UAAI,CAAC,MAAKlC,OAAV,EAAmB;AACjB;AACD;;AAED,YAAKA,OAAL,GAAe,KAAf;AACA,YAAK+C,KAAL;;AAEA,UAAI,MAAK7C,KAAL,CAAW8C,MAAf,EAAuB;AACrB,cAAK9C,KAAL,CAAW8C,MAAX;AACD;AACF,KAjWH;;AAmWUxB,IAAAA,iBAnWV,GAmW8B,UAACE,KAAD,EAAmB;AAC7C,YAAKY,YAAL,CAAkBZ,KAAlB;AACA,YAAKuB,IAAL;AACD,KAtWH;;AAwWUX,IAAAA,YAxWV,GAwWyB,UAACZ,KAAD,EAA0B;AAC/C,UAAI,CAACA,KAAL,EAAY;AACV,eAAO,IAAP;AACD;;AAED,UAAI,MAAKxB,KAAL,CAAWkC,aAAf,EAA8B;AAC5B,cAAKlC,KAAL,CAAWkC,aAAX,CAAyBV,KAAzB;AACD;AACF,KAhXH,wDAgGSwB,iBAhGT,GAgGE,6BAA2B,CACzB,IAAI,KAAKhD,KAAL,CAAWiD,yBAAX,IAAwCtF,QAA5C,EAAsD,CACpD,KAAKgF,QAAL,CAAc,EACZ/C,4BAA4B,EAAE,IADlB,EAAd,EAGD,CACD,IAAI,KAAKI,KAAL,CAAWvB,SAAf,EAA0B,CACxB,KAAKyE,KAAL,GACD,CACF,CAzGH,QA2GSC,kBA3GT,GA2GE,8BAA4B,CAC1B,IAAQzE,QAAR,GAAqB,KAAKsB,KAA1B,CAAQtB,QAAR,CACA,IAAQiB,MAAR,GAAmB,KAAKD,KAAxB,CAAQC,MAAR,CACA,IAAIjB,QAAQ,IAAIiB,MAAhB,EAAwB,CACtB,KAAKkD,KAAL,GACD,CACF,CAjHH,CAmHE;AACF;AACA,KArHA,QAsHSE,IAtHT,GAsHE,gBAAc,CACZ,IAAI,KAAK7D,KAAT,EAAgB,CACd,KAAKA,KAAL,CAAW6D,IAAX,GACD,CACD,KAAKf,UAAL,GACD,CA3HH,CA6HE;AACF;AACA,KA/HA,QAgISkB,KAhIT,GAgIE,iBAAe,CACb,IAAI,KAAKlD,KAAL,CAAWtB,QAAf,EAAyB,CACvB,OACD,CACD,IAAI,KAAKQ,KAAT,EAAgB,CACd,KAAKA,KAAL,CAAWgE,KAAX,GACD,CACD,KAAKjB,WAAL,GACD,CAxIH,CA0IE;AACF;AACA;AACA,KA7IA,QA8ISY,KA9IT,GA8IE,iBAAe,CACb,KAAKF,QAAL,CAAc,EAAEhD,MAAM,EAAE,KAAV,EAAd,EACD,CAhJH,QAkJSyD,MAlJT,GAkJE,kBAAgB,mBACd,oBACE,oBAAC,eAAD,QACG,UAAC/C,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACS,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CAEA,oBACE,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAE9D,YAAY,CAACqG,MAAb,CAAoB,EAAEC,6BAA6B,EAAE,MAAjC,EAApB,EAA+DxC,KAA/D,CAA9B,iBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACyC,WAAjC,IAAkD,MAAI,CAACvD,KAAvD,GACG,MAAI,CAACD,UADR,CADF,CADF,CAOD,CAXH,CADF,CAeD,CAlBH,CADF,CAsBD,CAzKH,QA+PUsB,gBA/PV,GA+PE,0BAAyBG,KAAzB,EAAuE,CACrE,IAAIA,KAAK,KAAKgC,SAAV,IAAuBhC,KAAK,KAAK,IAArC,EAA2C,CACzC,OAAOgC,SAAP,CACD,CAED,IAAMC,IAAI,GAAG,IAAIxG,YAAJ,CAAiB,EAAEuE,KAAK,EAALA,KAAF,EAAjB,CAAb,CACA,IAAIiC,IAAI,CAACC,QAAL,CAAc,EAAEC,MAAM,EAAE,CAACrG,yBAAyB,CAACsG,OAA3B,EAAoCtG,yBAAyB,CAACuG,MAA9D,CAAV,EAAd,CAAJ,EAAsG,CACpG,OAAOJ,IAAI,CAACK,QAAL,CAAc,EAAEC,OAAO,EAAE,IAAX,EAAd,CAAP,CACD,CAED,OAAOP,SAAP,CACD,CA1QH,QA4QU9B,eA5QV,GA4QE,2BAA0B,sBACxB,mBAA6B,KAAK9E,MAAlC,CAAQoH,KAAR,gBAAQA,KAAR,CAAeC,SAAf,gBAAeA,SAAf,CACA,IAAMpE,KAAK,GAAG,IAAI5C,YAAJ,CAAiB,EAAE+G,KAAK,EAALA,KAAF,EAASC,SAAS,EAATA,SAAT,EAAjB,EACXC,aADW,CACGrH,kBAAkB,CAACsH,kBAAnB,EADH,EAEXL,QAFW,CAEF,EAAEC,OAAO,EAAE,IAAX,EAAiBK,aAAa,EAAE,IAAhC,EAFE,CAAd,CAIA,IAAIrH,WAAW,CAAC,KAAK+D,KAAN,CAAf,EAA6B,CAC3B,oBACE,6BAAK,KAAK,EAAE,EAAEuD,MAAM,EAAE,CAAV,EAAZ,iBACE,oBAAC,MAAD,IACE,cAAY,KAAKzH,MAAL,CAAY0H,cAD1B,EAEE,YAAUtF,kBAAkB,CAACK,kBAF/B,EAGE,KAAK,EAAC,MAHR,EAIE,OAAO,EAAE,KAAK8C,iBAAL,CAAuBtC,KAAvB,CAJX,EAKE,IAAI,eAAE,oBAAC,mBAAD,OALR,IAOG,KAAKjD,MAAL,CAAYiD,KAPf,CADF,CADF,CAaD,CACD,IAAMO,MAAM,GAAG9B,SAAS,CAAC,KAAK+B,OAAN,CAAxB,CAEA,oBACE,gCACE,cAAY,KAAKzD,MAAL,CAAY0H,cAD1B,EAEE,YAAUtF,kBAAkB,CAACK,kBAF/B,EAGE,SAAS,EAAE,KAAKgB,OAAL,CAAakE,EAAb,0CACRnE,MAAM,CAACoE,gBAAP,CAAwB,KAAK1D,KAA7B,CADQ,IAC8B,IAD9B,oBAHb,EAME,OAAO,EAAE,KAAKqB,iBAAL,CAAuBtC,KAAvB,CANX,EAOE,QAAQ,EAAE,CAAC,CAPb,IASM,KAAKjD,MAAL,CAAYiD,KATlB,SAS2BA,KAT3B,CADF,CAaD,CAhTH,qBAAgCnD,KAAK,CAAC+H,aAAtC,WACgBC,mBADhB,GACsC,YADtC,UAEgBC,WAFhB,GAE8B,YAF9B,UAIgBC,SAJhB,GAI4B,EACxBnG,SAAS,EAAEhC,SAAS,CAACoI,IADG,EAGxBnG,QAAQ,EAAEjC,SAAS,CAACoI,IAHI,EAKxB;AACJ;AACA,KACIpD,eAAe,EAAEhF,SAAS,CAACoI,IARH,EAUxBjG,KAAK,EAAEnC,SAAS,CAACoI,IAVO,EAYxB;AACJ;AACA,KACI1E,OAAO,EAAE1D,SAAS,CAACqI,MAAV,CAAiBC,UAfF,EAiBxB/D,SAAS,EAAEvE,SAAS,CAACuI,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAjBa,EAmBxB;AACJ;AACA,KACI9E,OAAO,EAAEzD,SAAS,CAACqI,MAAV,CAAiBC,UAtBF,EAwBxB;AACJ;AACA,KACIvD,KAAK,EAAE/E,SAAS,CAACqI,MA3BO,EA6BxBnG,OAAO,EAAElC,SAAS,CAACoI,IA7BK,EA+BxBrC,KAAK,EAAE/F,SAAS,CAACwI,SAAV,CAAoB,CAACxI,SAAS,CAACyI,MAAX,EAAmBzI,SAAS,CAACqI,MAA7B,CAApB,CA/BiB,EAiCxBhC,MAAM,EAAErG,SAAS,CAAC0I,IAjCM,EAmCxBjD,aAAa,EAAEzF,SAAS,CAAC0I,IAAV,CAAeJ,UAnCN,EAqCxBnC,OAAO,EAAEnG,SAAS,CAAC0I,IArCK,EAuCxBrG,SAAS,EAAErC,SAAS,CAAC0I,IAvCG,EAyCxBvD,YAAY,EAAEnF,SAAS,CAAC0I,IAzCA,EA2CxBtD,YAAY,EAAEpF,SAAS,CAAC0I,IA3CA,EA6CxBrD,WAAW,EAAErF,SAAS,CAAC0I,IA7CC,EA+CxB5D,SAAS,EAAE9E,SAAS,CAAC0I,IA/CG,EAJ5B,UAsDgB3F,YAtDhB,GAsD6C,EACzCU,OAAO,EAAE/C,YADgC,EAEzCgD,OAAO,EAAEjD,YAFgC,EAtD7C,UAiEgBwG,QAjEhB,GAiE2B,UAAClC,KAAD,EAA0B4D,KAA1B,EAAiF,KAAvDA,KAAuD,cAAvDA,KAAuD,GAAP,EAAO,EACxG,IAAI,CAAC5D,KAAL,EAAY,CACV,OAAO,KAAP,CACD,CAED,aAA2D4D,KAA3D,yBAAQlF,OAAR,CAAQA,OAAR,+BAAkB/C,YAAlB,0CAAgCgD,OAAhC,CAAgCA,OAAhC,+BAA0CjD,YAA1C,kBACA,IAAMmI,YAAY,GAAG,IAAIpI,YAAJ,CAAiB,EACpC+G,KAAK,EAAE5G,iBAAiB,CAACkI,GADW,EAEpCrB,SAAS,EAAE5G,qBAAqB,CAACkI,GAFG,EAAjB,EAIlBC,aAJkB,CAIJ,IAAIvI,YAAJ,CAAiB,EAAEuE,KAAK,EAAEtB,OAAT,EAAjB,CAJI,EAKlBuF,WALkB,CAKN,IAAIxI,YAAJ,CAAiB,EAAEuE,KAAK,EAAErB,OAAT,EAAjB,CALM,EAMlBuF,UANkB,CAMPlE,KANO,CAArB,CAQA,OAAO6D,YAAY,CAAC3B,QAAb,CAAsB,EAC3BC,MAAM,EAAE,CACNrG,yBAAyB,CAACsG,OADpB,EAENtG,yBAAyB,CAACqI,MAFpB,EAGNrI,yBAAyB,CAACuG,MAHpB,EAINvG,yBAAyB,CAACsI,MAJpB,EAKNtI,yBAAyB,CAACuI,KALpB,CADmB,EAAtB,CAAP,CASD,CAxFH","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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './DatePicker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\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'>,\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@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\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\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    if (this.state.opened) {\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              />\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={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        {!this.state.canUseMobileNativeDatePicker && picker}\n      </label>\n    );\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"]}