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

package/components/DatePicker/DatePicker/DatePicker.js

@@ -2,12 +2,18 @@ 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;
+var _dec, _class, _class2, _temp;
 
 import PropTypes from 'prop-types';
 import React from 'react';
+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 { cx } from "../../../lib/theming/Emotion";
+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";
@@ -18,8 +24,15 @@ 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 { createPropsGetter } from "../../../lib/createPropsGetter";
+import { Calendar } from "../../Calendar";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { Button } from "../../Button";
+import { getTodayDate } from "../../Calendar/CalendarUtils";
+import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { styles } from "../DatePicker.styles";
+import { DatePickerLocaleHelper } from "../locale";
+import { MobilePicker } from "../MobilePicker";
 var INPUT_PASS_PROPS = {
   autoFocus: true,
   disabled: true,
@@ -29,7 +42,14 @@ var INPUT_PASS_PROPS = {
   onKeyDown: true
 };
 export var MIN_WIDTH = 120;
-export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+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), responsiveLayout(_class = rootNode(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(DatePicker, _React$PureComponent);
 
   function DatePicker() {
@@ -40,46 +60,76 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
     }
 
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(DatePicker.defaultProps);
+    _this.calendar = null;
     _this.state = {
       opened: false,
-      canUseMobileNativeDatePicker: false
+      canUseMobileNativeDatePicker: false,
+      today: getTodayDate()
     };
     _this.input = null;
     _this.focused = false;
 
     _this.renderMain = function (props) {
       var picker = 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 _this$getProps = _this.getProps(),
+          minDate = _this$getProps.minDate,
+          maxDate = _this$getProps.maxDate;
 
-      var parsedMaxDate = _this.parseValueToDate(maxDate);
-
-      var formattedMaxDate = parsedMaxDate && parsedMaxDate.toNativeFormat() || undefined;
+      var isMobile = _this.isMobileLayout;
 
       if (_this.state.opened) {
-        picker = /*#__PURE__*/React.createElement(DropdownContainer, {
-          getParent: _this.getParent,
-          offsetY: 2,
-          align: _this.props.menuAlign
-        }, /*#__PURE__*/React.createElement(Picker, {
-          value: date,
-          minDate: formattedMinDate,
-          maxDate: formattedMaxDate,
-          onPick: _this.handlePick,
-          onSelect: _this.handleSelect,
-          enableTodayLink: _this.props.enableTodayLink,
-          isHoliday: _this.isHoliday
-        }));
+        if (isMobile) {
+          picker = /*#__PURE__*/React.createElement(MobilePicker, {
+            value: _this.props.value,
+            minDate: _this.parseValueToDate(minDate),
+            maxDate: _this.parseValueToDate(maxDate),
+            onValueChange: _this.props.onValueChange,
+            enableTodayLink: _this.props.enableTodayLink,
+            isHoliday: _this.props.isHoliday,
+            onCloseRequest: _this.handleBlur,
+            renderDay: props.renderDay,
+            onMonthChange: props.onMonthChange
+          });
+        } else {
+          picker = /*#__PURE__*/React.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),
+            renderDay: _this.props.renderDay,
+            onMonthChange: _this.props.onMonthChange
+          }), _this.props.enableTodayLink && _this.renderTodayLink(), ' ')));
+        }
       }
 
       return /*#__PURE__*/React.createElement("label", {
@@ -87,24 +137,42 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
         style: _this.getRootStyle(),
         onMouseEnter: _this.props.onMouseEnter,
         onMouseLeave: _this.props.onMouseLeave,
-        onMouseOver: _this.props.onMouseOver
-      }, /*#__PURE__*/React.createElement(DateInput, _extends({}, filterProps(props, INPUT_PASS_PROPS), {
+        onMouseOver: _this.props.onMouseOver,
+        "data-tid": DatePickerDataTids.label
+      }, /*#__PURE__*/React.createElement(DateInput, _extends({
+        id: _this.props.id
+      }, filterProps(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,
+        minDate: minDate,
+        maxDate: maxDate,
+        onBlur: isMobile ? undefined : _this.handleBlur,
         onFocus: _this.handleFocus,
-        onValueChange: _this.props.onValueChange
-      })), _this.state.canUseMobileNativeDatePicker && /*#__PURE__*/React.createElement(NativeDateInput, {
+        onValueChange: _this.props.onValueChange,
+        "data-tid": DatePickerDataTids.input
+      })), _this.state.canUseMobileNativeDatePicker ? /*#__PURE__*/React.createElement(NativeDateInput, {
         onValueChange: _this.props.onValueChange,
         value: _this.props.value || '',
-        minDate: _this.props.minDate,
-        maxDate: _this.props.maxDate,
+        minDate: minDate,
+        maxDate: maxDate,
         disabled: _this.props.disabled
-      }), !_this.state.canUseMobileNativeDatePicker && picker);
+      }) : 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 () {
@@ -154,40 +222,22 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
       }
     };
 
-    _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;
   }
 
@@ -254,9 +304,18 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
   };
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props), this.renderMain);
+    var _this2 = this;
+
+    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) {
@@ -271,14 +330,53 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
     if (date.validate({
       checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native]
     })) {
-      return date;
+      return date.toString({
+        withPad: true
+      });
     }
 
     return undefined;
   };
 
+  _proto.renderTodayLink = function renderTodayLink() {
+    var _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));
+    }
+
+    return /*#__PURE__*/React.createElement("button", {
+      "aria-label": this.locale.todayAriaLabel,
+      "data-tid": DatePickerDataTids.pickerTodayWrapper,
+      className: cx((_cx = {}, _cx[styles.todayLinkWrapper(this.theme)] = true, _cx)),
+      onClick: this.handleSelectToday(today),
+      tabIndex: -1
+    }, this.locale.today + " " + today);
+  };
+
   return DatePicker;
-}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.displayName = 'DatePicker', _class2.propTypes = {
   autoFocus: PropTypes.bool,
   disabled: PropTypes.bool,
 
@@ -304,7 +402,7 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
   */
   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,
@@ -312,13 +410,12 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func,
-  isHoliday: PropTypes.func.isRequired
+  isHoliday: PropTypes.func,
+  renderDay: PropTypes.func,
+  onMonthChange: PropTypes.func
 }, _class2.defaultProps = {
   minDate: MIN_FULLDATE,
-  maxDate: MAX_FULLDATE,
-  isHoliday: function isHoliday(_day, isWeekend) {
-    return isWeekend;
-  }
+  maxDate: MAX_FULLDATE
 }, _class2.validate = function (value, range) {
   if (range === void 0) {
     range = {};
@@ -344,4 +441,4 @@ export var DatePicker = rootNode(_class = (_temp = _class2 = /*#__PURE__*/functi
   return internalDate.validate({
     checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Number, InternalDateValidateCheck.Native, InternalDateValidateCheck.Limits, InternalDateValidateCheck.Range]
   });
-}, _temp)) || _class;
+}, _temp)) || _class) || _class) || _class);

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

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

package/components/DatePicker/DatePicker.d.ts

@@ -1,21 +1,25 @@
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { Nullable } from '../../typings/utility-types';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { CalendarDateShape, CalendarProps } from '../Calendar';
+import { SizeProp } from '../../lib/types/props';
 export declare const MIN_WIDTH = 120;
-export interface DatePickerProps<T> extends CommonProps {
+export interface DatePickerProps extends Pick<DropdownContainerProps, 'menuPos'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>, CommonProps {
     autoFocus?: boolean;
     disabled?: boolean;
+    /**
+     * Отвечает за отображение кнопки "Сегодня".
+     */
     enableTodayLink?: boolean;
     /**
      * Состояние валидации при ошибке.
      */
     error?: boolean;
-    minDate: T;
-    maxDate: T;
     menuAlign?: 'left' | 'right';
-    size?: 'small' | 'medium' | 'large';
-    value?: T | null;
+    size?: SizeProp;
+    value?: string | null;
     /**
      * Состояние валидации при предупреждении.
      */
@@ -27,7 +31,7 @@ export interface DatePickerProps<T> extends CommonProps {
      *
      * @param value - строка в формате `dd.mm.yyyy`.
      */
-    onValueChange: (value: T) => void;
+    onValueChange: (value: string) => void;
     onFocus?: () => void;
     onKeyDown?: (e: React.KeyboardEvent<any>) => void;
     onMouseEnter?: (e: React.MouseEvent<any>) => void;
@@ -39,23 +43,23 @@ export interface DatePickerProps<T> extends CommonProps {
      * - На iOS нативный календарь не умеет работать с minDate и maxDate
      */
     useMobileNativeDatePicker?: boolean;
-    /**
-     * Функция для определения праздничных дней
-     * @default (_day, isWeekend) => isWeekend
-     * @param {T} day - строка в формате `dd.mm.yyyy`
-     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
-     *
-     * @returns {boolean} `true` для выходного или `false` для рабочего дня
-     */
-    isHoliday: (day: T, isWeekend: boolean) => boolean;
 }
 export interface DatePickerState {
     opened: boolean;
     canUseMobileNativeDatePicker: boolean;
+    today: CalendarDateShape;
 }
-declare type DatePickerValue = string;
-export declare class DatePicker extends React.PureComponent<DatePickerProps<DatePickerValue>, DatePickerState> {
+export declare const DatePickerDataTids: {
+    readonly root: "DatePicker__root";
+    readonly input: "DatePicker__input";
+    readonly label: "DatePicker__label";
+    readonly pickerRoot: "Picker__root";
+    readonly pickerTodayWrapper: "Picker__todayWrapper";
+};
+declare type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;
+export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
@@ -78,7 +82,7 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps<Date
          */
         value: PropTypes.Requireable<string>;
         warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Validator<string | number>;
+        width: PropTypes.Requireable<string | number>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onValueChange: PropTypes.Validator<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
@@ -86,13 +90,15 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps<Date
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        isHoliday: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        minDate: string;
-        maxDate: string;
-        isHoliday: (_day: DatePickerValue, isWeekend: boolean) => boolean;
+        isHoliday: PropTypes.Requireable<(...args: any[]) => any>;
+        renderDay: PropTypes.Requireable<(...args: any[]) => any>;
+        onMonthChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private calendar;
+    private readonly locale;
     static validate: (value: Nullable<string>, range?: {
         minDate?: string | undefined;
         maxDate?: string | undefined;
@@ -101,6 +107,7 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps<Date
     private input;
     private focused;
     private setRootNode;
+    private isMobileLayout;
     componentDidMount(): void;
     componentDidUpdate(): void;
     /**
@@ -117,15 +124,16 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps<Date
      */
     close(): void;
     render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => JSX.Element;
-    getParent: () => Nullable<HTMLElement>;
+    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => JSX.Element;
+    private parseValueToDate;
+    private renderTodayLink;
+    private handleSelectToday;
+    getParent: () => Nullable<Element>;
     private getRootStyle;
     private getInputRef;
-    private parseValueToDate;
     private handleFocus;
     private handleBlur;
-    private handlePick;
+    private handleValueChange;
     private handleSelect;
-    private isHoliday;
 }
 export {};