npm - @skbkontur/react-ui - Versions diffs - 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca - Mend

@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1528) hide show

package/cjs/components/DatePicker/DatePicker.d.ts CHANGED Viewed

@@ -74,7 +74,6 @@ export declare class DatePicker extends React.PureComponent<DatePickerProps, Dat
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
-    private styles;
     private theme;
     private readonly locale;
     private canOpenPopup;

package/cjs/components/DatePicker/DatePicker.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MIN_WIDTH = exports.DatePickerDataTids = exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _Popup = require("../../internal/Popup");
 var _locale = require("../../lib/locale");
 var _decorators = require("../../lib/locale/decorators");
@@ -152,7 +151,6 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
     getProps = (0, _createPropsGetter.createPropsGetter)(DatePicker.defaultProps);_this.
     canOpenPopup = true;_this.
@@ -255,14 +253,6 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
@@ -320,7 +310,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
           _react.default.createElement("div", {
             "data-tid": DatePickerDataTids.pickerRoot,
-            className: _this.styles.calendarWrapper(_this.theme),
+            className: _DatePicker2.styles.calendarWrapper(_this.theme),
             onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/
           _react.default.createElement(_Calendar.Calendar, {
@@ -341,7 +331,7 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
       }
       return /*#__PURE__*/(
         _react.default.createElement("label", {
-          className: _this.styles.root(),
+          className: _DatePicker2.styles.root(),
           style: _this.getRootStyle(),
           onMouseEnter: _this.props.onMouseEnter,
           onMouseLeave: _this.props.onMouseLeave,
@@ -497,4 +487,4 @@ DatePicker = exports.DatePicker = (_dec = (0, _decorators.locale)('DatePicker',
    */;_proto.focus = function focus(opts) {if (this.props.disabled) {return;}if (opts != null && opts.withoutOpenDropdown) {this.canOpenPopup = false;}if (this.input) {this.input.focus();}} /**
    * Закрывает выпадашку выбора дня
    * @public
-   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.styles = (0, _DatePicker2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme) }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain));});});};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date.toString({ withPad: true });}return undefined;};_proto.renderTodayLink = function renderTodayLink() {var _this3 = this;var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents()).toString({ withPad: true, withSeparator: true });return /*#__PURE__*/_react.default.createElement("div", { style: { margin: 8 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { "aria-label": this.locale.todayAriaLabel, "data-tid": DatePickerDataTids.pickerTodayWrapper, width: "100%", onClick: function onClick() {_this3.handleSelect(today);}, icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null) }, this.locale.today));};return DatePicker;}(_react.default.PureComponent), _DatePicker.__KONTUR_REACT_UI__ = 'DatePicker', _DatePicker.displayName = 'DatePicker', _DatePicker.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE }, _DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });}, _DatePicker)) || _class) || _class) || _class);
+   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme) }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain));});};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date.toString({ withPad: true });}return undefined;};_proto.renderTodayLink = function renderTodayLink() {var _this3 = this;var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents()).toString({ withPad: true, withSeparator: true });return /*#__PURE__*/_react.default.createElement("div", { style: { margin: 8 } }, /*#__PURE__*/_react.default.createElement(_Button.Button, { "aria-label": this.locale.todayAriaLabel, "data-tid": DatePickerDataTids.pickerTodayWrapper, width: "100%", onClick: function onClick() {_this3.handleSelect(today);}, icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null) }, this.locale.today));};return DatePicker;}(_react.default.PureComponent), _DatePicker.__KONTUR_REACT_UI__ = 'DatePicker', _DatePicker.displayName = 'DatePicker', _DatePicker.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE }, _DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });}, _DatePicker)) || _class) || _class) || _class);

package/cjs/components/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_Popup","_locale","_decorators","_InternalDateGetter","_ArrowAUp16Light","_ThemeFactory","_InternalDate","_constants","_types","_DateInput","_filterProps","_CommonWrapper","_client","_NativeDateInput","_rootNode","_utils","_createPropsGetter","_Calendar","_ThemeContext","_Button","_CalendarUtils","_decorator","_getMenuPositions","_ZIndex","_DatePicker2","_locale2","_MobilePicker","_dec","_class","_DatePicker","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","exports","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","locale","DatePickerLocaleHelper","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","canOpenPopup","state","opened","canUseMobileNativeDatePicker","today","getTodayDate","focused","renderMain","props","picker","_this$getProps","minDate","maxDate","menuPos","menuAlign","isMobile","isMobileLayout","default","createElement","MobilePicker","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","onCloseRequest","handleMobileCloseRequest","renderDay","onMonthChange","LocaleContext","Provider","Calendar","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","Popup","hasShadow","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","anchorElement","getParent","margin","parseInt","theme","datePickerMenuOffsetY","className","styles","calendarWrapper","onMouseDown","e","preventDefault","handleValueChange","renderTodayLink","style","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","DateInput","_extends2","id","filterProps","ref","getInputRef","width","withIcon","onBlur","undefined","handleBlur","onFocus","handleFocus","onClick","openPickerPopup","handleKeyDown","NativeDateInput","getRootNode","isNonNullable","minWidth","setState","close","handleSelect","blur","_inheritsLoose2","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","prevProps","prevState","opts","withoutOpenDropdown","render","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","ThemeFactory","create","calendarBottomSeparatorBorder","CommonWrapper","rootNodeRef","setRootNode","date","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","toString","withPad","_this3","_this$locale","order","separator","setComponents","InternalDateGetter","getTodayComponents","withSeparator","Button","todayAriaLabel","icon","ArrowAUpIcon16Light","React","PureComponent","__KONTUR_REACT_UI__","displayName","MIN_FULLDATE","MAX_FULLDATE","range","_range","_range$minDate","_range$maxDate","internalDate","InternalDateOrder","DMY","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"sources":["DatePicker.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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 type { Nullable } from '../../typings/utility-types';\nimport { DateInput } from '../DateInput';\nimport { filterProps } from '../../lib/filterProps';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isNonNullable } from '../../lib/utils';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { CalendarDateShape, CalendarProps } from '../Calendar';\nimport { Calendar } from '../Calendar';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Button } from '../Button';\nimport { getTodayDate } from '../Calendar/CalendarUtils';\nimport type { SizeProp } from '../../lib/types/props';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../../internal/ZIndex';\n\nimport { getStyles } from './DatePicker.styles';\nimport type { DatePickerLocale } from './locale';\nimport { 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 Строка формата `dd.mm.yyyy`\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 defaultProps: DefaultProps = {\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n };\n\n private getProps = createPropsGetter(DatePicker.defaultProps);\n private styles!: ReturnType<typeof getStyles>;\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 public getRootNode!: TGetRootNode;\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 <RenderEnvironmentContext.Consumer>\n {({ emotion }) => {\n this.styles = getStyles(emotion);\n\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 </RenderEnvironmentContext.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={this.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={this.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":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_Popup","_locale","_decorators","_InternalDateGetter","_ArrowAUp16Light","_ThemeFactory","_InternalDate","_constants","_types","_DateInput","_filterProps","_CommonWrapper","_client","_NativeDateInput","_rootNode","_utils","_createPropsGetter","_Calendar","_ThemeContext","_Button","_CalendarUtils","_decorator","_getMenuPositions","_ZIndex","_DatePicker2","_locale2","_MobilePicker","_dec","_class","_DatePicker","INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","exports","DatePickerDataTids","root","input","label","pickerRoot","pickerTodayWrapper","DatePicker","locale","DatePickerLocaleHelper","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","canOpenPopup","state","opened","canUseMobileNativeDatePicker","today","getTodayDate","focused","renderMain","props","picker","_this$getProps","minDate","maxDate","menuPos","menuAlign","isMobile","isMobileLayout","default","createElement","MobilePicker","value","parseValueToDate","onValueChange","enableTodayLink","isHoliday","onCloseRequest","handleMobileCloseRequest","renderDay","onMonthChange","LocaleContext","Provider","Calendar","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","Popup","hasShadow","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","anchorElement","getParent","margin","parseInt","theme","datePickerMenuOffsetY","className","styles","calendarWrapper","onMouseDown","e","preventDefault","handleValueChange","renderTodayLink","style","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","DateInput","_extends2","id","filterProps","ref","getInputRef","width","withIcon","onBlur","undefined","handleBlur","onFocus","handleFocus","onClick","openPickerPopup","handleKeyDown","NativeDateInput","getRootNode","isNonNullable","minWidth","setState","close","handleSelect","blur","_inheritsLoose2","_proto","prototype","componentDidMount","useMobileNativeDatePicker","focus","componentDidUpdate","prevProps","prevState","opts","withoutOpenDropdown","render","_this2","ThemeContext","Consumer","ThemeFactory","create","calendarBottomSeparatorBorder","CommonWrapper","rootNodeRef","setRootNode","date","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","toString","withPad","_this3","_this$locale","order","separator","setComponents","InternalDateGetter","getTodayComponents","withSeparator","Button","todayAriaLabel","icon","ArrowAUpIcon16Light","React","PureComponent","__KONTUR_REACT_UI__","displayName","MIN_FULLDATE","MAX_FULLDATE","range","_range","_range$minDate","_range$maxDate","internalDate","InternalDateOrder","DMY","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"sources":["DatePicker.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React 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 type { Nullable } from '../../typings/utility-types';\nimport { DateInput } from '../DateInput';\nimport { filterProps } from '../../lib/filterProps';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isNonNullable } from '../../lib/utils';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { CalendarDateShape, CalendarProps } from '../Calendar';\nimport { Calendar } from '../Calendar';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Button } from '../Button';\nimport { getTodayDate } from '../Calendar/CalendarUtils';\nimport type { 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 type { DatePickerLocale } from './locale';\nimport { 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 Строка формата `dd.mm.yyyy`\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 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 public getRootNode!: TGetRootNode;\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/cjs/components/DatePicker/DatePicker.md ADDED Viewed

@@ -0,0 +1,368 @@
+Компонент `DatePicker` принимает в `value` строку формата `dd.mm.yyyy`.
+При вводе строки в поле ввода, возвращает строку без маски.
+Имеется статический метод `DatePicker.validate`, который проверяет,
+что введенная дата корректна
+```ts static
+DatePicker.validate: (value: string, range?: { minDate?: string; maxDate?: string }) => boolean
+```
+### Валидация
+Пример с обработкой ошибок, когда пользователь ввел невалидную дату.
+```jsx harmony
+import { Gapped, Tooltip } from '@skbkontur/react-ui';
+import { ViewDateInputValidateChecks } from '@skbkontur/react-ui/components/DateInput/ViewDateInputValidateChecks';
+const [value, setValue] = React.useState();
+const [error, setError] = React.useState(false);
+const [tooltip, setTooltip] = React.useState(false);
+const minDate = '22.12.2012';
+const maxDate = '02.05.2018';
+const unvalidate = () => {
+  setError(false);
+  setTooltip(false);
+};
+const validate = () => {
+  const errorNew = !!value && !DatePicker.validate(value, { minDate: minDate, maxDate: maxDate });
+  setError(errorNew);
+  setTooltip(errorNew);
+};
+let removeTooltip = () => setTooltip(false);
+<Gapped gap={10} vertical>
+  <ViewDateInputValidateChecks value={value} minDate={minDate} maxDate={maxDate} />
+  <pre>
+    minDate = {minDate}
+    <br />
+    maxDate = {maxDate}
+  </pre>
+  <Tooltip trigger={tooltip ? 'opened' : 'closed'} render={() => 'Невалидная дата'} onCloseClick={removeTooltip}>
+    <DatePicker
+      error={error}
+      value={value}
+      onValueChange={setValue}
+      onFocus={unvalidate}
+      onBlur={validate}
+      minDate={minDate}
+      maxDate={maxDate}
+      enableTodayLink
+    />
+  </Tooltip>
+</Gapped>;
+```
+Очистить значение в `DatePicker`'е можно с помощью пустой строки, `null` или `undefined`
+```jsx harmony
+import { Button, Group } from '@skbkontur/react-ui';
+const [value, setValue] = React.useState('24.08.2022');
+<Group>
+  <DatePicker
+    value={value}
+    onValueChange={setValue}
+    enableTodayLink
+  />
+  <Button onClick={() => setValue(null)}>Null</Button>
+  <Button onClick={() => setValue(undefined)}>Undefined</Button>
+  <Button onClick={() => setValue('')}>Пустая строка</Button>
+</Group>;
+```
+### `isHoliday`
+В компонент можно передать функцию `isHoliday`, которая будет получать день строкой формата `dd.mm.yyyy` и флаг `isWeekend`, и должна вернуть `true` для выходного и `false` для рабочего дня.
+```jsx harmony
+import * as DatePickerHelpers from './DatePickerHelpers';
+const [value, setValue] = React.useState();
+const createRandomHolidays = () => {
+  const holidays = new Array(10);
+  const today = new Date();
+  for (let index = 0; index < holidays.length; index++) {
+    const day = new Date(today.setDate(today.getDate() + 1 + index).valueOf());
+    const holiday = {
+      date: day.getDate(),
+      month: day.getMonth(),
+      year: day.getFullYear(),
+    };
+    holidays[index] = DatePickerHelpers.formatDate(holiday);
+  }
+  return holidays;
+};
+const holidays = createRandomHolidays();
+const isHoliday = (day, isWeekend) => {
+  const today = new Date();
+  const holiday = {
+    date: today.getDate(),
+    month: today.getMonth(),
+    year: today.getFullYear(),
+  };
+  if (holidays.includes(day)) {
+    return !isWeekend;
+  }
+  return isWeekend;
+};
+<DatePicker isHoliday={isHoliday} value={value} onValueChange={setValue} enableTodayLink />;
+```
+### Производственный календарь
+Пример обработки производственного календаря от `data.gov.ru`
+<details><summary>`data.gov.ru`</summary>
+Docs:
+<https://data.gov.ru/api-portala-otkrytyh-dannyh-rf-polnoe-rukovodstvo>
+Request:
+```md
+https://data.gov.ru/api/json/dataset/7708660670-proizvcalendar/version/20151123T183036/content?search=2021&access_token=31de6d0b90f51a7aa3ee2d518d50f4e9
+```
+Response:
+```json
+[
+  {
+    "Год/Месяц": "2021",
+    "Январь": "1,2,3,4,5,6,7,8,9,10,16,17,23,24,30,31",
+    "Февраль": "6,7,13,14,20,21,22*,23,27,28",
+    "Март": "6,7,8*,13,14,20,21,27,28",
+    "Апрель": "3,4,10,11,17,18,24,25,30*",
+    "Май": "1,2,3+,8,9,10+,15,16,22,23,29,30",
+    "Июнь": "5,6,11*,12,13,14+,19,20,26,27",
+    "Июль": "3,4,10,11,17,18,24,25,31",
+    "Август": "1,7,8,14,15,21,22,28,29",
+    "Сентябрь": "4,5,11,12,18,19,25,26",
+    "Октябрь": "2,3,9,10,16,17,23,24,30,31",
+    "Ноябрь": "3*,4,6,7,13,14,20,21,27,28",
+    "Декабрь": "4,5,11,12,18,19,25,26,31*",
+    "Всего рабочих дней": "249",
+    "Всего праздничных и выходных дней": "116",
+    "Количество рабочих часов при 40-часовой рабочей неделе": "1987",
+    "Количество рабочих часов при 36-часовой рабочей неделе": "1787.8",
+    "Количество рабочих часов при 24-часовой рабочей неделе": "1190.2"
+  }
+]
+```
+</details>
+```jsx harmony
+const today = new Date();
+const year = today.getFullYear();
+const response = [
+  {
+    'Год/Месяц': '2021',
+    Январь: '1,2,3,4,5,6,7,8,9,10,16,17,23,24,30,31',
+    Февраль: '6,7,13,14,20,21,22*,23,27,28',
+    Март: '6,7,8*,13,14,20,21,27,28',
+    Апрель: '3,4,10,11,17,18,24,25,30*',
+    Май: '1,2,3+,8,9,10+,15,16,22,23,29,30',
+    Июнь: '5,6,11*,12,13,14+,19,20,26,27',
+    Июль: '3,4,10,11,17,18,24,25,31',
+    Август: '1,7,8,14,15,21,22,28,29',
+    Сентябрь: '4,5,11,12,18,19,25,26',
+    Октябрь: '2,3,9,10,16,17,23,24,30,31',
+    Ноябрь: '3*,4,6,7,13,14,20,21,27,28',
+    Декабрь: '4,5,11,12,18,19,25,26,31*',
+    'Всего рабочих дней': '249',
+    'Всего праздничных и выходных дней': '116',
+    'Количество рабочих часов при 40-часовой рабочей неделе': '1987',
+    'Количество рабочих часов при 36-часовой рабочей неделе': '1787.8',
+    'Количество рабочих часов при 24-часовой рабочей неделе': '1190.2',
+  },
+];
+let result = [];
+let holidays = [];
+if (response.length !== 0) {
+  result = Object.values(
+    response.length > 1 ? response.find(data => data['Год/Месяц'] === year.toString()) || response[0] : response[0],
+  ).slice(1, 13);
+}
+result.forEach((month, index) => {
+  month
+    .split(',')
+    .filter(item => /^\d*$/.test(item))
+    .forEach(day => {
+      holidays.push(`${day.padStart(2, 0)}.${(index + 1).toString().padStart(2, 0)}.${year}`);
+    });
+});
+const isHoliday = (date, isWeekend) => holidays.includes(date) || isWeekend;
+<DatePicker isHoliday={isHoliday} onValueChange={() => void 0} enableTodayLink />;
+```
+### Ручное форматирование даты
+```jsx harmony
+import { DateOrder, DateSeparator, Gapped, LocaleContext, Select, LangCodes } from '@skbkontur/react-ui';
+class DatePickerFormatting extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      order: DateOrder.YMD,
+      separator: 'Dot',
+      value: '21.12.2012',
+    };
+  }
+  render() {
+    return (
+      <Gapped vertical gap={10}>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Порядок компонентов (<tt>DateOrder</tt>)
+          </span>
+          <Select
+            value={this.state.order}
+            items={Object.keys(DateOrder)}
+            onValueChange={order => this.setState({ order })}
+          />
+        </div>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Разделитель (<tt>DateSeparator</tt>)
+          </span>
+          <Select
+            value={this.state.separator}
+            items={Object.keys(DateSeparator)}
+            onValueChange={separator => this.setState({ separator })}
+          />
+        </div>
+        <LocaleContext.Provider
+          value={{
+            langCode: LangCodes.ru_RU,
+            locale: {
+              DatePicker: {
+                separator: DateSeparator[this.state.separator],
+                order: this.state.order,
+              },
+            },
+          }}
+        >
+          <DatePicker onValueChange={value => this.setState({ value })} value={this.state.value} />
+        </LocaleContext.Provider>
+      </Gapped>
+    );
+  }
+}
+<DatePickerFormatting />;
+```
+### Кастомный рендер дня
+Подбробный пример в [Calendar](#/Components/Calendar)
+```jsx harmony
+import { CalendarDay } from "@skbkontur/react-ui";
+const [value, setValue] = React.useState('12.05.2022');
+const renderDay = (props) => {
+  const [date] = props.date.split('.').map(Number);
+  const isEven = date % 2 === 0;
+  if (isEven) {
+    return <CalendarDay {...props} style={{ background: '#e9f8e3' }} />
+  }
+  return <CalendarDay {...props} />
+};
+<DatePicker value={value} onValueChange={setValue} renderDay={renderDay} />;
+```
+#### Локали по умолчанию
+```typescript static
+interface DatePickerLocale {
+  today?: string;
+  months?: string[];
+  order?: DateOrder;
+  separator?: DateSeparator;
+  todayAriaLabel?: string
+  selectMonthAriaLabel?: string;
+  selectYearAriaLabel?: string;
+  selectChosenAriaLabel?: string;
+  dayCellChooseDateAriaLabel?: string;
+}
+const ru_RU = {
+  today: 'Сегодня',
+  months: [
+    'Январь',
+    'Февраль',
+    'Март',
+    'Апрель',
+    'Май',
+    'Июнь',
+    'Июль',
+    'Август',
+    'Сентябрь',
+    'Октябрь',
+    'Ноябрь',
+    'Декабрь',
+  ],
+  order: DateOrder.DMY,
+  separator: DateSeparator.Dot,
+  todayAriaLabel: 'Перейти к сегодняшней дате',
+  selectMonthAriaLabel: 'месяц',
+  selectYearAriaLabel: 'год',
+  selectChosenAriaLabel: 'Выбранный',
+  dayCellChooseDateAriaLabel: 'Выбрать дату',
+};
+const en_GB = {
+  today: 'Today',
+  months: [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+  ],
+  order: DateOrder.MDY,
+  separator: DateSeparator.Slash,
+  todayAriaLabel: "Go to today's date",
+  selectMonthAriaLabel: 'month',
+  selectYearAriaLabel: 'year',
+  selectChosenAriaLabel: 'Chosen',
+  dayCellChooseDateAriaLabel: 'Choose date',
+};
+```
+### Адаптивность
+На мобильных устройствах есть несколько вариантов. По умолчанию откроется адаптивная версия в попапе. Но можно открывать нативный календарь, если передать проп `useMobileNativeDatePicker`.

package/cjs/components/DatePicker/DatePicker.styles.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     calendarWrapper(t: Theme): string;
 };

package/cjs/components/DatePicker/DatePicker.styles.js CHANGED Viewed

@@ -1,28 +1,25 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        position: relative;\n        touch-action: none;\n        line-height: normal;\n      "])));
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      touch-action: none;\n      line-height: normal;\n    "])));
-      },
-      calendarWrapper: function calendarWrapper(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        box-shadow: ", ";\n        display: flex;\n        flex-flow: column nowrap;\n        font-size: 0;\n        z-index: 1000;\n        touch-action: none;\n        border-radius: ", ";\n      "])),
-        t.calendarBg,
-        t.pickerShadow,
+  },
+  calendarWrapper: function calendarWrapper(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      display: flex;\n      flex-flow: column nowrap;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n      border-radius: ", ";\n    "])),
+    t.calendarBg,
+    t.pickerShadow,
-        t.calendarBorderRadius);
+    t.calendarBorderRadius);
-      }
-    }));};
+  }
+});