@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/components/DateInput/__creevey__/DateInput.creevey.mts

@@ -0,0 +1,156 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+kind('DateInput', () => {
+  story('Simple', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('focus', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.matchImage(await context.takeScreenshot(), 'focus');
+    });
+  });
+
+  story('Disabled', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('focus', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.matchImage(await context.takeScreenshot(), 'focus');
+    });
+  });
+
+  story('WithWidth', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('focus', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.matchImage(await context.takeScreenshot(), 'focus');
+    });
+  });
+
+  story('BlurAlwaysAfterChange', () => {
+    test('value not changed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      await delay(500);
+      await context.matchImage(await context.takeScreenshot(), 'value not changed');
+    });
+
+    test('value changed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys('12')
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      await delay(500);
+      await context.matchImage(await context.takeScreenshot(), 'value changed');
+    });
+
+    test('value restored', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.NUMPAD1)
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.blur();
+        }
+      });
+      await context.matchImage(await context.takeScreenshot(), 'value restored');
+    });
+  });
+
+  story('WithNoValue', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot());
+    });
+
+    test('focused', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const input = window.document.querySelector("[data-comp-name~='DateInput']");
+        if (input instanceof HTMLElement) {
+          input.focus();
+        }
+      });
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+
+  story('WithError', () => {
+    test('focused', async (context) => {
+      const plain = await context.takeScreenshot();
+      const DateInputPlaceholder = context.webdriver.findElement({
+        css: '[data-tid~="DateFragmentsView__placeholder"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(DateInputPlaceholder).perform();
+      await delay(1000);
+      const focused = await context.takeScreenshot();
+      await context.matchImages({ plain, focused });
+    });
+  });
+
+  story('ShouldSetFocusOnPlaceholderClick', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'chrome only': { in: /^(?!\bchrome2022\b)/ } } });
+
+    test('focused', async (context) => {
+      const DateInputPlaceholder = context.webdriver.findElement({
+        css: '[data-tid~="DateFragmentsView__placeholder"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(DateInputPlaceholder).perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+});

package/components/DatePicker/DatePicker/DatePicker.js

@@ -62,6 +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.canOpenPopup = true;
     _this.state = {
       opened: false,
       canUseMobileNativeDatePicker: false,
@@ -158,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, {
@@ -183,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;
@@ -254,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
@@ -330,6 +350,10 @@ 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","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","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","minWidth","setState","close","handleSelect","blur","_inheritsLoose","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","prevProps","prevState","render","_this2","Consumer","create","calendarBottomSeparatorBorder","rootNodeRef","setRootNode","date","validate","checks","NotNull","Native","toString","withPad","_this3","_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 { 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\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() {\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.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          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={() => {\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 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  private handleMobileCloseRequest = () => {\n    this.close();\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    /**\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 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

@@ -71,6 +71,10 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Включает кнопку сегодня в календаре
+         */
+        enableTodayLink: PropTypes.Requireable<boolean>;
         error: PropTypes.Requireable<boolean>;
         /**
          * Максимальная дата в календаре.
@@ -103,6 +107,7 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     private getProps;
     private theme;
     private readonly locale;
+    private canOpenPopup;
     static validate: (value: Nullable<string>, range?: {
         minDate?: string | undefined;
         maxDate?: string | undefined;
@@ -121,7 +126,9 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     /**
      * @public
      */
-    focus(): void;
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
     /**
      * Закрывает выпадашку выбора дня
      * @public
@@ -134,7 +141,9 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     getParent: () => Nullable<Element>;
     private getRootStyle;
     private getInputRef;
+    private openPickerPopup;
     private handleFocus;
+    private handleKeyDown;
     private handleBlur;
     private handleValueChange;
     private handleSelect;

package/components/DatePicker/__creevey__/DatePicker.creevey.mts

@@ -0,0 +1,209 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('DatePicker', () => {
+  story('WithMouseeventHandlers', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: {
+          in: ['chrome2022Dark'],
+          tests: ['DateSelect year'],
+        },
+      },
+    });
+    test('opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+
+    test('DateSelect month', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(
+          context.webdriver.findElement({
+            css: '[data-tid="MonthView__month"]:first-child [data-tid="MonthView__headerMonth"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect month');
+    });
+
+    test('DateSelect year', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(
+          context.webdriver.findElement({
+            css: '[data-comp-name~="MonthView"]:first-child [data-tid="MonthView__headerYear"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect year');
+    });
+  });
+
+  story('DatePickerWithMinMaxDate', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: {
+          in: /^(?!\b(chrome|ie11)\b)/,
+          tests: ['DateSelect months', 'DateSelect years'],
+        },
+      },
+    });
+
+    test('DateSelect months', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .pause(1000)
+        .perform();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(
+          context.webdriver.findElement({
+            css: '[data-tid="MonthView__month"]:first-child [data-tid="MonthView__headerMonth"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .pause(1000)
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect months');
+    });
+
+    test('DateSelect years', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .pause(1000)
+        .perform();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(
+          context.webdriver.findElement({
+            css: '[data-comp-name~="MonthView"]:first-child [data-tid="MonthView__headerYear"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .pause(1000)
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect years');
+    });
+  });
+
+  story('DatePickerInRelativeBody', () => {
+    test('opened', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="toggle-relative-position"]' }))
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('WithManualPosition', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('opened top without relative position', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened top without relative position');
+    });
+
+    test('opened bottom without relative position', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="pos"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened bottom without relative position');
+    });
+
+    test('opened top with relative position', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="relative"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened top with relative position');
+    });
+
+    test('opened bottom with relative position', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="pos"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-tid~="relative"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened bottom');
+    });
+  });
+  story('MobilePicker', () => {
+    test('MobilePicker on iphone opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="DatePicker"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'MobilePicker on iphone opened');
+    });
+  });
+});