@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.js","names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","useConfigProvider","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","classNames","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n  TappableElementProps,\n  'onChange' | 'size' | 'disabled' | 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n  day: Date;\n  today?: boolean;\n  selected?: boolean;\n  selectionStart?: boolean;\n  selectionEnd?: boolean;\n  hintedSelectionStart?: boolean;\n  hintedSelectionEnd?: boolean;\n  active?: boolean;\n  hidden?: boolean;\n  disabled?: boolean;\n  focused?: boolean;\n  hinted?: boolean;\n  sameMonth?: boolean;\n  size?: 's' | 'm';\n  onChange(value: Date): void;\n  onEnter?(value: Date): void;\n  onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    className,\n    ...props\n  }: CalendarDayProps) => {\n    const { locale } = useConfigProvider();\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    if (hidden) {\n      return <div className={styles['CalendarDay__hidden']}></div>;\n    }\n\n    return (\n      <Tappable\n        className={classNames(\n          styles['CalendarDay'],\n          size && styles[`CalendarDay--size-${size}`],\n          today && styles['CalendarDay--today'],\n          selected && !disabled && styles['CalendarDay--selected'],\n          active && !disabled && styles['CalendarDay--active'],\n          selectionStart && styles['CalendarDay--selection-start'],\n          selectionEnd && styles['CalendarDay--selection-end'],\n          disabled && styles['CalendarDay--disabled'],\n          !sameMonth && styles['CalendarDay--not-same-month'],\n          className,\n        )}\n        hoverMode={active ? styles['CalendarDay--active-hover'] : styles['CalendarDay--hover']}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        aria-label={new Intl.DateTimeFormat(locale, {\n          weekday: 'long',\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric',\n        }).format(day)}\n        tabIndex={-1}\n        getRootRef={ref}\n        focusVisibleMode={active ? 'outside' : 'inside'}\n        onEnter={handleEnter}\n        onLeave={handleLeave}\n        {...props}\n      >\n        <div\n          className={classNames(\n            styles['CalendarDay__hinted'],\n            hinted && styles['CalendarDay__hinted--active'],\n            hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n            hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n          )}\n        >\n          <div\n            className={classNames(\n              styles['CalendarDay__inner'],\n              active && !disabled && styles['CalendarDay__inner--active'],\n            )}\n          >\n            <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n  TappableElementProps,\n  'onChange' | 'size' | 'disabled' | 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n  day: Date;\n  today?: boolean;\n  selected?: boolean;\n  selectionStart?: boolean;\n  selectionEnd?: boolean;\n  hintedSelectionStart?: boolean;\n  hintedSelectionEnd?: boolean;\n  active?: boolean;\n  hidden?: boolean;\n  disabled?: boolean;\n  focused?: boolean;\n  hinted?: boolean;\n  sameMonth?: boolean;\n  size?: 's' | 'm';\n  onChange(value: Date): void;\n  onEnter?(value: Date): void;\n  onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    className,\n    ...props\n  }: CalendarDayProps) => {\n    const { locale } = useConfigProvider();\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    if (hidden) {\n      return <div className={styles['CalendarDay__hidden']}></div>;\n    }\n\n    return (\n      <Tappable\n        className={classNames(\n          styles['CalendarDay'],\n          size === 's' && styles['CalendarDay--size-s'],\n          today && styles['CalendarDay--today'],\n          selected && !disabled && styles['CalendarDay--selected'],\n          selectionStart && styles['CalendarDay--selection-start'],\n          selectionEnd && styles['CalendarDay--selection-end'],\n          disabled && styles['CalendarDay--disabled'],\n          !sameMonth && styles['CalendarDay--not-same-month'],\n          className,\n        )}\n        hoverMode={active ? '' : styles['CalendarDay--hover']}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        aria-label={new Intl.DateTimeFormat(locale, {\n          weekday: 'long',\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric',\n        }).format(day)}\n        tabIndex={-1}\n        getRootRef={ref}\n        focusVisibleMode={active ? 'outside' : 'inside'}\n        onEnter={handleEnter}\n        onLeave={handleLeave}\n        {...props}\n      >\n        <div\n          className={classNames(\n            styles['CalendarDay__hinted'],\n            hinted && styles['CalendarDay__hinted--active'],\n            hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n            hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n          )}\n        >\n          <div\n            className={classNames(\n              styles['CalendarDay__inner'],\n              active && !disabled && styles['CalendarDay__inner--active'],\n            )}\n          >\n            <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","useConfigProvider","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","div","Tappable","classNames","hoverMode","hasActive","aria-label","Intl","DateTimeFormat","weekday","year","month","format","tabIndex","getRootRef","focusVisibleMode","getDate","displayName"],"mappings":";;;;+BAgCaA;;;eAAAA;;;;;;2DAhCU;oBACI;uCACsB;qCACf;wBACa;AA4BxC,IAAMA,4BAAcC,OAAMC,IAAI,CACnC,iBAoBwB;QAnBtBC,aAAAA,KACAC,eAAAA,OACAC,kBAAAA,UACAC,kBAAAA,UACAC,gBAAAA,QACAC,kBAAAA,UACAC,gBAAAA,QACAC,wBAAAA,gBACAC,sBAAAA,cACAC,iBAAAA,SACAC,iBAAAA,SACAC,iBAAAA,SACAC,gBAAAA,QACAC,8BAAAA,sBACAC,4BAAAA,oBACAC,mBAAAA,WACAC,cAAAA,MACAC,mBAAAA,WACGC;QAlBHlB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,SAAWC,IAAAA,wCAAiB,IAA5BD;IACR,IAAME,MAAMvB,OAAMwB,MAAM,CAAc,IAAI;IAC1C,IAAMC,UAAUzB,OAAM0B,WAAW,CAAC;eAAMrB,SAASH;OAAM;QAACA;QAAKG;KAAS;IACtE,IAAMsB,cAAc3B,OAAM0B,WAAW,CAAC;QAAMd,OAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAAUV;OAAM;QAACA;QAAKU;KAAQ;IAC1E,IAAMgB,cAAc5B,OAAM0B,WAAW,CAAC;QAAMb,OAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAAUX;OAAM;QAACA;QAAKW;KAAQ;IAE1Eb,OAAM6B,SAAS,CAAC,WAAM;QACpB,IAAIlB,WAAWY,IAAIO,OAAO,EAAE;YAC1BP,IAAIO,OAAO,CAACC,aAAa,CAAC,IAAIC,MAAMC,yDAAgC,EAAE;gBAAEC,SAAS,IAAI;YAAC;YACtFX,IAAIO,OAAO,CAACK,KAAK;QACnB,CAAC;IACH,GAAG;QAACxB;KAAQ;IAEZ,IAAIL,QAAQ;QACV,qBAAO,qBAAC8B;YAAIjB,SAAS;;IACvB,CAAC;IAED,qBACE,qBAACkB,kBAAQ;QACPlB,WAAWmB,IAAAA,gBAAU,qBAEnBpB,SAAS,kCACTf,mCACAC,YAAY,CAACG,yCACbE,sDACAC,kDACAH,yCACA,CAACU,gDACDE;QAEFoB,WAAW/B,SAAS,6BAAiC;QACrDgC,WAAW,KAAK;QAChBf,SAASA;QACTlB,UAAUA;QACVkC,cAAY,IAAIC,KAAKC,cAAc,CAACtB,QAAQ;YAC1CuB,SAAS;YACTC,MAAM;YACNC,OAAO;YACP5C,KAAK;QACP,GAAG6C,MAAM,CAAC7C;QACV8C,UAAU,CAAC;QACXC,YAAY1B;QACZ2B,kBAAkB1C,SAAS,YAAY,QAAQ;QAC/CI,SAASe;QACTd,SAASe;OACLR,sBAEJ,qBAACgB;QACCjB,WAAWmB,IAAAA,gBAAU,6BAEnBxB,6CACAC,oEACAC;qBAGF,qBAACoB;QACCjB,WAAWmB,IAAAA,gBAAU,4BAEnB9B,UAAU,CAACD;qBAGb,qBAAC6B;QAAIjB,SAAS;OAAsCjB,IAAIiD,OAAO;AAKzE;AAGFpD,YAAYqD,WAAW,GAAG"}

package/dist/cjs/components/CalendarDays/CalendarDays.js

@@ -1,103 +1,109 @@
 "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, "CalendarDays", {
+    enumerable: true,
+    get: function() {
+        return CalendarDays;
+    }
 });
-exports.CalendarDays = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useTodayDate = require("../../hooks/useTodayDate");
 var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
-var _CalendarDay = require("../CalendarDay/CalendarDay");
-var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _Footnote = require("../Typography/Footnote/Footnote");
-var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps", "className", "listenDayChangesForUpdate"];
-var CalendarDays = function CalendarDays(_ref) {
-  var viewDate = _ref.viewDate,
-    value = _ref.value,
-    weekStartsOn = _ref.weekStartsOn,
-    onDayChange = _ref.onDayChange,
-    isDaySelected = _ref.isDaySelected,
-    isDayActive = _ref.isDayActive,
-    isDaySelectionEnd = _ref.isDaySelectionEnd,
-    isDaySelectionStart = _ref.isDaySelectionStart,
-    onDayEnter = _ref.onDayEnter,
-    onDayLeave = _ref.onDayLeave,
-    isDayHinted = _ref.isDayHinted,
-    isHintedDaySelectionStart = _ref.isHintedDaySelectionStart,
-    isHintedDaySelectionEnd = _ref.isHintedDaySelectionEnd,
-    isDayFocused = _ref.isDayFocused,
-    isDayDisabled = _ref.isDayDisabled,
-    size = _ref.size,
-    _ref$showNeighboringM = _ref.showNeighboringMonth,
-    showNeighboringMonth = _ref$showNeighboringM === void 0 ? false : _ref$showNeighboringM,
-    dayProps = _ref.dayProps,
-    className = _ref.className,
-    _ref$listenDayChanges = _ref.listenDayChangesForUpdate,
-    listenDayChangesForUpdate = _ref$listenDayChanges === void 0 ? false : _ref$listenDayChanges,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(),
-    locale = _useConfigProvider.locale;
-  var ref = React.useRef(null);
-  var now = (0, _useTodayDate.useTodayDate)(listenDayChangesForUpdate);
-  var weeks = React.useMemo(function () {
-    return (0, _calendar.getWeeks)(viewDate, weekStartsOn);
-  }, [weekStartsOn, viewDate]);
-  var daysNames = React.useMemo(function () {
-    return (0, _calendar.getDaysNames)(now, weekStartsOn, locale);
-  }, [locale, now, weekStartsOn]);
-  var handleDayChange = React.useCallback(function (date) {
-    var _ref$current;
-    onDayChange(date);
-    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
-  }, [onDayChange]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
-    className: (0, _vkjs.classNames)("vkuiCalendarDays", className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _vkjs.classNames)("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)])
-  }, daysNames.map(function (dayName) {
-    return /*#__PURE__*/React.createElement(_Footnote.Footnote, {
-      key: dayName,
-      className: "vkuiCalendarDays__weekday"
-    }, dayName);
-  })), weeks.map(function (week, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: (0, _vkjs.classNames)("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)]),
-      key: i
-    }, week.map(function (day, i) {
-      var sameMonth = (0, _date.isSameMonth)(day, viewDate);
-      return /*#__PURE__*/React.createElement(_CalendarDay.CalendarDay, (0, _extends2.default)({
-        key: day.toISOString(),
-        day: day,
-        today: (0, _date.isSameDay)(day, now),
-        active: isDayActive(day),
-        onChange: handleDayChange,
-        hidden: !showNeighboringMonth && !sameMonth,
-        disabled: isDayDisabled(day),
-        selectionStart: isDaySelectionStart(day, i),
-        selectionEnd: isDaySelectionEnd(day, i),
-        hintedSelectionStart: isHintedDaySelectionStart === null || isHintedDaySelectionStart === void 0 ? void 0 : isHintedDaySelectionStart(day, i),
-        hintedSelectionEnd: isHintedDaySelectionEnd === null || isHintedDaySelectionEnd === void 0 ? void 0 : isHintedDaySelectionEnd(day, i),
-        selected: isDaySelected === null || isDaySelected === void 0 ? void 0 : isDaySelected(day),
-        focused: isDayFocused(day),
-        onEnter: onDayEnter,
-        onLeave: onDayLeave,
-        hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
-        sameMonth: sameMonth,
-        size: size
-      }, dayProps));
+var _calendarDay = require("../CalendarDay/CalendarDay");
+var _configProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _footnote = require("../Typography/Footnote/Footnote");
+var CalendarDays = function(_param) {
+    var viewDate = _param.viewDate, value = _param.value, weekStartsOn = _param.weekStartsOn, onDayChange = _param.onDayChange, isDaySelected = _param.isDaySelected, isDayActive = _param.isDayActive, isDaySelectionEnd = _param.isDaySelectionEnd, isDaySelectionStart = _param.isDaySelectionStart, onDayEnter = _param.onDayEnter, onDayLeave = _param.onDayLeave, isDayHinted = _param.isDayHinted, isHintedDaySelectionStart = _param.isHintedDaySelectionStart, isHintedDaySelectionEnd = _param.isHintedDaySelectionEnd, isDayFocused = _param.isDayFocused, isDayDisabled = _param.isDayDisabled, size = _param.size, _param_showNeighboringMonth = _param.showNeighboringMonth, showNeighboringMonth = _param_showNeighboringMonth === void 0 ? false : _param_showNeighboringMonth, dayProps = _param.dayProps, className = _param.className, _param_listenDayChangesForUpdate = _param.listenDayChangesForUpdate, listenDayChangesForUpdate = _param_listenDayChangesForUpdate === void 0 ? false : _param_listenDayChangesForUpdate, props = _objectWithoutProperties(_param, [
+        "viewDate",
+        "value",
+        "weekStartsOn",
+        "onDayChange",
+        "isDaySelected",
+        "isDayActive",
+        "isDaySelectionEnd",
+        "isDaySelectionStart",
+        "onDayEnter",
+        "onDayLeave",
+        "isDayHinted",
+        "isHintedDaySelectionStart",
+        "isHintedDaySelectionEnd",
+        "isDayFocused",
+        "isDayDisabled",
+        "size",
+        "showNeighboringMonth",
+        "dayProps",
+        "className",
+        "listenDayChangesForUpdate"
+    ]);
+    var locale = (0, _configProviderContext.useConfigProvider)().locale;
+    var ref = _react.useRef(null);
+    var now = (0, _useTodayDate.useTodayDate)(listenDayChangesForUpdate);
+    var weeks = _react.useMemo(function() {
+        return (0, _calendar.getWeeks)(viewDate, weekStartsOn);
+    }, [
+        weekStartsOn,
+        viewDate
+    ]);
+    var daysNames = _react.useMemo(function() {
+        return (0, _calendar.getDaysNames)(now, weekStartsOn, locale);
+    }, [
+        locale,
+        now,
+        weekStartsOn
+    ]);
+    var handleDayChange = _react.useCallback(function(date) {
+        var _ref_current;
+        onDayChange(date);
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+    }, [
+        onDayChange
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, props), {
+        className: (0, _vkjs.classNames)("vkuiCalendarDays", className),
+        ref: ref
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiCalendarDays__row", size === "s" && "vkuiCalendarDays__row--size-s")
+    }, daysNames.map(function(dayName) {
+        return /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+            key: dayName,
+            className: "vkuiCalendarDays__weekday"
+        }, dayName);
+    })), weeks.map(function(week, i) {
+        /*#__PURE__*/ return _react.createElement("div", {
+            className: (0, _vkjs.classNames)("vkuiCalendarDays__row", size === "s" && "vkuiCalendarDays__row--size-s"),
+            key: i
+        }, week.map(function(day, i) {
+            var sameMonth = (0, _date.isSameMonth)(day, viewDate);
+            return /*#__PURE__*/ _react.createElement(_calendarDay.CalendarDay, _objectSpread({
+                key: day.toISOString(),
+                day: day,
+                today: (0, _date.isSameDay)(day, now),
+                active: isDayActive(day),
+                onChange: handleDayChange,
+                hidden: !showNeighboringMonth && !sameMonth,
+                disabled: isDayDisabled(day),
+                selectionStart: isDaySelectionStart(day, i),
+                selectionEnd: isDaySelectionEnd(day, i),
+                hintedSelectionStart: isHintedDaySelectionStart === null || isHintedDaySelectionStart === void 0 ? void 0 : isHintedDaySelectionStart(day, i),
+                hintedSelectionEnd: isHintedDaySelectionEnd === null || isHintedDaySelectionEnd === void 0 ? void 0 : isHintedDaySelectionEnd(day, i),
+                selected: isDaySelected === null || isDaySelected === void 0 ? void 0 : isDaySelected(day),
+                focused: isDayFocused(day),
+                onEnter: onDayEnter,
+                onLeave: onDayLeave,
+                hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
+                sameMonth: sameMonth,
+                size: size
+            }, dayProps));
+        }));
     }));
-  }));
-};
-exports.CalendarDays = CalendarDays;
-var styles = {
-  "CalendarDays__row--size-s": "vkuiCalendarDays__row--size-s",
-  "CalendarDays__row--size-m": "vkuiCalendarDays__row--size-m"
 };
+
 //# sourceMappingURL=CalendarDays.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.js","names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","useConfigProvider","locale","ref","React","useRef","now","useTodayDate","weeks","useMemo","getWeeks","daysNames","getDaysNames","handleDayChange","useCallback","date","current","focus","classNames","styles","map","dayName","week","i","day","sameMonth","isSameMonth","toISOString","isSameDay"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTodayDate } from '../../hooks/useTodayDate';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { CalendarDay, CalendarDayElementProps } from '../CalendarDay/CalendarDay';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './CalendarDays.module.css';\n\nexport interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  dayProps?: CalendarDayElementProps;\n  listenDayChangesForUpdate?: boolean;\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  dayProps,\n  className,\n  listenDayChangesForUpdate = false,\n  ...props\n}: CalendarDaysProps) => {\n  const { locale } = useConfigProvider();\n  const ref = React.useRef<HTMLDivElement>(null);\n  const now = useTodayDate(listenDayChangesForUpdate);\n\n  const weeks = React.useMemo(() => getWeeks(viewDate, weekStartsOn), [weekStartsOn, viewDate]);\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn],\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange],\n  );\n\n  return (\n    <div {...props} className={classNames(styles['CalendarDays'], className)} ref={ref}>\n      <div\n        className={classNames(\n          styles['CalendarDays__row'],\n          size && styles[`CalendarDays__row--size-${size}`],\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Footnote key={dayName} className={styles['CalendarDays__weekday']}>\n            {dayName}\n          </Footnote>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          className={classNames(\n            styles['CalendarDays__row'],\n            size && styles[`CalendarDays__row--size-${size}`],\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n                {...dayProps}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTodayDate } from '../../hooks/useTodayDate';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { CalendarDay, CalendarDayElementProps } from '../CalendarDay/CalendarDay';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './CalendarDays.module.css';\n\nexport interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  dayProps?: CalendarDayElementProps;\n  listenDayChangesForUpdate?: boolean;\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  dayProps,\n  className,\n  listenDayChangesForUpdate = false,\n  ...props\n}: CalendarDaysProps) => {\n  const { locale } = useConfigProvider();\n  const ref = React.useRef<HTMLDivElement>(null);\n  const now = useTodayDate(listenDayChangesForUpdate);\n\n  const weeks = React.useMemo(() => getWeeks(viewDate, weekStartsOn), [weekStartsOn, viewDate]);\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn],\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange],\n  );\n\n  return (\n    <div {...props} className={classNames(styles['CalendarDays'], className)} ref={ref}>\n      <div\n        className={classNames(\n          styles['CalendarDays__row'],\n          size === 's' && styles['CalendarDays__row--size-s'],\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Footnote key={dayName} className={styles['CalendarDays__weekday']}>\n            {dayName}\n          </Footnote>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          className={classNames(\n            styles['CalendarDays__row'],\n            size === 's' && styles['CalendarDays__row--size-s'],\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n                {...dayProps}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","useConfigProvider","ref","React","useRef","now","useTodayDate","weeks","useMemo","getWeeks","daysNames","getDaysNames","handleDayChange","useCallback","date","current","focus","div","classNames","map","dayName","Footnote","key","week","i","day","sameMonth","isSameMonth","CalendarDay","toISOString","today","isSameDay","active","onChange","hidden","disabled","selectionStart","selectionEnd","hintedSelectionStart","hintedSelectionEnd","selected","focused","onEnter","onLeave","hinted"],"mappings":";;;;+BAgCaA;;;eAAAA;;;;;;;2DAhCU;oBACI;4BACE;wBACU;oBACA;2BACc;qCACnB;wBACT;AAyBlB,IAAMA,eAAe,iBAsBH;QArBvBC,kBAAAA,UACAC,eAAAA,OACAC,sBAAAA,cACAC,qBAAAA,aACAC,uBAAAA,eACAC,qBAAAA,aACAC,2BAAAA,mBACAC,6BAAAA,qBACAC,oBAAAA,YACAC,oBAAAA,YACAC,qBAAAA,aACAC,mCAAAA,2BACAC,iCAAAA,yBACAC,sBAAAA,cACAC,uBAAAA,eACAC,cAAAA,2CACAC,sBAAAA,gEAAuB,KAAK,gCAC5BC,kBAAAA,UACAC,mBAAAA,qDACAC,2BAAAA,0EAA4B,KAAK,qCAC9BC;QApBHpB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,SAAWC,IAAAA,wCAAiB,IAA5BD;IACR,IAAME,MAAMC,OAAMC,MAAM,CAAiB,IAAI;IAC7C,IAAMC,MAAMC,IAAAA,0BAAY,EAACR;IAEzB,IAAMS,QAAQJ,OAAMK,OAAO,CAAC;eAAMC,IAAAA,kBAAQ,EAAC9B,UAAUE;OAAe;QAACA;QAAcF;KAAS;IAE5F,IAAM+B,YAAYP,OAAMK,OAAO,CAC7B;eAAMG,IAAAA,sBAAY,EAACN,KAAKxB,cAAcmB;OACtC;QAACA;QAAQK;QAAKxB;KAAa;IAG7B,IAAM+B,kBAAkBT,OAAMU,WAAW,CACvC,SAACC,MAAe;YAGdZ;QAFApB,YAAYgC;QAEZZ,CAAAA,eAAAA,IAAIa,OAAO,cAAXb,0BAAAA,KAAAA,IAAAA,aAAac;IACf,GACA;QAAClC;KAAY;IAGf,qBACE,qBAACmC,4CAAQlB;QAAOF,WAAWqB,IAAAA,gBAAU,sBAAyBrB;QAAYK,KAAKA;sBAC7E,qBAACe;QACCpB,WAAWqB,IAAAA,gBAAU,2BAEnBxB,SAAS;OAGVgB,UAAUS,GAAG,CAAC,SAACC;6BACd,qBAACC,kBAAQ;YAACC,KAAKF;YAASvB,SAAS;WAC9BuB;SAKNb,MAAMY,GAAG,CAAC,SAACI,MAAMC;sBAChB,OAAA,qBAACP;YACCpB,WAAWqB,IAAAA,gBAAU,2BAEnBxB,SAAS;YAEX4B,KAAKE;WAEJD,KAAKJ,GAAG,CAAC,SAACM,KAAKD,GAAM;YACpB,IAAME,YAAYC,IAAAA,iBAAW,EAACF,KAAK9C;YACnC,qBACE,qBAACiD,wBAAW;gBACVN,KAAKG,IAAII,WAAW;gBACpBJ,KAAKA;gBACLK,OAAOC,IAAAA,eAAS,EAACN,KAAKpB;gBACtB2B,QAAQhD,YAAYyC;gBACpBQ,UAAUrB;gBACVsB,QAAQ,CAACvC,wBAAwB,CAAC+B;gBAClCS,UAAU1C,cAAcgC;gBACxBW,gBAAgBlD,oBAAoBuC,KAAKD;gBACzCa,cAAcpD,kBAAkBwC,KAAKD;gBACrCc,oBAAoB,EAAEhD,sCAAAA,uCAAAA,KAAAA,IAAAA,0BAA4BmC,KAAKD;gBACvDe,kBAAkB,EAAEhD,oCAAAA,qCAAAA,KAAAA,IAAAA,wBAA0BkC,KAAKD;gBACnDgB,QAAQ,EAAEzD,0BAAAA,2BAAAA,KAAAA,IAAAA,cAAgB0C;gBAC1BgB,SAASjD,aAAaiC;gBACtBiB,SAASvD;gBACTwD,SAASvD;gBACTwD,MAAM,EAAEvD,wBAAAA,yBAAAA,KAAAA,IAAAA,YAAcoC;gBACtBC,WAAWA;gBACXhC,MAAMA;eACFE;QAGV;;AAKV"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TappableElementProps } from '../Tappable/Tappable';
-declare type ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;
+type ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;
 export interface CalendarHeaderProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     viewDate: Date;
     prevMonth?: boolean;

package/dist/cjs/components/CalendarHeader/CalendarHeader.js

@@ -1,144 +1,129 @@
 "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, "CalendarHeader", {
+    enumerable: true,
+    get: function() {
+        return CalendarHeader;
+    }
 });
-exports.CalendarHeader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+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 _adaptivity = require("../../lib/adaptivity");
 var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
-var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
-var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _CustomSelect = require("../CustomSelect/CustomSelect");
-var _Tappable = require("../Tappable/Tappable");
-var _Paragraph = require("../Typography/Paragraph/Paragraph");
-var _excluded = ["className"],
-  _excluded2 = ["className"];
-var CalendarHeader = function CalendarHeader(_ref) {
-  var viewDate = _ref.viewDate,
-    onChange = _ref.onChange,
-    _ref$prevMonth = _ref.prevMonth,
-    prevMonth = _ref$prevMonth === void 0 ? true : _ref$prevMonth,
-    _ref$nextMonth = _ref.nextMonth,
-    nextMonth = _ref$nextMonth === void 0 ? true : _ref$nextMonth,
-    _ref$disablePickers = _ref.disablePickers,
-    disablePickers = _ref$disablePickers === void 0 ? false : _ref$disablePickers,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth,
-    className = _ref.className,
-    _ref$prevMonthProps = _ref.prevMonthProps,
-    prevMonthProps = _ref$prevMonthProps === void 0 ? {} : _ref$prevMonthProps,
-    _ref$nextMonthProps = _ref.nextMonthProps,
-    nextMonthProps = _ref$nextMonthProps === void 0 ? {} : _ref$nextMonthProps,
-    _ref$prevMonthAriaLab = _ref.prevMonthAriaLabel,
-    prevMonthAriaLabel = _ref$prevMonthAriaLab === void 0 ? 'Предыдущий месяц' : _ref$prevMonthAriaLab,
-    _ref$nextMonthAriaLab = _ref.nextMonthAriaLabel,
-    nextMonthAriaLabel = _ref$nextMonthAriaLab === void 0 ? 'Следующий месяц' : _ref$nextMonthAriaLab,
-    _ref$changeMonthAriaL = _ref.changeMonthAriaLabel,
-    changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? 'Изменить месяц' : _ref$changeMonthAriaL,
-    _ref$changeYearAriaLa = _ref.changeYearAriaLabel,
-    changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? 'Изменить год' : _ref$changeYearAriaLa,
-    _ref$prevMonthIcon = _ref.prevMonthIcon,
-    prevMonthIcon = _ref$prevMonthIcon === void 0 ? /*#__PURE__*/React.createElement(_icons.Icon20ChevronLeftOutline, {
-      className: "vkuiCalendarHeader__nav-icon--accent",
-      width: 30,
-      height: 30
-    }) : _ref$prevMonthIcon,
-    _ref$nextMonthIcon = _ref.nextMonthIcon,
-    nextMonthIcon = _ref$nextMonthIcon === void 0 ? /*#__PURE__*/React.createElement(_icons.Icon20ChevronRightOutline, {
-      className: "vkuiCalendarHeader__nav-icon--accent",
-      width: 30,
-      height: 30
-    }) : _ref$nextMonthIcon;
-  var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(),
-    locale = _useConfigProvider.locale;
-  var onMonthsChange = React.useCallback(function (event) {
-    return onChange((0, _date.setMonth)(viewDate, Number(event.target.value)));
-  }, [onChange, viewDate]);
-  var onYearChange = React.useCallback(function (event) {
-    return onChange((0, _date.setYear)(viewDate, Number(event.target.value)));
-  }, [onChange, viewDate]);
-  var months = React.useMemo(function () {
-    return (0, _calendar.getMonths)(locale).map(function (_ref2) {
-      var value = _ref2.value,
-        label = _ref2.label;
-      return {
-        value: value,
-        label: /*#__PURE__*/React.createElement("span", {
-          className: "vkuiCalendarHeader__month"
-        }, label)
-      };
+var _adaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
+var _configProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _customSelect = require("../CustomSelect/CustomSelect");
+var _tappable = require("../Tappable/Tappable");
+var _paragraph = require("../Typography/Paragraph/Paragraph");
+var CalendarHeader = function(param) {
+    var viewDate = param.viewDate, onChange = param.onChange, _param_prevMonth = param.prevMonth, prevMonth = _param_prevMonth === void 0 ? true : _param_prevMonth, _param_nextMonth = param.nextMonth, nextMonth = _param_nextMonth === void 0 ? true : _param_nextMonth, _param_disablePickers = param.disablePickers, disablePickers = _param_disablePickers === void 0 ? false : _param_disablePickers, onNextMonth = param.onNextMonth, onPrevMonth = param.onPrevMonth, className = param.className, _param_prevMonthProps = param.prevMonthProps, prevMonthProps = _param_prevMonthProps === void 0 ? {} : _param_prevMonthProps, _param_nextMonthProps = param.nextMonthProps, nextMonthProps = _param_nextMonthProps === void 0 ? {} : _param_nextMonthProps, _param_prevMonthAriaLabel = param.prevMonthAriaLabel, prevMonthAriaLabel = _param_prevMonthAriaLabel === void 0 ? "Предыдущий месяц" : _param_prevMonthAriaLabel, _param_nextMonthAriaLabel = param.nextMonthAriaLabel, nextMonthAriaLabel = _param_nextMonthAriaLabel === void 0 ? "Следующий месяц" : _param_nextMonthAriaLabel, _param_changeMonthAriaLabel = param.changeMonthAriaLabel, changeMonthAriaLabel = _param_changeMonthAriaLabel === void 0 ? "Изменить месяц" : _param_changeMonthAriaLabel, _param_changeYearAriaLabel = param.changeYearAriaLabel, changeYearAriaLabel = _param_changeYearAriaLabel === void 0 ? "Изменить год" : _param_changeYearAriaLabel, _param_prevMonthIcon = param.prevMonthIcon, prevMonthIcon = _param_prevMonthIcon === void 0 ? /*#__PURE__*/ _react.createElement(_icons.Icon20ChevronLeftOutline, {
+        className: "vkuiCalendarHeader__nav-icon--accent",
+        width: 30,
+        height: 30
+    }) : _param_prevMonthIcon, _param_nextMonthIcon = param.nextMonthIcon, nextMonthIcon = _param_nextMonthIcon === void 0 ? /*#__PURE__*/ _react.createElement(_icons.Icon20ChevronRightOutline, {
+        className: "vkuiCalendarHeader__nav-icon--accent",
+        width: 30,
+        height: 30
+    }) : _param_nextMonthIcon;
+    var locale = (0, _configProviderContext.useConfigProvider)().locale;
+    var onMonthsChange = _react.useCallback(function(event) {
+        return onChange((0, _date.setMonth)(viewDate, Number(event.target.value)));
+    }, [
+        onChange,
+        viewDate
+    ]);
+    var onYearChange = _react.useCallback(function(event) {
+        return onChange((0, _date.setYear)(viewDate, Number(event.target.value)));
+    }, [
+        onChange,
+        viewDate
+    ]);
+    var months = _react.useMemo(function() {
+        return (0, _calendar.getMonths)(locale).map(function(param) {
+            var value = param.value, label = param.label;
+            return {
+                value: value,
+                label: /*#__PURE__*/ _react.createElement("span", {
+                    className: "vkuiCalendarHeader__month"
+                }, label)
+            };
+        });
+    }, [
+        locale
+    ]);
+    var currentYear = viewDate.getFullYear();
+    var years = _react.useMemo(function() {
+        return (0, _calendar.getYears)(currentYear, 100);
+    }, [
+        currentYear
+    ]);
+    var formatter = new Intl.DateTimeFormat(locale, {
+        year: "numeric",
+        month: "long"
     });
-  }, [locale]);
-  var currentYear = viewDate.getFullYear();
-  var years = React.useMemo(function () {
-    return (0, _calendar.getYears)(currentYear, 100);
-  }, [currentYear]);
-  var formatter = new Intl.DateTimeFormat(locale, {
-    year: 'numeric',
-    month: 'long'
-  });
-  var prevMonthClassName = prevMonthProps.className,
-    restPrevMonthProps = (0, _objectWithoutProperties2.default)(prevMonthProps, _excluded);
-  var nextMonthClassName = nextMonthProps.className,
-    restNextMonthProps = (0, _objectWithoutProperties2.default)(nextMonthProps, _excluded2);
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _vkjs.classNames)("vkuiCalendarHeader", className)
-  }, prevMonth && /*#__PURE__*/React.createElement(_AdaptivityProvider.AdaptivityProvider, {
-    sizeX: _adaptivity.SizeType.REGULAR
-  }, /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-prev", prevMonthClassName),
-    onClick: onPrevMonth,
-    "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format((0, _date.subMonths)(viewDate, 1)))
-  }, restPrevMonthProps), prevMonthIcon)), disablePickers ? /*#__PURE__*/React.createElement(_Paragraph.Paragraph, {
-    className: "vkuiCalendarHeader__pickers",
-    weight: "2"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "vkuiCalendarHeader__month"
-  }, new Intl.DateTimeFormat(locale, {
-    month: 'long'
-  }).format(viewDate)), "\xA0", new Intl.DateTimeFormat(locale, {
-    year: 'numeric'
-  }).format(viewDate)) : /*#__PURE__*/React.createElement(_AdaptivityProvider.AdaptivityProvider, {
-    sizeY: _adaptivity.SizeType.COMPACT
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendarHeader__pickers"
-  }, /*#__PURE__*/React.createElement(_CustomSelect.CustomSelect, {
-    className: "vkuiCalendarHeader__picker",
-    value: viewDate.getMonth(),
-    options: months,
-    dropdownOffsetDistance: 4,
-    fixDropdownWidth: false,
-    icon: /*#__PURE__*/React.createElement(_icons.Icon12Dropdown, null),
-    onChange: onMonthsChange,
-    forceDropdownPortal: false,
-    selectType: "accent",
-    "aria-label": changeMonthAriaLabel
-  }), /*#__PURE__*/React.createElement(_CustomSelect.CustomSelect, {
-    className: "vkuiCalendarHeader__picker",
-    value: viewDate.getFullYear(),
-    options: years,
-    dropdownOffsetDistance: 4,
-    fixDropdownWidth: false,
-    icon: /*#__PURE__*/React.createElement(_icons.Icon12Dropdown, null),
-    onChange: onYearChange,
-    forceDropdownPortal: false,
-    selectType: "accent",
-    "aria-label": changeYearAriaLabel
-  }))), nextMonth && /*#__PURE__*/React.createElement(_AdaptivityProvider.AdaptivityProvider, {
-    sizeX: _adaptivity.SizeType.REGULAR
-  }, /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-next", nextMonthClassName),
-    onClick: onNextMonth,
-    "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format((0, _date.addMonths)(viewDate, 1)))
-  }, restNextMonthProps), nextMonthIcon)));
+    var prevMonthClassName = prevMonthProps.className, restPrevMonthProps = _objectWithoutProperties(prevMonthProps, [
+        "className"
+    ]);
+    var nextMonthClassName = nextMonthProps.className, restNextMonthProps = _objectWithoutProperties(nextMonthProps, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader", className)
+    }, prevMonth && /*#__PURE__*/ _react.createElement(_adaptivityProvider.AdaptivityProvider, {
+        sizeX: _adaptivity.SizeType.REGULAR
+    }, /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-prev", prevMonthClassName),
+        onClick: onPrevMonth,
+        "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format((0, _date.subMonths)(viewDate, 1)))
+    }, restPrevMonthProps), prevMonthIcon)), disablePickers ? /*#__PURE__*/ _react.createElement(_paragraph.Paragraph, {
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader__pickers", "vkuiInternalCalendarHeader__pickers"),
+        weight: "2"
+    }, /*#__PURE__*/ _react.createElement("span", {
+        className: "vkuiCalendarHeader__month"
+    }, new Intl.DateTimeFormat(locale, {
+        month: "long"
+    }).format(viewDate)), "\xa0", new Intl.DateTimeFormat(locale, {
+        year: "numeric"
+    }).format(viewDate)) : /*#__PURE__*/ _react.createElement(_adaptivityProvider.AdaptivityProvider, {
+        sizeY: _adaptivity.SizeType.COMPACT
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader__pickers", "vkuiInternalCalendarHeader__pickers")
+    }, /*#__PURE__*/ _react.createElement(_customSelect.CustomSelect, {
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader__picker", "vkuiInternalCalendarHeader__picker"),
+        value: viewDate.getMonth(),
+        options: months,
+        dropdownOffsetDistance: 4,
+        fixDropdownWidth: false,
+        icon: /*#__PURE__*/ _react.createElement(_icons.Icon12Dropdown, null),
+        onChange: onMonthsChange,
+        forceDropdownPortal: false,
+        selectType: "accent",
+        "aria-label": changeMonthAriaLabel
+    }), /*#__PURE__*/ _react.createElement(_customSelect.CustomSelect, {
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader__picker", "vkuiInternalCalendarHeader__picker"),
+        value: viewDate.getFullYear(),
+        options: years,
+        dropdownOffsetDistance: 4,
+        fixDropdownWidth: false,
+        icon: /*#__PURE__*/ _react.createElement(_icons.Icon12Dropdown, null),
+        onChange: onYearChange,
+        forceDropdownPortal: false,
+        selectType: "accent",
+        "aria-label": changeYearAriaLabel
+    }))), nextMonth && /*#__PURE__*/ _react.createElement(_adaptivityProvider.AdaptivityProvider, {
+        sizeX: _adaptivity.SizeType.REGULAR
+    }, /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-next", nextMonthClassName),
+        onClick: onNextMonth,
+        "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format((0, _date.addMonths)(viewDate, 1)))
+    }, restNextMonthProps), nextMonthIcon)));
 };
-exports.CalendarHeader = CalendarHeader;
+
 //# sourceMappingURL=CalendarHeader.js.map