@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-ce2a893b1a

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

@@ -1 +1 @@
-{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","document","selection","window","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,QAArB,EAA+B;AAC7B,QAAI;AACF,UAAMC,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,UAAMC,KAAK,GAAGF,MAAM,CAACF,QAAP,CAAgBK,WAAhB,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,QAAQ,CAACY,IAAT,CAAcC,eAArB,KAAyC,UAA7C,EAAyD;AACvD;AACA,QAAMT,MAAK,GAAGJ,QAAQ,CAACY,IAAT,CAAcC,eAAd,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM;;AAqCP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM","sourcesContent":["export const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\r\n  if (!node) {\r\n    return;\r\n  }\r\n  if ('createRange' in document) {\r\n    try {\r\n      const selection = window.getSelection();\r\n      const range = window.document.createRange();\r\n      if (start !== undefined && end !== undefined) {\r\n        range.setStart(node, start);\r\n        range.setEnd(node, end);\r\n      } else {\r\n        range.selectNodeContents(node);\r\n      }\r\n      if (selection !== null) {\r\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\r\n        selection.removeAllRanges();\r\n        selection.addRange(range);\r\n        return;\r\n      }\r\n    } catch (e) {\r\n      // empty block\r\n    }\r\n  }\r\n\r\n  // @ts-ignore (IE specific api)\r\n  if (typeof document.body.createTextRange === 'function') {\r\n    // @ts-ignore\r\n    const range = document.body.createTextRange();\r\n    range.moveToElementText(node);\r\n    if (typeof range.select === 'function') {\r\n      range.select();\r\n    }\r\n    return;\r\n  }\r\n};\r\n\r\nexport const removeAllSelections = () => {\r\n  const selection = window.getSelection();\r\n  if (selection !== null) {\r\n    try {\r\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\r\n      selection.removeAllRanges();\r\n    } catch (e) {\r\n      // empty block\r\n    }\r\n  }\r\n};\r\n"]}
+{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","document","selection","window","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,QAArB,EAA+B;AAC7B,QAAI;AACF,UAAMC,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,UAAMC,KAAK,GAAGF,MAAM,CAACF,QAAP,CAAgBK,WAAhB,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,QAAQ,CAACY,IAAT,CAAcC,eAArB,KAAyC,UAA7C,EAAyD;AACvD;AACA,QAAMT,MAAK,GAAGJ,QAAQ,CAACY,IAAT,CAAcC,eAAd,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM;;AAqCP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM","sourcesContent":["export const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in document) {\n    try {\n      const selection = window.getSelection();\n      const range = window.document.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-ignore (IE specific api)\n  if (typeof document.body.createTextRange === 'function') {\n    // @ts-ignore\n    const range = document.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = window.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["inputNumber.tsx"],"names":["LENGTH_DATE","LENGTH_MONTH","LENGTH_YEAR","InternalDateComponentType","inputNumber","type","prev","key","inputMode","nextInputMode","nextValue","first","length","Month","Date","Number","slice"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,YAAtB,EAAoCC,WAApC,QAAuD,6BAAvD;AACA,SAAmCC,yBAAnC,QAAoE,yBAApE;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc;AACzBC,IADyB;AAEzBC,IAFyB;AAGzBC,GAHyB;AAIzBC,SAJyB;AAK2C;AACpE,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,SAAJ;AACA,MAAIC,KAAK,GAAG,EAAZ;AACA,MAAIC,MAAc,GAAGV,WAArB;AACA,MAAIG,IAAI,KAAKF,yBAAyB,CAACU,KAAvC,EAA8C;AAC5CF,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGX,YAAT;AACD;AACD,MAAII,IAAI,KAAKF,yBAAyB,CAACW,IAAvC,EAA6C;AAC3CH,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGZ,WAAT;AACD;AACD,MAAI,CAACQ,SAAL,EAAgB;AACdE,IAAAA,SAAS,GAAGH,GAAZ;AACAE,IAAAA,aAAa,GAAGM,MAAM,CAACR,GAAD,CAAN,IAAeI,KAA/B;AACD,GAHD,MAGO;AACLD,IAAAA,SAAS,GAAG,OAAGJ,IAAI,KAAK,IAAT,GAAgB,EAAhB,GAAqBA,IAAxB,IAA+BC,GAA/B,EAAqCS,KAArC,CAA2C,CAACJ,MAA5C,CAAZ;AACAH,IAAAA,aAAa,GAAGC,SAAS,CAACE,MAAV,GAAmBA,MAAnC;AACD;AACD,SAAO,EAAEF,SAAS,EAATA,SAAF,EAAaD,aAAa,EAAbA,aAAb,EAAP;AACD,CA1BM","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants';\r\nimport { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';\r\n\r\nexport const inputNumber = (\r\n  type: InternalDateComponentType | null,\r\n  prev: InternalDateComponentRaw,\r\n  key: string,\r\n  inputMode: boolean,\r\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\r\n  let nextInputMode = false;\r\n  let nextValue: string;\r\n  let first = 10;\r\n  let length: number = LENGTH_YEAR;\r\n  if (type === InternalDateComponentType.Month) {\r\n    first = 1;\r\n    length = LENGTH_MONTH;\r\n  }\r\n  if (type === InternalDateComponentType.Date) {\r\n    first = 3;\r\n    length = LENGTH_DATE;\r\n  }\r\n  if (!inputMode) {\r\n    nextValue = key;\r\n    nextInputMode = Number(key) <= first;\r\n  } else {\r\n    nextValue = `${prev === null ? '' : prev}${key}`.slice(-length);\r\n    nextInputMode = nextValue.length < length;\r\n  }\r\n  return { nextValue, nextInputMode };\r\n};\r\n"]}
+{"version":3,"sources":["inputNumber.tsx"],"names":["LENGTH_DATE","LENGTH_MONTH","LENGTH_YEAR","InternalDateComponentType","inputNumber","type","prev","key","inputMode","nextInputMode","nextValue","first","length","Month","Date","Number","slice"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,YAAtB,EAAoCC,WAApC,QAAuD,6BAAvD;AACA,SAAmCC,yBAAnC,QAAoE,yBAApE;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc;AACzBC,IADyB;AAEzBC,IAFyB;AAGzBC,GAHyB;AAIzBC,SAJyB;AAK2C;AACpE,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,SAAJ;AACA,MAAIC,KAAK,GAAG,EAAZ;AACA,MAAIC,MAAc,GAAGV,WAArB;AACA,MAAIG,IAAI,KAAKF,yBAAyB,CAACU,KAAvC,EAA8C;AAC5CF,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGX,YAAT;AACD;AACD,MAAII,IAAI,KAAKF,yBAAyB,CAACW,IAAvC,EAA6C;AAC3CH,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGZ,WAAT;AACD;AACD,MAAI,CAACQ,SAAL,EAAgB;AACdE,IAAAA,SAAS,GAAGH,GAAZ;AACAE,IAAAA,aAAa,GAAGM,MAAM,CAACR,GAAD,CAAN,IAAeI,KAA/B;AACD,GAHD,MAGO;AACLD,IAAAA,SAAS,GAAG,OAAGJ,IAAI,KAAK,IAAT,GAAgB,EAAhB,GAAqBA,IAAxB,IAA+BC,GAA/B,EAAqCS,KAArC,CAA2C,CAACJ,MAA5C,CAAZ;AACAH,IAAAA,aAAa,GAAGC,SAAS,CAACE,MAAV,GAAmBA,MAAnC;AACD;AACD,SAAO,EAAEF,SAAS,EAATA,SAAF,EAAaD,aAAa,EAAbA,aAAb,EAAP;AACD,CA1BM","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants';\nimport { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';\n\nexport const inputNumber = (\n  type: InternalDateComponentType | null,\n  prev: InternalDateComponentRaw,\n  key: string,\n  inputMode: boolean,\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\n  let nextInputMode = false;\n  let nextValue: string;\n  let first = 10;\n  let length: number = LENGTH_YEAR;\n  if (type === InternalDateComponentType.Month) {\n    first = 1;\n    length = LENGTH_MONTH;\n  }\n  if (type === InternalDateComponentType.Date) {\n    first = 3;\n    length = LENGTH_DATE;\n  }\n  if (!inputMode) {\n    nextValue = key;\n    nextInputMode = Number(key) <= first;\n  } else {\n    nextValue = `${prev === null ? '' : prev}${key}`.slice(-length);\n    nextInputMode = nextValue.length < length;\n  }\n  return { nextValue, nextInputMode };\n};\n"]}

package/components/DateInput/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './DateInput';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './DateInput';\n"]}

package/components/DatePicker/DatePicker/DatePicker.js

@@ -1,9 +1,11 @@
 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 _class, _class2, _temp;
+
 import PropTypes from 'prop-types';
 import React from 'react';
-import { findDOMNode } from 'react-dom';
 import { InternalDate } from "../../../lib/date/InternalDate";
 import { InternalDateTransformer } from "../../../lib/date/InternalDateTransformer";
 import { MAX_FULLDATE, MIN_FULLDATE } from "../../../lib/date/constants";
@@ -12,8 +14,12 @@ import { DateInput } from "../../DateInput";
 import { DropdownContainer } from "../../../internal/DropdownContainer";
 import { filterProps } from "../../../lib/filterProps";
 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 { Picker } from "../Picker";
-import { jsStyles } from "../DatePicker.styles";
+import { styles } from "../DatePicker.styles";
 var INPUT_PASS_PROPS = {
   autoFocus: true,
   disabled: true,
@@ -22,8 +28,9 @@ 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 DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(DatePicker, _React$PureComponent);
 
   function DatePicker() {
     var _this;
@@ -32,31 +39,42 @@ export var DatePicker = /*#__PURE__*/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.state = {
-      opened: false
+      opened: false,
+      canUseMobileNativeDatePicker: false
     };
     _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 date = _this.internalDate ? _this.internalDate.toNativeFormat() : null;
+      var _this$props = _this.props,
+          value = _this$props.value,
+          minDate = _this$props.minDate,
+          maxDate = _this$props.maxDate;
+
+      var internalDate = _this.parseValueToDate(value);
+
+      var date = internalDate ? internalDate.toNativeFormat() : null;
+
+      var parsedMinDate = _this.parseValueToDate(minDate);
+
+      var formattedMinDate = parsedMinDate && parsedMinDate.toNativeFormat() || undefined;
+
+      var parsedMaxDate = _this.parseValueToDate(maxDate);
+
+      var formattedMaxDate = parsedMaxDate && parsedMaxDate.toNativeFormat() || undefined;
 
       if (_this.state.opened) {
         picker = /*#__PURE__*/React.createElement(DropdownContainer, {
-          getParent: function getParent() {
-            return findDOMNode(_assertThisInitialized(_this));
-          },
+          getParent: _this.getParent,
           offsetY: 2,
           align: _this.props.menuAlign
         }, /*#__PURE__*/React.createElement(Picker, {
           value: date,
-          minDate: _this.minDate && _this.minDate.toNativeFormat() || undefined,
-          maxDate: _this.maxDate && _this.maxDate.toNativeFormat() || undefined,
+          minDate: formattedMinDate,
+          maxDate: formattedMaxDate,
           onPick: _this.handlePick,
           onSelect: _this.handleSelect,
           enableTodayLink: _this.props.enableTodayLink,
@@ -65,10 +83,8 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/React.createElement("label", {
-        className: jsStyles.root(),
-        style: {
-          width: _this.props.width
-        },
+        className: styles.root(),
+        style: _this.getRootStyle(),
         onMouseEnter: _this.props.onMouseEnter,
         onMouseLeave: _this.props.onMouseLeave,
         onMouseOver: _this.props.onMouseOver
@@ -82,7 +98,26 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
         onBlur: _this.handleBlur,
         onFocus: _this.handleFocus,
         onValueChange: _this.props.onValueChange
-      })), picker);
+      })), _this.state.canUseMobileNativeDatePicker && /*#__PURE__*/React.createElement(NativeDateInput, {
+        onValueChange: _this.props.onValueChange,
+        value: _this.props.value || '',
+        minDate: _this.props.minDate,
+        maxDate: _this.props.maxDate,
+        disabled: _this.props.disabled
+      }), !_this.state.canUseMobileNativeDatePicker && picker);
+    };
+
+    _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) {
@@ -159,25 +194,27 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
   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
   */
   ;
 
@@ -188,8 +225,8 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
 
     this.handleBlur();
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -204,9 +241,9 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
 
     this.handleFocus();
   }
-  /**
-  * Закрывает выпадашку выбора дня
-  * @public
+  /**
+  * Закрывает выпадашку выбора дня
+  * @public
   */
   ;
 
@@ -217,7 +254,9 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), this.renderMain);
   };
 
   _proto.parseValueToDate = function parseValueToDate(value) {
@@ -239,31 +278,29 @@ export var DatePicker = /*#__PURE__*/function (_React$Component) {
   };
 
   return DatePicker;
-}(React.Component);
-DatePicker.__KONTUR_REACT_UI__ = 'DatePicker';
-DatePicker.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = '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,
@@ -276,17 +313,13 @@ DatePicker.propTypes = {
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func,
   isHoliday: PropTypes.func.isRequired
-};
-DatePicker.defaultProps = {
-  width: 120,
+}, _class2.defaultProps = {
   minDate: MIN_FULLDATE,
   maxDate: MAX_FULLDATE,
   isHoliday: function isHoliday(_day, isWeekend) {
     return isWeekend;
   }
-};
-
-DatePicker.validate = function (value, range) {
+}, _class2.validate = function (value, range) {
   if (range === void 0) {
     range = {};
   }
@@ -311,4 +344,4 @@ DatePicker.validate = function (value, range) {
   return internalDate.validate({
     checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Number, InternalDateValidateCheck.Native, InternalDateValidateCheck.Limits, InternalDateValidateCheck.Range]
   });
-};
+}, _temp)) || _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","CommonWrapper","Picker","jsStyles","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","DatePicker","state","opened","input","focused","internalDate","parseValueToDate","props","value","minDate","maxDate","renderMain","picker","date","toNativeFormat","menuAlign","undefined","handlePick","handleSelect","enableTodayLink","isHoliday","root","width","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","ref","setState","onFocus","close","onBlur","dateShape","blur","month","year","dateToInternalString","isWeekend","dateString","componentDidMount","focus","UNSAFE_componentWillReceiveProps","nextProps","render","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\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\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> extends CommonProps {\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() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => {\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(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","InternalDate","InternalDateTransformer","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","DropdownContainer","filterProps","CommonWrapper","isMobile","NativeDateInput","getRootNode","rootNode","isNonNullable","Picker","styles","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePicker","state","opened","canUseMobileNativeDatePicker","input","focused","renderMain","props","picker","value","minDate","maxDate","internalDate","parseValueToDate","date","toNativeFormat","parsedMinDate","formattedMinDate","undefined","parsedMaxDate","formattedMaxDate","getParent","menuAlign","handlePick","handleSelect","enableTodayLink","isHoliday","root","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","width","minWidth","ref","setState","onFocus","close","onBlur","dateShape","blur","month","year","dateToInternalString","isWeekend","dateString","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","render","setRootNode","validate","checks","NotNull","Native","PureComponent","__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';\nimport React from 'react';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../internal/Calendar';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonWrapper, CommonProps, 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';\n\nimport { Picker } from './Picker';\nimport { styles } from './DatePicker.styles';\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<T> extends CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  minDate: T;\n  maxDate: T;\n  menuAlign?: 'left' | 'right';\n  size?: 'small' | 'medium' | 'large';\n  value?: T | 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: T) => 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  /**\n   * Функция для определения праздничных дней\n   * @default (_day, isWeekend) => isWeekend\n   * @param {T} day - строка в формате `dd.mm.yyyy`\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n   *\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\n   */\n  isHoliday: (day: T, isWeekend: boolean) => boolean;\n}\n\nexport interface DatePickerState {\n  opened: boolean;\n  canUseMobileNativeDatePicker: boolean;\n}\n\ntype DatePickerValue = string;\n\n@rootNode\nexport class DatePicker extends React.PureComponent<DatePickerProps<DatePickerValue>, DatePickerState> {\n  public static __KONTUR_REACT_UI__ = '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]).isRequired,\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.isRequired,\n  };\n\n  public static defaultProps = {\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    isHoliday: (_day: DatePickerValue, isWeekend: boolean) => isWeekend,\n  };\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 };\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      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => {\n    let picker = null;\n\n    const { value, minDate, maxDate } = this.props;\n\n    const internalDate = this.parseValueToDate(value);\n    const date = internalDate ? internalDate.toNativeFormat() : null;\n\n    const parsedMinDate = this.parseValueToDate(minDate);\n    const formattedMinDate = (parsedMinDate && parsedMinDate.toNativeFormat()) || undefined;\n\n    const parsedMaxDate = this.parseValueToDate(maxDate);\n    const formattedMaxDate = (parsedMaxDate && parsedMaxDate.toNativeFormat()) || undefined;\n\n    if (this.state.opened) {\n      picker = (\n        <DropdownContainer getParent={this.getParent} offsetY={2} align={this.props.menuAlign}>\n          <Picker\n            value={date}\n            minDate={formattedMinDate}\n            maxDate={formattedMaxDate}\n            onPick={this.handlePick}\n            onSelect={this.handleSelect}\n            enableTodayLink={this.props.enableTodayLink}\n            isHoliday={this.isHoliday}\n          />\n        </DropdownContainer>\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      >\n        <DateInput\n          {...filterProps(props, INPUT_PASS_PROPS)}\n          ref={this.getInputRef}\n          value={this.props.value || ''}\n          width=\"100%\"\n          withIcon\n          minDate={this.props.minDate}\n          maxDate={this.props.maxDate}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onValueChange={this.props.onValueChange}\n        />\n        {this.state.canUseMobileNativeDatePicker && (\n          <NativeDateInput\n            onValueChange={this.props.onValueChange}\n            value={this.props.value || ''}\n            minDate={this.props.minDate}\n            maxDate={this.props.maxDate}\n            disabled={this.props.disabled}\n          />\n        )}\n        {!this.state.canUseMobileNativeDatePicker && picker}\n      </label>\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 parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\n    if (value === undefined || value === null) {\n      return undefined;\n    }\n    const date = new InternalDate({ value });\n    if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n      return date;\n    }\n    return undefined;\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 handlePick = (dateShape: CalendarDateShape) => {\n    this.handleSelect(dateShape);\n    this.blur();\n  };\n\n  private handleSelect = ({ date, month, year }: CalendarDateShape) => {\n    const value = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n    return this.props.isHoliday(dateString, isWeekend);\n  };\n}\n"]}

package/components/DatePicker/DatePicker.d.ts

@@ -2,18 +2,25 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export declare const MIN_WIDTH = 120;
 export interface DatePickerProps<T> extends CommonProps {
     autoFocus?: boolean;
     disabled?: boolean;
     enableTodayLink?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
     minDate: T;
     maxDate: T;
     menuAlign?: 'left' | 'right';
     size?: 'small' | 'medium' | 'large';
     value?: T | null;
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
-    width: number | string;
+    width?: number | string;
     onBlur?: () => void;
     /**
      * Вызывается при изменении `value`
@@ -26,6 +33,12 @@ export interface DatePickerProps<T> extends CommonProps {
     onMouseEnter?: (e: React.MouseEvent<any>) => void;
     onMouseLeave?: (e: React.MouseEvent<any>) => void;
     onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /**
+     * Использовать на мобильных устройствах нативный календарь для выбора дат.
+     *
+     * - На iOS нативный календарь не умеет работать с minDate и maxDate
+     */
+    useMobileNativeDatePicker?: boolean;
     /**
      * Функция для определения праздничных дней
      * @default (_day, isWeekend) => isWeekend
@@ -38,9 +51,10 @@ export interface DatePickerProps<T> extends CommonProps {
 }
 export interface DatePickerState {
     opened: boolean;
+    canUseMobileNativeDatePicker: boolean;
 }
 declare type DatePickerValue = string;
-export declare class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {
+export declare class DatePicker extends React.PureComponent<DatePickerProps<DatePickerValue>, DatePickerState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
@@ -54,7 +68,7 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
          * Максимальная дата в календаре.
          */
         maxDate: PropTypes.Validator<string>;
-        menuAlign: PropTypes.Requireable<"left" | "right">;
+        menuAlign: PropTypes.Requireable<string>;
         /**
          * Минимальная дата в календаре.
          */
@@ -75,7 +89,6 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
         isHoliday: PropTypes.Validator<(...args: any[]) => any>;
     };
     static defaultProps: {
-        width: number;
         minDate: string;
         maxDate: string;
         isHoliday: (_day: DatePickerValue, isWeekend: boolean) => boolean;
@@ -87,11 +100,9 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
     state: DatePickerState;
     private input;
     private focused;
-    private internalDate?;
-    private minDate?;
-    private maxDate?;
+    private setRootNode;
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>): void;
+    componentDidUpdate(): void;
     /**
      * @public
      */
@@ -107,6 +118,8 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
     close(): void;
     render(): JSX.Element;
     renderMain: (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => JSX.Element;
+    getParent: () => Nullable<HTMLElement>;
+    private getRootStyle;
     private getInputRef;
     private parseValueToDate;
     private handleFocus;