@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","classNames","styles"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HasRootRef } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: 'none' | 'space' | 's' | 'm';\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = 'horizontal',\n  gap = 'm',\n  stretched = false,\n  align = 'left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  className,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      className={classNames(\n        className,\n        styles.ButtonGroup,\n        styles[`ButtonGroup--mode-${mode}`],\n        gap !== 'none' && styles[`ButtonGroup--gap-${gap}`],\n        stretched && styles['ButtonGroup--stretched'],\n        align && styles[`ButtonGroup--align-${align}`],\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAA6C;AA2B7C;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,qBARtBC,IAAI;IAAJA,IAAI,0BAAG,YAAY;IAAA,gBACnBC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,oBACE;IACE,SAAS,EAAE,IAAAC,gBAAU,EACnBH,SAAS,qBAETI,MAAM,6BAAsBT,IAAI,EAAG,EACnCC,GAAG,KAAK,MAAM,IAAIQ,MAAM,4BAAqBR,GAAG,EAAG,EACnDC,SAAS,gCAAoC,EAC7CC,KAAK,IAAIM,MAAM,8BAAuBN,KAAK,EAAG,CAC9C;IACF,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEC;EAAW,GACZG,SAAS,GAEZD,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HasRootRef } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: 'none' | 'space' | 's' | 'm';\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = 'horizontal',\n  gap = 'm',\n  stretched = false,\n  align = 'left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  className,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      className={classNames(\n        className,\n        styles.ButtonGroup,\n        {\n          vertical: styles['ButtonGroup--mode-vertical'],\n          horizontal: styles['ButtonGroup--mode-horizontal'],\n        }[mode],\n        gap !== 'none' &&\n          {\n            space: styles['ButtonGroup--gap-space'],\n            s: styles['ButtonGroup--gap-s'],\n            m: styles['ButtonGroup--gap-m'],\n          }[gap],\n        stretched && styles['ButtonGroup--stretched'],\n        {\n          left: styles['ButtonGroup--align-left'],\n          center: styles['ButtonGroup--align-center'],\n          right: styles['ButtonGroup--align-right'],\n        }[align],\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","div","classNames","vertical","horizontal","space","s","m","left","center","right","role","ref"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;2DA/BU;oBACI;AA8BpB,IAAMA,cAAc,iBASH;6BARtBC,MAAAA,gCAAO,gDACPC,KAAAA,8BAAM,4CACNC,WAAAA,0CAAY,KAAK,2CACjBC,OAAAA,kCAAQ,OAAO,4EAA4E,oBAC3FC,oBAAAA,YACAC,mBAAAA,WACAC,kBAAAA,UACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCH,WAAWI,IAAAA,gBAAU,EACnBJ,8BAEA;YACEK,QAAQ;YACRC,UAAU;QACZ,CAAC,CAACX,KAAK,EACPC,QAAQ,UACN,CAAA;YACEW,KAAK;YACLC,CAAC;YACDC,CAAC;QACH,CAAA,CAAC,CAACb,IAAI,EACRC,2CACA;YACEa,IAAI;YACJC,MAAM;YACNC,KAAK;QACP,CAAC,CAACd,MAAM;QAEVe,MAAK;QACLC,KAAKf;OACDG,YAEHD;AAGP"}

package/dist/cjs/components/Calendar/Calendar.js

@@ -1,161 +1,162 @@
 "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, "Calendar", {
+    enumerable: true,
+    get: function() {
+        return Calendar;
+    }
 });
-exports.Calendar = 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 _useCalendar2 = require("../../hooks/useCalendar");
+var _useCalendar = require("../../hooks/useCalendar");
 var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 var _warnOnce = require("../../lib/warnOnce");
-var _CalendarDays = require("../CalendarDays/CalendarDays");
-var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
-var _CalendarTime = require("../CalendarTime/CalendarTime");
-var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps", "className", "listenDayChangesForUpdate"];
-var warn = (0, _warnOnce.warnOnce)('Calendar');
-
-/**
- * @see https://vkcom.github.io/VKUI/#/Calendar
- */
-var Calendar = function Calendar(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    disablePast = _ref.disablePast,
-    disableFuture = _ref.disableFuture,
-    shouldDisableDate = _ref.shouldDisableDate,
-    onClose = _ref.onClose,
-    _ref$enableTime = _ref.enableTime,
-    enableTime = _ref$enableTime === void 0 ? false : _ref$enableTime,
-    doneButtonText = _ref.doneButtonText,
-    _ref$weekStartsOn = _ref.weekStartsOn,
-    weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
-    getRootRef = _ref.getRootRef,
-    disablePickers = _ref.disablePickers,
-    changeHoursAriaLabel = _ref.changeHoursAriaLabel,
-    changeMinutesAriaLabel = _ref.changeMinutesAriaLabel,
-    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-    changeMonthAriaLabel = _ref.changeMonthAriaLabel,
-    changeYearAriaLabel = _ref.changeYearAriaLabel,
-    showNeighboringMonth = _ref.showNeighboringMonth,
-    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'm' : _ref$size,
-    externalViewDate = _ref.viewDate,
-    onHeaderChange = _ref.onHeaderChange,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth,
-    prevMonthIcon = _ref.prevMonthIcon,
-    nextMonthIcon = _ref.nextMonthIcon,
-    prevMonthProps = _ref.prevMonthProps,
-    nextMonthProps = _ref.nextMonthProps,
-    dayProps = _ref.dayProps,
-    className = _ref.className,
-    listenDayChangesForUpdate = _ref.listenDayChangesForUpdate,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useCalendar = (0, _useCalendar2.useCalendar)({
-      value: value,
-      disableFuture: disableFuture,
-      disablePast: disablePast,
-      shouldDisableDate: shouldDisableDate,
-      onHeaderChange: onHeaderChange,
-      onNextMonth: onNextMonth,
-      onPrevMonth: onPrevMonth
-    }),
-    viewDate = _useCalendar.viewDate,
-    setViewDate = _useCalendar.setViewDate,
-    setPrevMonth = _useCalendar.setPrevMonth,
-    setNextMonth = _useCalendar.setNextMonth,
-    focusedDay = _useCalendar.focusedDay,
-    setFocusedDay = _useCalendar.setFocusedDay,
-    isDayFocused = _useCalendar.isDayFocused,
-    isDayDisabled = _useCalendar.isDayDisabled,
-    resetSelectedDay = _useCalendar.resetSelectedDay;
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (value) {
-      setViewDate(value);
+var _calendarDays = require("../CalendarDays/CalendarDays");
+var _calendarHeader = require("../CalendarHeader/CalendarHeader");
+var _calendarTime = require("../CalendarTime/CalendarTime");
+var warn = (0, _warnOnce.warnOnce)("Calendar");
+var Calendar = function(_param) {
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_enableTime = _param.enableTime, enableTime = _param_enableTime === void 0 ? false : _param_enableTime, doneButtonText = _param.doneButtonText, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, getRootRef = _param.getRootRef, disablePickers = _param.disablePickers, changeHoursAriaLabel = _param.changeHoursAriaLabel, changeMinutesAriaLabel = _param.changeMinutesAriaLabel, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, showNeighboringMonth = _param.showNeighboringMonth, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, externalViewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, prevMonthProps = _param.prevMonthProps, nextMonthProps = _param.nextMonthProps, dayProps = _param.dayProps, className = _param.className, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = _objectWithoutProperties(_param, [
+        "value",
+        "onChange",
+        "disablePast",
+        "disableFuture",
+        "shouldDisableDate",
+        "onClose",
+        "enableTime",
+        "doneButtonText",
+        "weekStartsOn",
+        "getRootRef",
+        "disablePickers",
+        "changeHoursAriaLabel",
+        "changeMinutesAriaLabel",
+        "prevMonthAriaLabel",
+        "nextMonthAriaLabel",
+        "changeMonthAriaLabel",
+        "changeYearAriaLabel",
+        "showNeighboringMonth",
+        "changeDayAriaLabel",
+        "size",
+        "viewDate",
+        "onHeaderChange",
+        "onNextMonth",
+        "onPrevMonth",
+        "prevMonthIcon",
+        "nextMonthIcon",
+        "prevMonthProps",
+        "nextMonthProps",
+        "dayProps",
+        "className",
+        "listenDayChangesForUpdate"
+    ]);
+    var _useCalendar1 = (0, _useCalendar.useCalendar)({
+        value: value,
+        disableFuture: disableFuture,
+        disablePast: disablePast,
+        shouldDisableDate: shouldDisableDate,
+        onHeaderChange: onHeaderChange,
+        onNextMonth: onNextMonth,
+        onPrevMonth: onPrevMonth
+    }), viewDate = _useCalendar1.viewDate, setViewDate = _useCalendar1.setViewDate, setPrevMonth = _useCalendar1.setPrevMonth, setNextMonth = _useCalendar1.setNextMonth, focusedDay = _useCalendar1.focusedDay, setFocusedDay = _useCalendar1.setFocusedDay, isDayFocused = _useCalendar1.isDayFocused, isDayDisabled = _useCalendar1.isDayDisabled, resetSelectedDay = _useCalendar1.resetSelectedDay;
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (value) {
+            setViewDate(value);
+        }
+    }, [
+        value
+    ]);
+    if (process.env.NODE_ENV === "development" && !disablePickers && size === "s") {
+        warn("Нельзя включить селекты выбора месяца/года, если размер календаря 's'", "error");
     }
-  }, [value]);
-  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {
-    warn("Нельзя включить селекты выбора месяца/года, если размер календаря 's'", 'error');
-  }
-  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {
-    warn("Нельзя включить выбор времени, если размер календаря 's'", 'error');
-  }
-  var handleKeyDown = React.useCallback(function (event) {
-    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
-      event.preventDefault();
+    if (process.env.NODE_ENV === "development" && enableTime && size === "s") {
+        warn("Нельзя включить выбор времени, если размер календаря 's'", "error");
     }
-    var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value, event.key);
-    if (newFocusedDay && !(0, _date.isSameMonth)(newFocusedDay, viewDate)) {
-      setViewDate(newFocusedDay);
-    }
-    setFocusedDay(newFocusedDay);
-  }, [focusedDay, setFocusedDay, setViewDate, value, viewDate]);
-  var onDayChange = React.useCallback(function (date) {
-    onChange === null || onChange === void 0 ? void 0 : onChange((0, _calendar.setTimeEqual)(date, value));
-  }, [value, onChange]);
-  var isDayActive = React.useCallback(function (day) {
-    return Boolean(value && (0, _date.isSameDay)(day, value));
-  }, [value]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
-    ref: getRootRef,
-    className: (0, _vkjs.classNames)("vkuiCalendar", styles["Calendar--size-".concat(size)], className)
-  }), /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {
-    viewDate: externalViewDate || viewDate,
-    onChange: setViewDate,
-    onNextMonth: setNextMonth,
-    onPrevMonth: setPrevMonth,
-    disablePickers: disablePickers || size === 's',
-    className: "vkuiCalendar__header",
-    prevMonthAriaLabel: prevMonthAriaLabel,
-    nextMonthAriaLabel: nextMonthAriaLabel,
-    changeMonthAriaLabel: changeMonthAriaLabel,
-    changeYearAriaLabel: changeYearAriaLabel,
-    prevMonthIcon: prevMonthIcon,
-    nextMonthIcon: nextMonthIcon,
-    prevMonthProps: prevMonthProps,
-    nextMonthProps: nextMonthProps
-  }), /*#__PURE__*/React.createElement(_CalendarDays.CalendarDays, {
-    viewDate: externalViewDate || viewDate,
-    value: value,
-    weekStartsOn: weekStartsOn,
-    isDayFocused: isDayFocused,
-    tabIndex: 0,
-    "aria-label": changeDayAriaLabel,
-    onKeyDown: handleKeyDown,
-    onDayChange: onDayChange,
-    isDayActive: isDayActive,
-    isDaySelectionStart: _calendar.isFirstDay,
-    isDaySelectionEnd: _calendar.isLastDay,
-    isDayDisabled: isDayDisabled,
-    onBlur: resetSelectedDay,
-    showNeighboringMonth: showNeighboringMonth,
-    size: size,
-    dayProps: dayProps,
-    listenDayChangesForUpdate: listenDayChangesForUpdate
-  }), enableTime && value && size !== 's' && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendar__time"
-  }, /*#__PURE__*/React.createElement(_CalendarTime.CalendarTime, {
-    value: value,
-    onChange: onChange,
-    onClose: onClose,
-    doneButtonText: doneButtonText,
-    changeHoursAriaLabel: changeHoursAriaLabel,
-    changeMinutesAriaLabel: changeMinutesAriaLabel
-  })));
-};
-exports.Calendar = Calendar;
-var styles = {
-  "Calendar--size-s": "vkuiCalendar--size-s",
-  "Calendar--size-m": "vkuiCalendar--size-m"
+    var handleKeyDown = _react.useCallback(function(event) {
+        if ([
+            "ArrowUp",
+            "ArrowDown",
+            "ArrowLeft",
+            "ArrowRight"
+        ].includes(event.key)) {
+            event.preventDefault();
+        }
+        var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value, event.key);
+        if (newFocusedDay && !(0, _date.isSameMonth)(newFocusedDay, viewDate)) {
+            setViewDate(newFocusedDay);
+        }
+        setFocusedDay(newFocusedDay);
+    }, [
+        focusedDay,
+        setFocusedDay,
+        setViewDate,
+        value,
+        viewDate
+    ]);
+    var onDayChange = _react.useCallback(function(date) {
+        onChange === null || onChange === void 0 ? void 0 : onChange((0, _calendar.setTimeEqual)(date, value));
+    }, [
+        value,
+        onChange
+    ]);
+    var isDayActive = _react.useCallback(function(day) {
+        return Boolean(value && (0, _date.isSameDay)(day, value));
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, props), {
+        ref: getRootRef,
+        className: (0, _vkjs.classNames)("vkuiCalendar", size === "s" && "vkuiCalendar--size-s", className)
+    }), /*#__PURE__*/ _react.createElement(_calendarHeader.CalendarHeader, {
+        viewDate: externalViewDate || viewDate,
+        onChange: setViewDate,
+        onNextMonth: setNextMonth,
+        onPrevMonth: setPrevMonth,
+        disablePickers: disablePickers || size === "s",
+        className: "vkuiCalendar__header",
+        prevMonthAriaLabel: prevMonthAriaLabel,
+        nextMonthAriaLabel: nextMonthAriaLabel,
+        changeMonthAriaLabel: changeMonthAriaLabel,
+        changeYearAriaLabel: changeYearAriaLabel,
+        prevMonthIcon: prevMonthIcon,
+        nextMonthIcon: nextMonthIcon,
+        prevMonthProps: prevMonthProps,
+        nextMonthProps: nextMonthProps
+    }), /*#__PURE__*/ _react.createElement(_calendarDays.CalendarDays, {
+        viewDate: externalViewDate || viewDate,
+        value: value,
+        weekStartsOn: weekStartsOn,
+        isDayFocused: isDayFocused,
+        tabIndex: 0,
+        "aria-label": changeDayAriaLabel,
+        onKeyDown: handleKeyDown,
+        onDayChange: onDayChange,
+        isDayActive: isDayActive,
+        isDaySelectionStart: _calendar.isFirstDay,
+        isDaySelectionEnd: _calendar.isLastDay,
+        isDayDisabled: isDayDisabled,
+        onBlur: resetSelectedDay,
+        showNeighboringMonth: showNeighboringMonth,
+        size: size,
+        dayProps: dayProps,
+        listenDayChangesForUpdate: listenDayChangesForUpdate
+    }), enableTime && value && size !== "s" && /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiCalendar__time"
+    }, /*#__PURE__*/ _react.createElement(_calendarTime.CalendarTime, {
+        value: value,
+        onChange: onChange,
+        onClose: onClose,
+        doneButtonText: doneButtonText,
+        changeHoursAriaLabel: changeHoursAriaLabel,
+        changeMinutesAriaLabel: changeMinutesAriaLabel
+    })));
 };
+
 //# sourceMappingURL=Calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["warn","warnOnce","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","setTimeEqual","isDayActive","day","Boolean","isSameDay","classNames","styles","isFirstDay","isLastDay"],"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Pick<CalendarTimeProps, 'changeHoursAriaLabel' | 'changeMinutesAriaLabel'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'prevMonthProps'\n      | 'nextMonthProps'\n    >,\n    Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate'>,\n    HasRootRef<HTMLDivElement> {\n  value?: Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  enableTime?: boolean;\n  disablePickers?: boolean;\n  doneButtonText?: string;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  onChange?(value?: Date): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Изменение даты в шапке календаря.\n   */\n  onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  enableTime = false,\n  doneButtonText,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  changeHoursAriaLabel,\n  changeMinutesAriaLabel,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  showNeighboringMonth,\n  changeDayAriaLabel = 'Изменить день',\n  size = 'm',\n  viewDate: externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  className,\n  listenDayChangesForUpdate,\n  ...props\n}: CalendarProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({\n    value,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (value) {\n      setViewDate(value);\n    }\n  }, [value]);\n\n  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n    warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n  }\n\n  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(setTimeEqual(date, value as Date | undefined | null));\n    },\n    [value, onChange],\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(value && isSameDay(day, value)),\n    [value],\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      className={classNames(styles['Calendar'], styles[`Calendar--size-${size}`], className)}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === 's'}\n        className={styles['Calendar__header']}\n        prevMonthAriaLabel={prevMonthAriaLabel}\n        nextMonthAriaLabel={nextMonthAriaLabel}\n        changeMonthAriaLabel={changeMonthAriaLabel}\n        changeYearAriaLabel={changeYearAriaLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={value}\n        weekStartsOn={weekStartsOn}\n        isDayFocused={isDayFocused}\n        tabIndex={0}\n        aria-label={changeDayAriaLabel}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        onBlur={resetSelectedDay}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n        listenDayChangesForUpdate={listenDayChangesForUpdate}\n      />\n      {enableTime && value && size !== 's' && (\n        <div className={styles['Calendar__time']}>\n          <CalendarTime\n            value={value}\n            onChange={onChange}\n            onClose={onClose}\n            doneButtonText={doneButtonText}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Pick<CalendarTimeProps, 'changeHoursAriaLabel' | 'changeMinutesAriaLabel'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'prevMonthProps'\n      | 'nextMonthProps'\n    >,\n    Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate'>,\n    HasRootRef<HTMLDivElement> {\n  value?: Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  enableTime?: boolean;\n  disablePickers?: boolean;\n  doneButtonText?: string;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  onChange?(value?: Date): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Изменение даты в шапке календаря.\n   */\n  onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  enableTime = false,\n  doneButtonText,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  changeHoursAriaLabel,\n  changeMinutesAriaLabel,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  showNeighboringMonth,\n  changeDayAriaLabel = 'Изменить день',\n  size = 'm',\n  viewDate: externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  className,\n  listenDayChangesForUpdate,\n  ...props\n}: CalendarProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({\n    value,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (value) {\n      setViewDate(value);\n    }\n  }, [value]);\n\n  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n    warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n  }\n\n  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(setTimeEqual(date, value as Date | undefined | null));\n    },\n    [value, onChange],\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(value && isSameDay(day, value)),\n    [value],\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      className={classNames(\n        styles['Calendar'],\n        size === 's' && styles['Calendar--size-s'],\n        className,\n      )}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === 's'}\n        className={styles['Calendar__header']}\n        prevMonthAriaLabel={prevMonthAriaLabel}\n        nextMonthAriaLabel={nextMonthAriaLabel}\n        changeMonthAriaLabel={changeMonthAriaLabel}\n        changeYearAriaLabel={changeYearAriaLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={value}\n        weekStartsOn={weekStartsOn}\n        isDayFocused={isDayFocused}\n        tabIndex={0}\n        aria-label={changeDayAriaLabel}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        onBlur={resetSelectedDay}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n        listenDayChangesForUpdate={listenDayChangesForUpdate}\n      />\n      {enableTime && value && size !== 's' && (\n        <div className={styles['Calendar__time']}>\n          <CalendarTime\n            value={value}\n            onChange={onChange}\n            onClose={onClose}\n            doneButtonText={doneButtonText}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Calendar","warn","warnOnce","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","viewDate","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","setTimeEqual","isDayActive","day","Boolean","isSameDay","div","ref","classNames","CalendarHeader","CalendarDays","tabIndex","aria-label","onKeyDown","isDaySelectionStart","isFirstDay","isDaySelectionEnd","isLastDay","onBlur","CalendarTime"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TappableElementProps } from '../Tappable/Tappable';
-export declare type CalendarDayElementProps = Omit<TappableElementProps, 'onChange' | 'size' | 'disabled' | 'selected'>;
+export type CalendarDayElementProps = Omit<TappableElementProps, 'onChange' | 'size' | 'disabled' | 'selected'>;
 export interface CalendarDayProps extends CalendarDayElementProps {
     day: Date;
     today?: boolean;

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

@@ -1,93 +1,102 @@
 "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, "CalendarDay", {
+    enumerable: true,
+    get: function() {
+        return CalendarDay;
+    }
 });
-exports.CalendarDay = 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 _vkjs = require("@vkontakte/vkjs");
 var _useKeyboardInputTracker = require("../../hooks/useKeyboardInputTracker");
-var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _Tappable = require("../Tappable/Tappable");
-var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size", "className"];
-var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
-  var day = _ref.day,
-    today = _ref.today,
-    selected = _ref.selected,
-    onChange = _ref.onChange,
-    hidden = _ref.hidden,
-    disabled = _ref.disabled,
-    active = _ref.active,
-    selectionStart = _ref.selectionStart,
-    selectionEnd = _ref.selectionEnd,
-    focused = _ref.focused,
-    onEnter = _ref.onEnter,
-    onLeave = _ref.onLeave,
-    hinted = _ref.hinted,
-    hintedSelectionStart = _ref.hintedSelectionStart,
-    hintedSelectionEnd = _ref.hintedSelectionEnd,
-    sameMonth = _ref.sameMonth,
-    size = _ref.size,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(),
-    locale = _useConfigProvider.locale;
-  var ref = React.useRef(null);
-  var onClick = React.useCallback(function () {
-    return onChange(day);
-  }, [day, onChange]);
-  var handleEnter = React.useCallback(function () {
-    return onEnter === null || onEnter === void 0 ? void 0 : onEnter(day);
-  }, [day, onEnter]);
-  var handleLeave = React.useCallback(function () {
-    return onLeave === null || onLeave === void 0 ? void 0 : onLeave(day);
-  }, [day, onLeave]);
-  React.useEffect(function () {
-    if (focused && ref.current) {
-      ref.current.dispatchEvent(new Event(_useKeyboardInputTracker.ENABLE_KEYBOARD_INPUT_EVENT_NAME, {
-        bubbles: true
-      }));
-      ref.current.focus();
+var _configProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _tappable = require("../Tappable/Tappable");
+var CalendarDay = /*#__PURE__*/ _react.memo(function(_param) {
+    var day = _param.day, today = _param.today, selected = _param.selected, onChange = _param.onChange, hidden = _param.hidden, disabled = _param.disabled, active = _param.active, selectionStart = _param.selectionStart, selectionEnd = _param.selectionEnd, focused = _param.focused, onEnter = _param.onEnter, onLeave = _param.onLeave, hinted = _param.hinted, hintedSelectionStart = _param.hintedSelectionStart, hintedSelectionEnd = _param.hintedSelectionEnd, sameMonth = _param.sameMonth, size = _param.size, className = _param.className, props = _objectWithoutProperties(_param, [
+        "day",
+        "today",
+        "selected",
+        "onChange",
+        "hidden",
+        "disabled",
+        "active",
+        "selectionStart",
+        "selectionEnd",
+        "focused",
+        "onEnter",
+        "onLeave",
+        "hinted",
+        "hintedSelectionStart",
+        "hintedSelectionEnd",
+        "sameMonth",
+        "size",
+        "className"
+    ]);
+    var locale = (0, _configProviderContext.useConfigProvider)().locale;
+    var ref = _react.useRef(null);
+    var onClick = _react.useCallback(function() {
+        return onChange(day);
+    }, [
+        day,
+        onChange
+    ]);
+    var handleEnter = _react.useCallback(function() {
+        return onEnter === null || onEnter === void 0 ? void 0 : onEnter(day);
+    }, [
+        day,
+        onEnter
+    ]);
+    var handleLeave = _react.useCallback(function() {
+        return onLeave === null || onLeave === void 0 ? void 0 : onLeave(day);
+    }, [
+        day,
+        onLeave
+    ]);
+    _react.useEffect(function() {
+        if (focused && ref.current) {
+            ref.current.dispatchEvent(new Event(_useKeyboardInputTracker.ENABLE_KEYBOARD_INPUT_EVENT_NAME, {
+                bubbles: true
+            }));
+            ref.current.focus();
+        }
+    }, [
+        focused
+    ]);
+    if (hidden) {
+        return /*#__PURE__*/ _react.createElement("div", {
+            className: "vkuiCalendarDay__hidden"
+        });
     }
-  }, [focused]);
-  if (hidden) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "vkuiCalendarDay__hidden"
-    });
-  }
-  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiCalendarDay", size && styles["CalendarDay--size-".concat(size)], today && "vkuiCalendarDay--today", selected && !disabled && "vkuiCalendarDay--selected", active && !disabled && "vkuiCalendarDay--active", selectionStart && "vkuiCalendarDay--selection-start", selectionEnd && "vkuiCalendarDay--selection-end", disabled && "vkuiCalendarDay--disabled", !sameMonth && "vkuiCalendarDay--not-same-month", className),
-    hoverMode: active ? "vkuiCalendarDay--active-hover" : "vkuiCalendarDay--hover",
-    hasActive: false,
-    onClick: onClick,
-    disabled: disabled,
-    "aria-label": new Intl.DateTimeFormat(locale, {
-      weekday: 'long',
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric'
-    }).format(day),
-    tabIndex: -1,
-    getRootRef: ref,
-    focusVisibleMode: active ? 'outside' : 'inside',
-    onEnter: handleEnter,
-    onLeave: handleLeave
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: (0, _vkjs.classNames)("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _vkjs.classNames)("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendarDay__day-number"
-  }, day.getDate()))));
+    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiCalendarDay", size === "s" && "vkuiCalendarDay--size-s", today && "vkuiCalendarDay--today", selected && !disabled && "vkuiCalendarDay--selected", selectionStart && "vkuiCalendarDay--selection-start", selectionEnd && "vkuiCalendarDay--selection-end", disabled && "vkuiCalendarDay--disabled", !sameMonth && "vkuiCalendarDay--not-same-month", className),
+        hoverMode: active ? "" : "vkuiCalendarDay--hover",
+        hasActive: false,
+        onClick: onClick,
+        disabled: disabled,
+        "aria-label": new Intl.DateTimeFormat(locale, {
+            weekday: "long",
+            year: "numeric",
+            month: "long",
+            day: "numeric"
+        }).format(day),
+        tabIndex: -1,
+        getRootRef: ref,
+        focusVisibleMode: active ? "outside" : "inside",
+        onEnter: handleEnter,
+        onLeave: handleLeave
+    }, props), /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiCalendarDay__day-number"
+    }, day.getDate()))));
 });
-exports.CalendarDay = CalendarDay;
-CalendarDay.displayName = 'CalendarDay';
-var styles = {
-  "CalendarDay--size-s": "vkuiCalendarDay--size-s",
-  "CalendarDay--size-m": "vkuiCalendarDay--size-m"
-};
+CalendarDay.displayName = "CalendarDay";
+
 //# sourceMappingURL=CalendarDay.js.map