@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelectOption.js","names":["sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","styleProp","style","className","restProps","title","undefined","useAdaptivity","sizeY","React","useMemo","process","env","NODE_ENV","classNames","COMPACT","hasReactNode"],"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CustomSelectOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['CustomSelectOption--sizeY-none'],\n  [SizeType.REGULAR]: styles['CustomSelectOption--sizeY-regular'],\n};\n\nexport interface CustomSelectOptionProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Вставляет основной контент.\n   * @deprecated since v6.0.0\n   */\n  option?: any;\n  /**\n   * Добавляет описание под основным блоком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Вставляет элемент в начало блока перед основным контентом.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  before?: React.ReactNode;\n  /**\n   * Вставляет элемент в конец блока после основного контента.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  after?: React.ReactNode;\n  /**\n   * Позволяет создавать вложенность.\n   */\n  hierarchy?: number;\n  /**\n   * Включает состояние выбранного элемента списка.\n   */\n  selected?: boolean;\n  /**\n   * Включает состояние наведения.\n   */\n  hovered?: boolean;\n  /**\n   * Включает состояние фокуса.\n   */\n  focused?: boolean;\n  /**\n   * Блокирует весь блок.\n   */\n  disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n  children,\n  hierarchy = 0,\n  hovered,\n  selected,\n  before,\n  after,\n  option,\n  description,\n  disabled,\n  style: styleProp,\n  className,\n  ...restProps\n}: CustomSelectOptionProps) => {\n  const title = typeof children === 'string' ? children : undefined;\n  const { sizeY = 'none' } = useAdaptivity();\n  const style = React.useMemo(\n    () =>\n      hierarchy > 0\n        ? {\n            '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n            ...styleProp,\n          }\n        : styleProp,\n    [hierarchy, styleProp],\n  );\n\n  if (!!option && process.env.NODE_ENV === 'development') {\n    // TODO v6.0.0. Удалить св-во `option`\n    warn('Свойство option было добавлено по ошибке и будет удалено в v6.0.0.');\n  }\n\n  return (\n    <Paragraph\n      {...restProps}\n      Component=\"div\"\n      role=\"option\"\n      title={title}\n      aria-disabled={disabled}\n      aria-selected={selected}\n      className={classNames(\n        styles['CustomSelectOption'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        hovered && !disabled && styles['CustomSelectOption--hover'],\n        // Note: пустой класс\n        selected && styles['CustomSelectOption--selected'],\n        disabled && styles['CustomSelectOption--disabled'],\n        hierarchy > 0 && styles['CustomSelectOption--hierarchy'],\n        className,\n      )}\n      style={style}\n    >\n      {hasReactNode(before) && <div className={styles['CustomSelectOption__before']}>{before}</div>}\n      <div className={styles['CustomSelectOption__main']}>\n        <div className={styles['CustomSelectOption__children']}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['CustomSelectOption__description']}>{description}</Footnote>\n        )}\n      </div>\n      <div className={styles['CustomSelectOption__after']}>\n        {hasReactNode(after) && (\n          <div className={styles['CustomSelectOption__afterIn']}>{after}</div>\n        )}\n        {selected && <Icon16Done className={styles['CustomSelectOption__selectedIcon']} />}\n      </div>\n    </Paragraph>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAA8D;AAG9D,IAAMA,eAAe;EACnBC,IAAI;AAA0C,GAC7CC,oBAAQ,CAACC,OAAO,0CAClB;AA8CD,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC;;AAE3C;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAaA;EAAA,IAZ7BC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,CAAC;IACbC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACDC,SAAS,QAAhBC,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,KAAK,GAAG,OAAOb,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGc,SAAS;EACjE,qBAA2B,IAAAC,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAMN,KAAK,GAAGO,KAAK,CAACC,OAAO,CACzB;IAAA,OACEjB,SAAS,GAAG,CAAC;MAEP,uDAAuD,EAAEA;IAAS,GAC/DQ,SAAS,IAEdA,SAAS;EAAA,GACf,CAACR,SAAS,EAAEQ,SAAS,CAAC,CACvB;EAED,IAAI,CAAC,CAACH,MAAM,IAAIa,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IACtD;IACAxB,IAAI,CAAC,oEAAoE,CAAC;EAC5E;EAEA,oBACE,oBAAC,oBAAS,6BACJe,SAAS;IACb,SAAS,EAAC,KAAK;IACf,IAAI,EAAC,QAAQ;IACb,KAAK,EAAEC,KAAM;IACb,iBAAeL,QAAS;IACxB,iBAAeL,QAAS;IACxB,SAAS,EAAE,IAAAmB,gBAAU,4BAEnBN,KAAK,KAAKrB,oBAAQ,CAAC4B,OAAO,IAAI9B,eAAe,CAACuB,KAAK,CAAC,EACpDd,OAAO,IAAI,CAACM,QAAQ,mCAAuC;IAC3D;IACAL,QAAQ,sCAA0C,EAClDK,QAAQ,sCAA0C,EAClDP,SAAS,GAAG,CAAC,uCAA2C,EACxDU,SAAS,CACT;IACF,KAAK,EAAED;EAAM,IAEZ,IAAAc,kBAAY,EAACpB,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAuC,GAAEA,MAAM,CAAO,eAC7F;IAAK,SAAS;EAAqC,gBACjD;IAAK,SAAS;EAAyC,GAAEJ,QAAQ,CAAO,EACvE,IAAAwB,kBAAY,EAACjB,WAAW,CAAC,iBACxB,oBAAC,kBAAQ;IAAC,SAAS;EAA4C,GAAEA,WAAW,CAC7E,CACG,eACN;IAAK,SAAS;EAAsC,GACjD,IAAAiB,kBAAY,EAACnB,KAAK,CAAC,iBAClB;IAAK,SAAS;EAAwC,GAAEA,KAAK,CAC9D,EACAF,QAAQ,iBAAI,oBAAC,iBAAU;IAAC,SAAS;EAA6C,EAAG,CAC9E,CACI;AAEhB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CustomSelectOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['CustomSelectOption--sizeY-none'],\n  [SizeType.REGULAR]: styles['CustomSelectOption--sizeY-regular'],\n};\n\nexport interface CustomSelectOptionProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Вставляет основной контент.\n   * @deprecated since v6.0.0\n   */\n  option?: any;\n  /**\n   * Добавляет описание под основным блоком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Вставляет элемент в начало блока перед основным контентом.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  before?: React.ReactNode;\n  /**\n   * Вставляет элемент в конец блока после основного контента.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  after?: React.ReactNode;\n  /**\n   * Позволяет создавать вложенность.\n   */\n  hierarchy?: number;\n  /**\n   * Включает состояние выбранного элемента списка.\n   */\n  selected?: boolean;\n  /**\n   * Включает состояние наведения.\n   */\n  hovered?: boolean;\n  /**\n   * Включает состояние фокуса.\n   */\n  focused?: boolean;\n  /**\n   * Блокирует весь блок.\n   */\n  disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n  children,\n  hierarchy = 0,\n  hovered,\n  selected,\n  before,\n  after,\n  option,\n  description,\n  disabled,\n  style: styleProp,\n  className,\n  ...restProps\n}: CustomSelectOptionProps) => {\n  const title = typeof children === 'string' ? children : undefined;\n  const { sizeY = 'none' } = useAdaptivity();\n  const style = React.useMemo(\n    () =>\n      hierarchy > 0\n        ? {\n            '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n            ...styleProp,\n          }\n        : styleProp,\n    [hierarchy, styleProp],\n  );\n\n  if (!!option && process.env.NODE_ENV === 'development') {\n    // TODO v6.0.0. Удалить св-во `option`\n    warn('Свойство option было добавлено по ошибке и будет удалено в v6.0.0.');\n  }\n\n  return (\n    <Paragraph\n      {...restProps}\n      Component=\"div\"\n      role=\"option\"\n      title={title}\n      aria-disabled={disabled}\n      aria-selected={selected}\n      className={classNames(\n        styles['CustomSelectOption'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        hovered && !disabled && styles['CustomSelectOption--hover'],\n        disabled && styles['CustomSelectOption--disabled'],\n        hierarchy > 0 && styles['CustomSelectOption--hierarchy'],\n        className,\n      )}\n      style={style}\n    >\n      {hasReactNode(before) && <div className={styles['CustomSelectOption__before']}>{before}</div>}\n      <div className={styles['CustomSelectOption__main']}>\n        <div className={styles['CustomSelectOption__children']}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['CustomSelectOption__description']}>{description}</Footnote>\n        )}\n      </div>\n      <div className={styles['CustomSelectOption__after']}>\n        {hasReactNode(after) && <div>{after}</div>}\n        {selected && <Icon16Done className={styles['CustomSelectOption__selectedIcon']} />}\n      </div>\n    </Paragraph>\n  );\n};\n"],"names":["CustomSelectOption","sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","children","hierarchy","hovered","selected","before","after","option","description","disabled","style","styleProp","className","restProps","title","undefined","useAdaptivity","sizeY","React","useMemo","process","env","NODE_ENV","Paragraph","Component","role","aria-disabled","aria-selected","classNames","COMPACT","hasReactNode","div","Footnote","Icon16Done"],"mappings":";;;;+BAiEaA;;;eAAAA;;;;;;;;2DAjEU;qBACI;oBACc;6BACX;0BACL;wBACA;wBAEA;yBACC;AAG1B,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AA+CnB,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMN,qBAAqB,iBAaH;QAZ7BO,kBAAAA,oCACAC,WAAAA,0CAAY,sBACZC,iBAAAA,SACAC,kBAAAA,UACAC,gBAAAA,QACAC,eAAAA,OACAC,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,UACAC,AAAOC,mBAAPD,OACAE,mBAAAA,WACGC;QAXHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,IAAME,QAAQ,OAAOb,aAAa,WAAWA,WAAWc,SAAS;IACjE,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMP,QAAQQ,OAAMC,OAAO,CACzB;eACEjB,YAAY,IACR;YACE,yDAAyDA;WACtDS,aAELA,SAAS;OACf;QAACT;QAAWS;KAAU;IAGxB,IAAI,CAAC,CAACJ,UAAUa,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QACtD,sCAAsC;QACtCvB,KAAK;IACP,CAAC;IAED,qBACE,qBAACwB,oBAAS,uCACJV;QACJW,WAAU;QACVC,MAAK;QACLX,OAAOA;QACPY,iBAAejB;QACfkB,iBAAevB;QACfQ,WAAWgB,IAAAA,gBAAU,4BAEnBX,UAAUpB,oBAAQ,CAACgC,OAAO,IAAIlC,eAAe,CAACsB,MAAM,EACpDd,WAAW,CAACM,6CACZA,gDACAP,YAAY,0CACZU;QAEFF,OAAOA;QAENoB,IAAAA,kBAAY,EAACzB,yBAAW,qBAAC0B;QAAInB,SAAS;OAAyCP,uBAChF,qBAAC0B;QAAInB,SAAS;qBACZ,qBAACmB;QAAInB,SAAS;OAA2CX,WACxD6B,IAAAA,kBAAY,EAACtB,8BACZ,qBAACwB,kBAAQ;QAACpB,SAAS;OAA8CJ,6BAGrE,qBAACuB;QAAInB,SAAS;OACXkB,IAAAA,kBAAY,EAACxB,wBAAU,qBAACyB,aAAKzB,QAC7BF,0BAAY,qBAAC6B,iBAAU;QAACrB,SAAS;;AAI1C"}

package/dist/cjs/components/DateInput/DateInput.d.ts

@@ -3,7 +3,7 @@ import type { PlacementWithAuto } from '../../lib/floating';
 import { HasRootRef } from '../../types';
 import { CalendarProps } from '../Calendar/Calendar';
 import { FormFieldProps } from '../FormField/FormField';
-import '../InputLike/InputLikeDivider.module.css';
+import '../InputLike/InputLike.module.css';
 export interface DateInputProps extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'size'>, Pick<CalendarProps, 'disablePast' | 'disableFuture' | 'enableTime' | 'shouldDisableDate' | 'onChange' | 'value' | 'doneButtonText' | 'weekStartsOn' | 'disablePickers' | 'changeHoursAriaLabel' | 'changeMinutesAriaLabel' | 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'changeDayAriaLabel' | 'showNeighboringMonth' | 'size' | 'viewDate' | 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth' | 'prevMonthIcon' | 'nextMonthIcon'>, HasRootRef<HTMLDivElement>, FormFieldProps {
     calendarPlacement?: PlacementWithAuto;
     closeOnChange?: boolean;

package/dist/cjs/components/DateInput/DateInput.js

@@ -1,273 +1,277 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DateInput", {
+    enumerable: true,
+    get: function() {
+        return DateInput;
+    }
 });
-exports.DateInput = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-var _useDateInput2 = require("../../hooks/useDateInput");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
+var _useDateInput = require("../../hooks/useDateInput");
 var _useExternRef = require("../../hooks/useExternRef");
 var _adaptivity = require("../../lib/adaptivity");
 var _callMultiple = require("../../lib/callMultiple");
 var _date = require("../../lib/date");
-var _Calendar = require("../Calendar/Calendar");
-var _FormField = require("../FormField/FormField");
-var _IconButton = require("../IconButton/IconButton");
-var _InputLike = require("../InputLike/InputLike");
-var _InputLikeDivider = require("../InputLike/InputLikeDivider");
-var _Popper = require("../Popper/Popper");
-var _excluded = ["enableTime", "shouldDisableDate", "disableFuture", "disablePast", "value", "onChange", "calendarPlacement", "style", "className", "doneButtonText", "closeOnChange", "disablePickers", "getRootRef", "name", "autoFocus", "disabled", "onClick", "onFocus", "prevMonthAriaLabel", "nextMonthAriaLabel", "showNeighboringMonth", "size", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "changeHoursAriaLabel", "changeMinutesAriaLabel", "clearFieldAriaLabel", "showCalendarAriaLabel", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "disableCalendar"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiDateInput--sizeY-none"
+var _calendar = require("../Calendar/Calendar");
+var _formField = require("../FormField/FormField");
+var _iconButton = require("../IconButton/IconButton");
+var _inputLike = require("../InputLike/InputLike");
+var _inputLikeDivider = require("../InputLike/InputLikeDivider");
+var _popper = require("../Popper/Popper");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiDateInput--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiDateInput--sizeY-compact");
-var elementsConfig = function elementsConfig(index) {
-  var length = 2;
-  var min = 1;
-  var max = 0;
-  switch (index) {
-    case 0:
-      max = 31;
-      break;
-    case 1:
-      max = 12;
-      break;
-    case 2:
-      max = 2100;
-      min = 1900;
-      length = 4;
-      break;
-    case 3:
-      max = 23;
-      break;
-    case 4:
-      max = 59;
-      break;
-  }
-  return {
-    length: length,
-    min: min,
-    max: max
-  };
-};
-var getInternalValue = function getInternalValue(value) {
-  var newValue = ['', '', '', '', ''];
-  if (value) {
-    newValue[0] = String(value.getDate()).padStart(2, '0');
-    newValue[1] = String(value.getMonth() + 1).padStart(2, '0');
-    newValue[2] = String(value.getFullYear()).padStart(4, '0');
-    newValue[3] = String(value.getHours()).padStart(2, '0');
-    newValue[4] = String(value.getMinutes()).padStart(2, '0');
-  }
-  return newValue;
-};
-
-/**
- * @see https://vkcom.github.io/VKUI/#/DateInput
- */
-var DateInput = function DateInput(_ref) {
-  var enableTime = _ref.enableTime,
-    shouldDisableDate = _ref.shouldDisableDate,
-    disableFuture = _ref.disableFuture,
-    disablePast = _ref.disablePast,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    _ref$calendarPlacemen = _ref.calendarPlacement,
-    calendarPlacement = _ref$calendarPlacemen === void 0 ? 'bottom-start' : _ref$calendarPlacemen,
-    style = _ref.style,
-    className = _ref.className,
-    doneButtonText = _ref.doneButtonText,
-    _ref$closeOnChange = _ref.closeOnChange,
-    closeOnChange = _ref$closeOnChange === void 0 ? true : _ref$closeOnChange,
-    disablePickers = _ref.disablePickers,
-    getRootRef = _ref.getRootRef,
-    name = _ref.name,
-    autoFocus = _ref.autoFocus,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-    showNeighboringMonth = _ref.showNeighboringMonth,
-    size = _ref.size,
-    _ref$changeMonthAriaL = _ref.changeMonthAriaLabel,
-    changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? 'Изменить месяц' : _ref$changeMonthAriaL,
-    _ref$changeYearAriaLa = _ref.changeYearAriaLabel,
-    changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? 'Изменить год' : _ref$changeYearAriaLa,
-    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
-    _ref$changeHoursAriaL = _ref.changeHoursAriaLabel,
-    changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? 'Изменить час' : _ref$changeHoursAriaL,
-    _ref$changeMinutesAri = _ref.changeMinutesAriaLabel,
-    changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? 'Изменить минуту' : _ref$changeMinutesAri,
-    _ref$clearFieldAriaLa = _ref.clearFieldAriaLabel,
-    clearFieldAriaLabel = _ref$clearFieldAriaLa === void 0 ? 'Очистить поле' : _ref$clearFieldAriaLa,
-    _ref$showCalendarAria = _ref.showCalendarAriaLabel,
-    showCalendarAriaLabel = _ref$showCalendarAria === void 0 ? 'Показать календарь' : _ref$showCalendarAria,
-    viewDate = _ref.viewDate,
-    onHeaderChange = _ref.onHeaderChange,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth,
-    prevMonthIcon = _ref.prevMonthIcon,
-    nextMonthIcon = _ref.nextMonthIcon,
-    _ref$disableCalendar = _ref.disableCalendar,
-    disableCalendar = _ref$disableCalendar === void 0 ? false : _ref$disableCalendar,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var daysRef = React.useRef(null);
-  var monthsRef = React.useRef(null);
-  var yearsRef = React.useRef(null);
-  var hoursRef = React.useRef(null);
-  var minutesRef = React.useRef(null);
-  var maxElement = enableTime ? 4 : 2;
-  var onInternalValueChange = React.useCallback(function (internalValue) {
-    for (var i = 0; i <= maxElement; i += 1) {
-      if (internalValue[i].length < elementsConfig(i).length) {
-        return;
-      }
+var elementsConfig = function(index) {
+    var length = 2;
+    var min = 1;
+    var max = 0;
+    switch(index){
+        case 0:
+            max = 31;
+            break;
+        case 1:
+            max = 12;
+            break;
+        case 2:
+            max = 2100;
+            min = 1900;
+            length = 4;
+            break;
+        case 3:
+            max = 23;
+            break;
+        case 4:
+            max = 59;
+            break;
     }
-    var formattedValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
-    var mask = 'DD.MM.YYYY';
-    if (enableTime) {
-      formattedValue += " ".concat(internalValue[3], ":").concat(internalValue[4]);
-      mask += ' HH:mm';
-    }
-    if ((0, _date.isMatch)(formattedValue, mask)) {
-      onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.parse)(formattedValue, mask, value !== null && value !== void 0 ? value : new Date()));
-    }
-  }, [enableTime, maxElement, onChange, value]);
-  var refs = React.useMemo(function () {
-    return [daysRef, monthsRef, yearsRef, hoursRef, minutesRef];
-  }, [daysRef, monthsRef, yearsRef, hoursRef, minutesRef]);
-  var _useDateInput = (0, _useDateInput2.useDateInput)({
-      maxElement: maxElement,
-      refs: refs,
-      autoFocus: autoFocus,
-      disabled: disabled,
-      elementsConfig: elementsConfig,
-      onChange: onChange,
-      onInternalValueChange: onInternalValueChange,
-      getInternalValue: getInternalValue,
-      value: value
-    }),
-    rootRef = _useDateInput.rootRef,
-    calendarRef = _useDateInput.calendarRef,
-    open = _useDateInput.open,
-    openCalendar = _useDateInput.openCalendar,
-    closeCalendar = _useDateInput.closeCalendar,
-    internalValue = _useDateInput.internalValue,
-    handleKeyDown = _useDateInput.handleKeyDown,
-    setFocusedElement = _useDateInput.setFocusedElement,
-    handleFieldEnter = _useDateInput.handleFieldEnter,
-    clear = _useDateInput.clear,
-    removeFocusFromField = _useDateInput.removeFocusFromField;
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var handleRootRef = (0, _useExternRef.useExternRef)(rootRef, getRootRef);
-  var onCalendarChange = React.useCallback(function (value) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value);
-    if (closeOnChange && !enableTime) {
-      removeFocusFromField();
+    return {
+        length: length,
+        min: min,
+        max: max
+    };
+};
+var getInternalValue = function(value) {
+    var newValue = [
+        "",
+        "",
+        "",
+        "",
+        ""
+    ];
+    if (value) {
+        newValue[0] = String(value.getDate()).padStart(2, "0");
+        newValue[1] = String(value.getMonth() + 1).padStart(2, "0");
+        newValue[2] = String(value.getFullYear()).padStart(4, "0");
+        newValue[3] = String(value.getHours()).padStart(2, "0");
+        newValue[4] = String(value.getMinutes()).padStart(2, "0");
     }
-  }, [onChange, removeFocusFromField, closeOnChange, enableTime]);
-  return /*#__PURE__*/React.createElement(_FormField.FormField, (0, _extends2.default)({
-    style: style,
-    className: (0, _vkjs.classNames)("vkuiDateInput", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    getRootRef: handleRootRef,
-    after: value ? /*#__PURE__*/React.createElement(_IconButton.IconButton, {
-      hoverMode: "opacity",
-      "aria-label": clearFieldAriaLabel,
-      onClick: clear
-    }, /*#__PURE__*/React.createElement(_icons.Icon16Clear, null)) : /*#__PURE__*/React.createElement(_IconButton.IconButton, {
-      hoverMode: "opacity",
-      "aria-label": showCalendarAriaLabel,
-      onClick: openCalendar
-    }, /*#__PURE__*/React.createElement(_icons.Icon20CalendarOutline, null)),
-    disabled: disabled,
-    onClick: (0, _callMultiple.callMultiple)(handleFieldEnter, onClick),
-    onFocus: (0, _callMultiple.callMultiple)(handleFieldEnter, onFocus)
-  }, props), /*#__PURE__*/React.createElement("input", {
-    type: "hidden",
-    name: name,
-    value: value ? (0, _date.format)(value, enableTime ? 'DD.MM.YYYYTHH:mm' : 'DD.MM.YYYY') : ''
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "vkuiDateInput__input",
-    onKeyDown: handleKeyDown
-  }, /*#__PURE__*/React.createElement(_InputLike.InputLike, {
-    length: 2,
-    getRootRef: daysRef,
-    index: 0,
-    onElementSelect: setFocusedElement,
-    value: internalValue[0],
-    "aria-label": changeDayAriaLabel
-  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
-    length: 2,
-    getRootRef: monthsRef,
-    index: 1,
-    onElementSelect: setFocusedElement,
-    value: internalValue[1],
-    "aria-label": changeMonthAriaLabel
-  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
-    length: 4,
-    getRootRef: yearsRef,
-    index: 2,
-    onElementSelect: setFocusedElement,
-    value: internalValue[2],
-    "aria-label": changeYearAriaLabel
-  }), enableTime && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, {
-    className: "vkuiDateInput__input--time-divider"
-  }, ' '), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
-    length: 2,
-    getRootRef: hoursRef,
-    index: 3,
-    onElementSelect: setFocusedElement,
-    value: internalValue[3],
-    "aria-label": changeHoursAriaLabel
-  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, ":"), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
-    length: 2,
-    getRootRef: minutesRef,
-    index: 4,
-    onElementSelect: setFocusedElement,
-    value: internalValue[4],
-    "aria-label": changeMinutesAriaLabel
-  }))), open && !disableCalendar && /*#__PURE__*/React.createElement(_Popper.Popper, {
-    targetRef: rootRef,
-    offsetDistance: 8,
-    placement: calendarPlacement
-  }, /*#__PURE__*/React.createElement(_Calendar.Calendar, {
-    value: value,
-    onChange: onCalendarChange,
-    enableTime: enableTime,
-    disablePast: disablePast,
-    disableFuture: disableFuture,
-    shouldDisableDate: shouldDisableDate,
-    onClose: closeCalendar,
-    getRootRef: calendarRef,
-    doneButtonText: doneButtonText,
-    disablePickers: disablePickers,
-    changeHoursAriaLabel: changeHoursAriaLabel,
-    changeMinutesAriaLabel: changeMinutesAriaLabel,
-    prevMonthAriaLabel: prevMonthAriaLabel,
-    nextMonthAriaLabel: nextMonthAriaLabel,
-    changeMonthAriaLabel: changeMonthAriaLabel,
-    changeYearAriaLabel: changeYearAriaLabel,
-    changeDayAriaLabel: changeDayAriaLabel,
-    showNeighboringMonth: showNeighboringMonth,
-    size: size,
-    viewDate: viewDate,
-    onHeaderChange: onHeaderChange,
-    onNextMonth: onNextMonth,
-    onPrevMonth: onPrevMonth,
-    prevMonthIcon: prevMonthIcon,
-    nextMonthIcon: nextMonthIcon
-  })));
+    return newValue;
 };
-exports.DateInput = DateInput;
+var DateInput = function(_param) {
+    var enableTime = _param.enableTime, shouldDisableDate = _param.shouldDisableDate, disableFuture = _param.disableFuture, disablePast = _param.disablePast, value = _param.value, onChange = _param.onChange, _param_calendarPlacement = _param.calendarPlacement, calendarPlacement = _param_calendarPlacement === void 0 ? "bottom-start" : _param_calendarPlacement, style = _param.style, className = _param.className, doneButtonText = _param.doneButtonText, _param_closeOnChange = _param.closeOnChange, closeOnChange = _param_closeOnChange === void 0 ? true : _param_closeOnChange, disablePickers = _param.disablePickers, getRootRef = _param.getRootRef, name = _param.name, autoFocus = _param.autoFocus, disabled = _param.disabled, onClick = _param.onClick, onFocus = _param.onFocus, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, showNeighboringMonth = _param.showNeighboringMonth, size = _param.size, _param_changeMonthAriaLabel = _param.changeMonthAriaLabel, changeMonthAriaLabel = _param_changeMonthAriaLabel === void 0 ? "Изменить месяц" : _param_changeMonthAriaLabel, _param_changeYearAriaLabel = _param.changeYearAriaLabel, changeYearAriaLabel = _param_changeYearAriaLabel === void 0 ? "Изменить год" : _param_changeYearAriaLabel, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, _param_changeHoursAriaLabel = _param.changeHoursAriaLabel, changeHoursAriaLabel = _param_changeHoursAriaLabel === void 0 ? "Изменить час" : _param_changeHoursAriaLabel, _param_changeMinutesAriaLabel = _param.changeMinutesAriaLabel, changeMinutesAriaLabel = _param_changeMinutesAriaLabel === void 0 ? "Изменить минуту" : _param_changeMinutesAriaLabel, _param_clearFieldAriaLabel = _param.clearFieldAriaLabel, clearFieldAriaLabel = _param_clearFieldAriaLabel === void 0 ? "Очистить поле" : _param_clearFieldAriaLabel, _param_showCalendarAriaLabel = _param.showCalendarAriaLabel, showCalendarAriaLabel = _param_showCalendarAriaLabel === void 0 ? "Показать календарь" : _param_showCalendarAriaLabel, viewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, _param_disableCalendar = _param.disableCalendar, disableCalendar = _param_disableCalendar === void 0 ? false : _param_disableCalendar, props = _objectWithoutProperties(_param, [
+        "enableTime",
+        "shouldDisableDate",
+        "disableFuture",
+        "disablePast",
+        "value",
+        "onChange",
+        "calendarPlacement",
+        "style",
+        "className",
+        "doneButtonText",
+        "closeOnChange",
+        "disablePickers",
+        "getRootRef",
+        "name",
+        "autoFocus",
+        "disabled",
+        "onClick",
+        "onFocus",
+        "prevMonthAriaLabel",
+        "nextMonthAriaLabel",
+        "showNeighboringMonth",
+        "size",
+        "changeMonthAriaLabel",
+        "changeYearAriaLabel",
+        "changeDayAriaLabel",
+        "changeHoursAriaLabel",
+        "changeMinutesAriaLabel",
+        "clearFieldAriaLabel",
+        "showCalendarAriaLabel",
+        "viewDate",
+        "onHeaderChange",
+        "onNextMonth",
+        "onPrevMonth",
+        "prevMonthIcon",
+        "nextMonthIcon",
+        "disableCalendar"
+    ]);
+    var daysRef = _react.useRef(null);
+    var monthsRef = _react.useRef(null);
+    var yearsRef = _react.useRef(null);
+    var hoursRef = _react.useRef(null);
+    var minutesRef = _react.useRef(null);
+    var maxElement = enableTime ? 4 : 2;
+    var onInternalValueChange = _react.useCallback(function(internalValue) {
+        for(var i = 0; i <= maxElement; i += 1){
+            if (internalValue[i].length < elementsConfig(i).length) {
+                return;
+            }
+        }
+        var formattedValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
+        var mask = "DD.MM.YYYY";
+        if (enableTime) {
+            formattedValue += " ".concat(internalValue[3], ":").concat(internalValue[4]);
+            mask += " HH:mm";
+        }
+        if ((0, _date.isMatch)(formattedValue, mask)) {
+            onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.parse)(formattedValue, mask, value !== null && value !== void 0 ? value : new Date()));
+        }
+    }, [
+        enableTime,
+        maxElement,
+        onChange,
+        value
+    ]);
+    var refs = _react.useMemo(function() {
+        return [
+            daysRef,
+            monthsRef,
+            yearsRef,
+            hoursRef,
+            minutesRef
+        ];
+    }, [
+        daysRef,
+        monthsRef,
+        yearsRef,
+        hoursRef,
+        minutesRef
+    ]);
+    var _useDateInput1 = (0, _useDateInput.useDateInput)({
+        maxElement: maxElement,
+        refs: refs,
+        autoFocus: autoFocus,
+        disabled: disabled,
+        elementsConfig: elementsConfig,
+        onChange: onChange,
+        onInternalValueChange: onInternalValueChange,
+        getInternalValue: getInternalValue,
+        value: value
+    }), rootRef = _useDateInput1.rootRef, calendarRef = _useDateInput1.calendarRef, open = _useDateInput1.open, openCalendar = _useDateInput1.openCalendar, closeCalendar = _useDateInput1.closeCalendar, internalValue = _useDateInput1.internalValue, handleKeyDown = _useDateInput1.handleKeyDown, setFocusedElement = _useDateInput1.setFocusedElement, handleFieldEnter = _useDateInput1.handleFieldEnter, clear = _useDateInput1.clear, removeFocusFromField = _useDateInput1.removeFocusFromField;
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var handleRootRef = (0, _useExternRef.useExternRef)(rootRef, getRootRef);
+    var onCalendarChange = _react.useCallback(function(value) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        if (closeOnChange && !enableTime) {
+            removeFocusFromField();
+        }
+    }, [
+        onChange,
+        removeFocusFromField,
+        closeOnChange,
+        enableTime
+    ]);
+    return /*#__PURE__*/ _react.createElement(_formField.FormField, _objectSpread({
+        style: style,
+        className: (0, _vkjs.classNames)(sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        getRootRef: handleRootRef,
+        after: value ? /*#__PURE__*/ _react.createElement(_iconButton.IconButton, {
+            hoverMode: "opacity",
+            "aria-label": clearFieldAriaLabel,
+            onClick: clear
+        }, /*#__PURE__*/ _react.createElement(_icons.Icon16Clear, null)) : /*#__PURE__*/ _react.createElement(_iconButton.IconButton, {
+            hoverMode: "opacity",
+            "aria-label": showCalendarAriaLabel,
+            onClick: openCalendar
+        }, /*#__PURE__*/ _react.createElement(_icons.Icon20CalendarOutline, null)),
+        disabled: disabled,
+        onClick: (0, _callMultiple.callMultiple)(handleFieldEnter, onClick),
+        onFocus: (0, _callMultiple.callMultiple)(handleFieldEnter, onFocus)
+    }, props), /*#__PURE__*/ _react.createElement("input", {
+        type: "hidden",
+        name: name,
+        value: value ? (0, _date.format)(value, enableTime ? "DD.MM.YYYYTHH:mm" : "DD.MM.YYYY") : ""
+    }), /*#__PURE__*/ _react.createElement("span", {
+        className: "vkuiDateInput__input",
+        onKeyDown: handleKeyDown
+    }, /*#__PURE__*/ _react.createElement(_inputLike.InputLike, {
+        length: 2,
+        getRootRef: daysRef,
+        index: 0,
+        onElementSelect: setFocusedElement,
+        value: internalValue[0],
+        "aria-label": changeDayAriaLabel
+    }), /*#__PURE__*/ _react.createElement(_inputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/ _react.createElement(_inputLike.InputLike, {
+        length: 2,
+        getRootRef: monthsRef,
+        index: 1,
+        onElementSelect: setFocusedElement,
+        value: internalValue[1],
+        "aria-label": changeMonthAriaLabel
+    }), /*#__PURE__*/ _react.createElement(_inputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/ _react.createElement(_inputLike.InputLike, {
+        length: 4,
+        getRootRef: yearsRef,
+        index: 2,
+        onElementSelect: setFocusedElement,
+        value: internalValue[2],
+        "aria-label": changeYearAriaLabel
+    }), enableTime && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_inputLikeDivider.InputLikeDivider, {
+        className: "vkuiDateInput__input--time-divider"
+    }, " "), /*#__PURE__*/ _react.createElement(_inputLike.InputLike, {
+        length: 2,
+        getRootRef: hoursRef,
+        index: 3,
+        onElementSelect: setFocusedElement,
+        value: internalValue[3],
+        "aria-label": changeHoursAriaLabel
+    }), /*#__PURE__*/ _react.createElement(_inputLikeDivider.InputLikeDivider, null, ":"), /*#__PURE__*/ _react.createElement(_inputLike.InputLike, {
+        length: 2,
+        getRootRef: minutesRef,
+        index: 4,
+        onElementSelect: setFocusedElement,
+        value: internalValue[4],
+        "aria-label": changeMinutesAriaLabel
+    }))), open && !disableCalendar && /*#__PURE__*/ _react.createElement(_popper.Popper, {
+        targetRef: rootRef,
+        offsetDistance: 8,
+        placement: calendarPlacement
+    }, /*#__PURE__*/ _react.createElement(_calendar.Calendar, {
+        value: value,
+        onChange: onCalendarChange,
+        enableTime: enableTime,
+        disablePast: disablePast,
+        disableFuture: disableFuture,
+        shouldDisableDate: shouldDisableDate,
+        onClose: closeCalendar,
+        getRootRef: calendarRef,
+        doneButtonText: doneButtonText,
+        disablePickers: disablePickers,
+        changeHoursAriaLabel: changeHoursAriaLabel,
+        changeMinutesAriaLabel: changeMinutesAriaLabel,
+        prevMonthAriaLabel: prevMonthAriaLabel,
+        nextMonthAriaLabel: nextMonthAriaLabel,
+        changeMonthAriaLabel: changeMonthAriaLabel,
+        changeYearAriaLabel: changeYearAriaLabel,
+        changeDayAriaLabel: changeDayAriaLabel,
+        showNeighboringMonth: showNeighboringMonth,
+        size: size,
+        viewDate: viewDate,
+        onHeaderChange: onHeaderChange,
+        onNextMonth: onNextMonth,
+        onPrevMonth: onPrevMonth,
+        prevMonthIcon: prevMonthIcon,
+        nextMonthIcon: nextMonthIcon
+    })));
+};
+
 //# sourceMappingURL=DateInput.js.map