@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/components/DatePicker/DatePicker/DatePicker.js

@@ -23,7 +23,7 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Calendar } from "../../Calendar";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { Button } from "../../Button";
-import { getMonthInHumanFormat, getTodayDate } from "../../Calendar/CalendarUtils";
+import { getTodayDate } from "../../Calendar/CalendarUtils";
 import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { getMenuPositions } from "../../../lib/getMenuPositions";
 import { ZIndex } from "../../../internal/ZIndex";
@@ -46,6 +46,14 @@ export var DatePickerDataTids = {
   pickerRoot: 'Picker__root',
   pickerTodayWrapper: 'Picker__todayWrapper'
 };
+
+/**
+ * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
+ *
+ * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
+ *
+ * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
+ */
 export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), responsiveLayout(_class = rootNode(_class = _dec(_class = (_DatePicker = /*#__PURE__*/function (_React$PureComponent) {
   function DatePicker() {
     var _this;
@@ -54,7 +62,7 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(DatePicker.defaultProps);
-    _this.calendar = null;
+    _this.canOpenPopup = true;
     _this.state = {
       opened: false,
       canUseMobileNativeDatePicker: false,
@@ -80,7 +88,7 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
             onValueChange: _this.props.onValueChange,
             enableTodayLink: _this.props.enableTodayLink,
             isHoliday: _this.props.isHoliday,
-            onCloseRequest: _this.handleBlur,
+            onCloseRequest: _this.handleMobileCloseRequest,
             renderDay: props.renderDay,
             onMonthChange: props.onMonthChange
           });
@@ -119,9 +127,6 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
           }, /*#__PURE__*/
 
           React.createElement(Calendar, {
-            ref: function ref(c) {
-              return _this.calendar = c;
-            },
             maxDate: _this.parseValueToDate(maxDate),
             minDate: _this.parseValueToDate(minDate),
             onValueChange: _this.handleValueChange,
@@ -154,6 +159,8 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
           onBlur: isMobile ? undefined : _this.handleBlur,
           onFocus: _this.handleFocus,
           onValueChange: _this.props.onValueChange,
+          onClick: _this.openPickerPopup,
+          onKeyDown: _this.handleKeyDown,
           "data-tid": DatePickerDataTids.input
         })), _this.state.canUseMobileNativeDatePicker ? /*#__PURE__*/
         React.createElement(NativeDateInput, {
@@ -165,18 +172,6 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
         }) : picker)
       );
     };
-    _this.handleSelectToday = function (today) {
-      return function () {
-        _this.handleSelect(today);
-        if (_this.calendar) {
-          var _this$state$today = _this.state.today,
-            monthNative = _this$state$today.month,
-            year = _this$state$today.year;
-          var month = getMonthInHumanFormat(monthNative);
-          _this.calendar.scrollToMonth(month, year);
-        }
-      };
-    };
     _this.getParent = function () {
       return getRootNode(_this);
     };
@@ -191,18 +186,33 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
     _this.getInputRef = function (ref) {
       _this.input = ref;
     };
+    _this.openPickerPopup = function () {
+      _this.setState({
+        opened: true
+      });
+    };
     _this.handleFocus = function () {
       if (_this.focused) {
         return;
       }
+      if (!_this.canOpenPopup) {
+        _this.canOpenPopup = true;
+      } else {
+        _this.openPickerPopup();
+      }
       _this.focused = true;
-      _this.setState({
-        opened: true
-      });
       if (_this.props.onFocus) {
         _this.props.onFocus();
       }
     };
+    _this.handleKeyDown = function (e) {
+      if (!_this.state.opened) {
+        _this.openPickerPopup();
+      }
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(e);
+      }
+    };
     _this.handleBlur = function () {
       if (!_this.focused) {
         return;
@@ -225,6 +235,9 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
         _this.props.onValueChange(value);
       }
     };
+    _this.handleMobileCloseRequest = function () {
+      _this.close();
+    };
     return _this;
   }
   _inheritsLoose(DatePicker, _React$PureComponent);
@@ -239,12 +252,15 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
       this.focus();
     }
   };
-  _proto.componentDidUpdate = function componentDidUpdate() {
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
     var disabled = this.props.disabled;
     var opened = this.state.opened;
     if (disabled && opened) {
       this.close();
     }
+    if (prevState.opened && !opened && this.isMobileLayout) {
+      this.handleBlur();
+    }
   } /**
     * @public
     */;
@@ -256,14 +272,16 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
   } /**
     * @public
     */;
-  _proto.focus = function focus() {
+  _proto.focus = function focus(opts) {
     if (this.props.disabled) {
       return;
     }
+    if (opts != null && opts.withoutOpenDropdown) {
+      this.canOpenPopup = false;
+    }
     if (this.input) {
       this.input.focus();
     }
-    this.handleFocus();
   } /**
     * Закрывает выпадашку выбора дня
     * @public
@@ -303,6 +321,7 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
     return undefined;
   };
   _proto.renderTodayLink = function renderTodayLink() {
+    var _this3 = this;
     var _this$locale = this.locale,
       order = _this$locale.order,
       separator = _this$locale.separator;
@@ -321,7 +340,9 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
       "aria-label": this.locale.todayAriaLabel,
       "data-tid": DatePickerDataTids.pickerTodayWrapper,
       width: "100%",
-      onClick: this.handleSelectToday(today),
+      onClick: function onClick() {
+        _this3.handleSelect(today);
+      },
       icon: /*#__PURE__*/React.createElement(ArrowAUpIcon16Light, null)
     }, this.locale.today));
   };
@@ -329,10 +350,6 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), re
 }(React.PureComponent), _DatePicker.__KONTUR_REACT_UI__ = 'DatePicker', _DatePicker.displayName = 'DatePicker', _DatePicker.propTypes = {
   autoFocus: PropTypes.bool,
   disabled: PropTypes.bool,
-  /**
-  * Включает кнопку сегодня в календаре
-  */
-  enableTodayLink: PropTypes.bool,
   error: PropTypes.bool,
   /**
   * Максимальная дата в календаре.

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

@@ -1 +1 @@
-{"version":3,"names":["PropTypes","React","Popup","LocaleContext","locale","InternalDateGetter","ArrowAUpIcon16Light","ThemeFactory","InternalDate","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","filterProps","CommonWrapper","isMobile","NativeDateInput","getRootNode","rootNode","isNonNullable","createPropsGetter","Calendar","ThemeContext","Button","getMonthInHumanFormat","getTodayDate","responsiveLayout","getMenuPositions","ZIndex","styles","DatePickerLocaleHelper","MobilePicker","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","_dec","_class","_DatePicker","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","calendar","state","opened","canUseMobileNativeDatePicker","today","focused","renderMain","props","picker","_this$getProps","minDate","maxDate","menuPos","menuAlign","isMobileLayout","createElement","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","onCloseRequest","handleBlur","renderDay","onMonthChange","Provider","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","hasShadow","priority","priorities","PopupMenu","positions","anchorElement","getParent","margin","parseInt","theme","datePickerMenuOffsetY","className","calendarWrapper","onMouseDown","e","preventDefault","ref","c","handleValueChange","renderTodayLink","style","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","_extends","id","getInputRef","width","withIcon","onBlur","undefined","onFocus","handleFocus","handleSelectToday","handleSelect","_this$state$today","monthNative","month","year","scrollToMonth","minWidth","setState","close","blur","_inheritsLoose","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","render","_this2","Consumer","create","calendarBottomSeparatorBorder","rootNodeRef","setRootNode","date","validate","checks","NotNull","Native","toString","withPad","_this$locale","order","separator","setComponents","getTodayComponents","withSeparator","todayAriaLabel","onClick","icon","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","isRequired","oneOf","oneOfType","number","func","range","_range","_range$minDate","_range$maxDate","internalDate","DMY","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"sources":["DatePicker.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { HTMLAttributes } from 'react';\n\nimport { Popup } from '../../internal/Popup';\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 { 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 { 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 { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { SizeProp } from '../../lib/types/props';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../../internal/ZIndex';\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<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  /**\n   * Отвечает за отображение кнопки \"Сегодня\".\n   */\n  enableTodayLink?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\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    menuPos: PropTypes.oneOf(['top', 'bottom']),\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.getProps()}>\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, menuPos, menuAlign } = 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            <Popup\n              opened\n              hasShadow\n              priority={ZIndex.priorities.PopupMenu}\n              positions={getMenuPositions(menuPos, menuAlign)}\n              data-tid={DatePickerDataTids.root}\n              anchorElement={this.getParent()}\n              margin={parseInt(this.theme.datePickerMenuOffsetY)}\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            </Popup>\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    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  private handleSelectToday = (today: string) => () => {\n    this.handleSelect(today);\n\n    if (this.calendar) {\n      const { month: monthNative, year } = this.state.today;\n      const month = getMonthInHumanFormat(monthNative);\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["PropTypes","React","Popup","LocaleContext","locale","InternalDateGetter","ArrowAUpIcon16Light","ThemeFactory","InternalDate","MAX_FULLDATE","MIN_FULLDATE","InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","DateInput","filterProps","CommonWrapper","isMobile","NativeDateInput","getRootNode","rootNode","isNonNullable","createPropsGetter","Calendar","ThemeContext","Button","getTodayDate","responsiveLayout","getMenuPositions","ZIndex","styles","DatePickerLocaleHelper","MobilePicker","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","_dec","_class","_DatePicker","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","canOpenPopup","state","opened","canUseMobileNativeDatePicker","today","focused","renderMain","props","picker","_this$getProps","minDate","maxDate","menuPos","menuAlign","isMobileLayout","createElement","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","onCloseRequest","handleMobileCloseRequest","renderDay","onMonthChange","Provider","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","hasShadow","priority","priorities","PopupMenu","positions","anchorElement","getParent","margin","parseInt","theme","datePickerMenuOffsetY","className","calendarWrapper","onMouseDown","e","preventDefault","handleValueChange","renderTodayLink","style","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","_extends","id","ref","getInputRef","width","withIcon","onBlur","undefined","handleBlur","onFocus","handleFocus","onClick","openPickerPopup","handleKeyDown","minWidth","setState","close","handleSelect","blur","_inheritsLoose","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","prevProps","prevState","opts","withoutOpenDropdown","render","_this2","Consumer","create","calendarBottomSeparatorBorder","rootNodeRef","setRootNode","date","validate","checks","NotNull","Native","toString","withPad","_this3","_this$locale","order","separator","setComponents","getTodayComponents","withSeparator","todayAriaLabel","icon","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","isRequired","oneOf","oneOfType","number","func","range","_range","_range$minDate","_range$maxDate","internalDate","DMY","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"sources":["DatePicker.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { HTMLAttributes } from 'react';\n\nimport { Popup } from '../../internal/Popup';\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 { 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 { 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';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../../internal/ZIndex';\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<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n\n  autoFocus?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Отображает кнопку \"Сегодня\" в календаре. */\n  enableTodayLink?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Задает nекущую позицию выпадающего окна вручную. */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает значение автокомплита. */\n  value?: string | null;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает ширину автокомплита. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается при потере датапикером фокуса. */\n  onBlur?: () => void;\n\n  /** Задает функцию, вызывающуюся при изменении value.\n   * @param value - строка в формате `dd.mm.yyyy`. */\n  onValueChange: (value: string) => void;\n\n  /** Задает функцию, которая вызывается при получении датапикером фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent<any>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent<any>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent<any>) => void;\n\n  /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.\n   * На iOS нативный календарь не умеет работать с minDate и maxDate. */\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/**\n * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.\n *\n * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.\n *\n * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.\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    error: PropTypes.bool,\n\n    /**\n     * Максимальная дата в календаре.\n     */\n    maxDate: PropTypes.string.isRequired,\n\n    menuPos: PropTypes.oneOf(['top', 'bottom']),\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 readonly locale!: DatePickerLocale;\n  private canOpenPopup = true;\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(prevProps: DatePickerProps, prevState: DatePickerState) {\n    const { disabled } = this.props;\n    const { opened } = this.state;\n    if (disabled && opened) {\n      this.close();\n    }\n\n    if (prevState.opened && !opened && this.isMobileLayout) {\n      this.handleBlur();\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(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (opts?.withoutOpenDropdown) {\n      this.canOpenPopup = false;\n    }\n\n    if (this.input) {\n      this.input.focus();\n    }\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.getProps()}>\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, menuPos, menuAlign } = 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.handleMobileCloseRequest}\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            <Popup\n              opened\n              hasShadow\n              priority={ZIndex.priorities.PopupMenu}\n              positions={getMenuPositions(menuPos, menuAlign)}\n              data-tid={DatePickerDataTids.root}\n              anchorElement={this.getParent()}\n              margin={parseInt(this.theme.datePickerMenuOffsetY)}\n            >\n              <div\n                data-tid={DatePickerDataTids.pickerRoot}\n                className={styles.calendarWrapper(this.theme)}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                <Calendar\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            </Popup>\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          onClick={this.openPickerPopup}\n          onKeyDown={this.handleKeyDown}\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\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    return (\n      <div style={{ margin: 8 }}>\n        <Button\n          aria-label={this.locale.todayAriaLabel}\n          data-tid={DatePickerDataTids.pickerTodayWrapper}\n          width=\"100%\"\n          onClick={() => {\n            this.handleSelect(today);\n          }}\n          icon={<ArrowAUpIcon16Light />}\n        >\n          {this.locale.today}\n        </Button>\n      </div>\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 openPickerPopup = () => {\n    this.setState({ opened: true });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    if (!this.canOpenPopup) {\n      this.canOpenPopup = true;\n    } else {\n      this.openPickerPopup();\n    }\n\n    this.focused = true;\n\n    if (this.props.onFocus) {\n      this.props.onFocus();\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent) => {\n    if (!this.state.opened) {\n      this.openPickerPopup();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\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  private handleMobileCloseRequest = () => {\n    this.close();\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/DatePicker/DatePicker.d.ts

@@ -6,45 +6,43 @@ import { CalendarDateShape, CalendarProps } from '../Calendar';
 import { SizeProp } from '../../lib/types/props';
 export declare const MIN_WIDTH = 120;
 export interface DatePickerProps extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
     autoFocus?: boolean;
+    /** Делает компонент недоступным. */
     disabled?: boolean;
-    /**
-     * Отвечает за отображение кнопки "Сегодня".
-     */
+    /** Отображает кнопку "Сегодня" в календаре. */
     enableTodayLink?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
+    /** Задает nекущую позицию выпадающего окна вручную. */
     menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание меню. */
     menuAlign?: 'left' | 'right';
+    /** Задает размер контрола. */
     size?: SizeProp;
+    /** Задает значение автокомплита. */
     value?: string | null;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
+    /** Задает ширину автокомплита. */
     width?: number | string;
+    /** Задает функцию, которая вызывается при потере датапикером фокуса. */
     onBlur?: () => void;
-    /**
-     * Вызывается при изменении `value`
-     *
-     * @param value - строка в формате `dd.mm.yyyy`.
-     */
+    /** Задает функцию, вызывающуюся при изменении value.
+     * @param value - строка в формате `dd.mm.yyyy`. */
     onValueChange: (value: string) => void;
+    /** Задает функцию, которая вызывается при получении датапикером фокуса. */
     onFocus?: () => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
     onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
     onMouseEnter?: (e: React.MouseEvent<any>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
     onMouseLeave?: (e: React.MouseEvent<any>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
     onMouseOver?: (e: React.MouseEvent<any>) => void;
-    /**
-     * Использовать на мобильных устройствах нативный календарь для выбора дат.
-     *
-     * - На iOS нативный календарь не умеет работать с minDate и maxDate
-     */
+    /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.
+     * На iOS нативный календарь не умеет работать с minDate и maxDate. */
     useMobileNativeDatePicker?: boolean;
 }
 export interface DatePickerState {
@@ -60,16 +58,19 @@ export declare const DatePickerDataTids: {
     readonly pickerTodayWrapper: "Picker__todayWrapper";
 };
 type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;
+/**
+ * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
+ *
+ * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
+ *
+ * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
+ */
 export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Включает кнопку сегодня в календаре
-         */
-        enableTodayLink: PropTypes.Requireable<boolean>;
         error: PropTypes.Requireable<boolean>;
         /**
          * Максимальная дата в календаре.
@@ -101,8 +102,8 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     static defaultProps: DefaultProps;
     private getProps;
     private theme;
-    private calendar;
     private readonly locale;
+    private canOpenPopup;
     static validate: (value: Nullable<string>, range?: {
         minDate?: string | undefined;
         maxDate?: string | undefined;
@@ -113,7 +114,7 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     private setRootNode;
     private isMobileLayout;
     componentDidMount(): void;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
     /**
      * @public
      */
@@ -121,7 +122,9 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     /**
      * @public
      */
-    focus(): void;
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
     /**
      * Закрывает выпадашку выбора дня
      * @public
@@ -131,13 +134,15 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => React.JSX.Element;
     private parseValueToDate;
     private renderTodayLink;
-    private handleSelectToday;
     getParent: () => Nullable<Element>;
     private getRootStyle;
     private getInputRef;
+    private openPickerPopup;
     private handleFocus;
+    private handleKeyDown;
     private handleBlur;
     private handleValueChange;
     private handleSelect;
+    private handleMobileCloseRequest;
 }
 export {};

package/components/DatePicker/DatePicker.md

@@ -223,6 +223,7 @@ import { DateOrder, DateSeparator, Gapped, LocaleContext, Select, LangCodes } fr
 
 class DatePickerFormatting extends React.Component {
   constructor() {
+    super();
     this.state = {
       order: DateOrder.YMD,
       separator: 'Dot',
@@ -289,11 +290,10 @@ const renderDay = (props) => {
   if (isEven) {
     return <CalendarDay {...props} style={{ background: '#e9f8e3' }} />
   }
-  
+
   return <CalendarDay {...props} />
 };
 
-
 <DatePicker value={value} onValueChange={setValue} renderDay={renderDay} />;
 ```
 

package/components/DatePicker/MobilePicker/MobilePicker.js

@@ -6,7 +6,6 @@ import { MobilePopup } from "../../../internal/MobilePopup";
 import { DateInput } from "../../DateInput";
 import { Button } from "../../Button";
 import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
-import { useEffectWithoutInitCall } from "../../../hooks/useEffectWithoutInitCall";
 import { DatePickerLocaleHelper } from "../locale";
 import { styles } from "../MobilePicker.styles";
 import { getMobilePickerTheme } from "../getMobilePickerTheme";
@@ -17,21 +16,8 @@ export var MobilePickerDataTids = {
 export var MobilePicker = function MobilePicker(props) {
   var locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);
   var theme = getMobilePickerTheme(useContext(ThemeContext));
-  var onValueChange = function onValueChange(date) {
-    if (props.onValueChange) {
-      props.onValueChange(date);
-    }
-    if (props.onCloseRequest) {
-      props.onCloseRequest();
-    }
-  };
-  var inputRef = useRef(null);
-  useLayoutEffect(function () {
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, []);
   var calendarRef = useRef(null);
+  var inputRef = useRef(null);
   var _useState = useState(function () {
       return getTodayDate();
     }),
@@ -39,18 +25,22 @@ export var MobilePicker = function MobilePicker(props) {
     monthNative = _useState$.month,
     year = _useState$.year;
   var month = getMonthInHumanFormat(monthNative);
+  var onValueChange = function onValueChange(date) {
+    props.onValueChange == null || props.onValueChange(date);
+    props.onCloseRequest == null || props.onCloseRequest();
+  };
+  useLayoutEffect(function () {
+    // fix DateInput flushSync warning in React 18
+    setTimeout(function () {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+    });
+  }, []);
   var onTodayClick = function onTodayClick() {
     if (calendarRef.current) {
       calendarRef.current.scrollToMonth(month, year);
     }
   };
-  useEffectWithoutInitCall(function () {
-    if (props.value && calendarRef.current) {
-      var _month = getMonthInHumanFormat(+props.value.substring(3, 5));
-      var _year = +props.value.substring(6);
-      calendarRef.current.scrollToMonth(_month, _year);
-    }
-  }, [props.value]);
   return /*#__PURE__*/(
     React.createElement(ThemeContext.Provider, {
       value: theme

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","useRef","useState","Calendar","getMonthInHumanFormat","getTodayDate","ThemeContext","MobilePopup","DateInput","Button","useLocaleForControl","useEffectWithoutInitCall","DatePickerLocaleHelper","styles","getMobilePickerTheme","MobilePickerDataTids","input","today","MobilePicker","props","locale","theme","onValueChange","date","onCloseRequest","inputRef","current","focus","calendarRef","_useState","_useState$","monthNative","month","year","onTodayClick","scrollToMonth","value","substring","createElement","Provider","opened","headerChildComponent","width","withIcon","ref","minDate","maxDate","size","warning","error","footerChildComponent","enableTodayLink","onClick","className","calendarRoot","isHoliday","renderDay","onMonthChange"],"sources":["MobilePicker.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { DateInput } from '../DateInput';\nimport { Button } from '../Button';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { DatePickerProps } from './DatePicker';\nimport { DatePickerLocaleHelper } from './locale';\nimport { styles } from './MobilePicker.styles';\nimport { getMobilePickerTheme } from './getMobilePickerTheme';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const onValueChange = (date: string) => {\n    if (props.onValueChange) {\n      props.onValueChange(date);\n    }\n    if (props.onCloseRequest) {\n      props.onCloseRequest();\n    }\n  };\n\n  const inputRef = useRef<DateInput>(null);\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, []);\n\n  const calendarRef = useRef<Calendar>(null);\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  useEffectWithoutInitCall(() => {\n    if (props.value && calendarRef.current) {\n      const month = getMonthInHumanFormat(+props.value.substring(3, 5));\n      const year = +props.value.substring(6);\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  }, [props.value]);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","useRef","useState","Calendar","getMonthInHumanFormat","getTodayDate","ThemeContext","MobilePopup","DateInput","Button","useLocaleForControl","DatePickerLocaleHelper","styles","getMobilePickerTheme","MobilePickerDataTids","input","today","MobilePicker","props","locale","theme","calendarRef","inputRef","_useState","_useState$","monthNative","month","year","onValueChange","date","onCloseRequest","setTimeout","_inputRef$current","current","focus","onTodayClick","scrollToMonth","createElement","Provider","value","opened","headerChildComponent","width","withIcon","ref","minDate","maxDate","size","warning","error","footerChildComponent","enableTodayLink","onClick","className","calendarRoot","isHoliday","renderDay","onMonthChange"],"sources":["MobilePicker.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { DateInput } from '../DateInput';\nimport { Button } from '../Button';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\n\nimport { DatePickerProps } from './DatePicker';\nimport { DatePickerLocaleHelper } from './locale';\nimport { styles } from './MobilePicker.styles';\nimport { getMobilePickerTheme } from './getMobilePickerTheme';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const calendarRef = useRef<Calendar>(null);\n  const inputRef = useRef<DateInput>(null);\n\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onValueChange = (date: string) => {\n    props.onValueChange?.(date);\n    props.onCloseRequest?.();\n  };\n\n  useLayoutEffect(() => {\n    // fix DateInput flushSync warning in React 18\n    setTimeout(() => {\n      inputRef.current?.focus();\n    });\n  }, []);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}