@vkontakte/vkui 7.2.1 → 7.3.0

package/src/components/AppRoot/AppRoot.tsx

@@ -24,7 +24,9 @@ const layoutClassNames = {
 };
 
 export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** Режим встраивания */
+  /**
+   * Режим встраивания.
+   */
   mode?: AppRootMode;
   /**
    * - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.
@@ -34,15 +36,15 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
    */
   scroll?: AppRootScroll;
   /**
-   * см. документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).
+   * См. Документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).
    */
   safeAreaInsets?: SafeAreaInsets;
   /**
-   * Кастомный root-элемент портала
+   * Кастомный root-элемент портала.
    */
   portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;
   /**
-   * Отключает рендер всплывающих компонентов в отдельном контейнере
+   * Отключает рендер всплывающих компонентов в отдельном контейнере.
    */
   disablePortal?: boolean;
   /**
@@ -69,7 +71,7 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
    * @since 6.2.0
    */
   userSelectMode?: AppRootUserSelectMode;
-  /*
+  /**
    * По умолчанию в режиме `mode="full"` VKUI в рантайме выставляет:
    * - класс .vkui на html элемент
    * - класс .vkui__root на элемент-контейнер, в который монтируется VKUI

package/src/components/AppRoot/AppRootContext.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 import { type AppRootUserSelectMode, type SafeAreaInsets } from './types';
 
@@ -14,7 +16,7 @@ export interface AppRootContextInterface {
 }
 
 /**
- * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию
+ * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию.
  *
  * > Note: не смог убрать из покрытия через 'istanbul ignore next'.
  */

package/src/components/AppRoot/AppRootPortal.tsx

@@ -12,13 +12,20 @@ import { AppRootStyleContainer } from './AppRootStyleContainer/AppRootStyleConta
 
 export interface AppRootPortalProps extends HasChildren {
   /**
-   * - При передаче `true` в качестве портала будет использован `portalRoot`
-   * из контекста `AppRoot` если он передан в `AppRoot`, иначе `document.body`.
-   * - При передаче элемента будут игнорироваться `portalRoot` и `disablePortal` из контекста `AppRoot`.
+   * Настройка портала для рендеринга компонента.
    *
-   * По умолчанию в качестве портала будет использован `document.body`
+   * `true` - использует `portalRoot` из контекста `AppRoot` (если доступен) или `document.body`;
+   * `false` - отключает использование портала;
+   * `HTMLElement` - указывает конкретный DOM-элемент для использования в качестве портала;
+   * `React.RefObject<HTMLElement | null>` - ссылка на DOM-элемент для использования в качестве портала;
+   * `null` - эквивалентно `false`, отключает использование портала.
+   *
+   * @default true (использует `document.body` как портал по умолчанию)
    */
   usePortal?: boolean | HTMLElement | React.RefObject<HTMLElement | null> | null;
+  /**
+   * `className` для контейнера портала.
+   */
   className?: string;
 }
 

package/src/components/AppRoot/AppRootStyleContainer/AppRootStyleContainer.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./AppRootStyleContainer.module.css"],"names":["host","sizeYCompact","sizeYNone","userSelectNone","pointerNone","embedded"],"mappings":"AAAA;AAAA,E,aAOAA,M,WAPA;AAAA,E,aAeAC,c,WAfA;AAAA,E,aAoBEC,W,WApBF;AAAA,E,aAyBAC,gB,WAzBA;AAAA,E,aAiCAA,gB,WAjCA;AAAA,E,aAsCEC,a,WAtCF;AAAA,E,aA0CEA,a,WA1CF;AAAA,E,aA+CAC,U,WA/CA;AAAA;AAAA","file":"AppRootStyleContainer.module.css.d.ts","sourceRoot":""}

package/src/components/AppRoot/ScrollContext.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import * as React from 'react';
 import { noop } from '@vkontakte/vkjs';
@@ -35,11 +36,11 @@ export interface ScrollContextInterface {
   getScroll: (this: void, options?: GetScrollOptions) => { x: number; y: number };
   scrollTo: (this: void, x?: number, y?: number) => void;
   /**
-   * Увеличивает счетчик блокировки прокрутки
+   * Увеличивает счетчик блокировки прокрутки.
    */
   incrementScrollLockCounter: (this: void) => void;
   /**
-   * Уменьшает счетчик блокировки прокрутки
+   * Уменьшает счетчик блокировки прокрутки.
    */
   decrementScrollLockCounter: (this: void) => void;
   beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;
@@ -57,7 +58,7 @@ export const useScroll = (): ScrollContextInterface => React.useContext(ScrollCo
 
 /**
  * Управляет блокировкой окна в зависимости от внутреннего счетчика.
- * Если счетчик больше нуля, требуется заблокировать прокрутку
+ * Если счетчик больше нуля, требуется заблокировать прокрутку.
  */
 function useScrollLockController(enableScrollLock: () => void, disableScrollLock: () => void) {
   const countRef = React.useRef(0);
@@ -355,9 +356,9 @@ export const ElementScrollController = ({
 };
 
 /**
- * Блокирует прокрутку окна
+ * Блокирует прокрутку окна.
  *
- * @param enabled - если false то не будет блокировать
+ * @param enabled - Если false то не будет блокировать.
  */
 export const useScrollLock = (enabled = true): void => {
   const { incrementScrollLockCounter, decrementScrollLockCounter } = useScroll();

package/src/components/AppRoot/types.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 export type SafeAreaInsets = {
   top?: number;
   right?: number;

package/src/components/AspectRatio/AspectRatio.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./AspectRatio.module.css"],"names":["host","modeStretch"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAA,M,WAPA;AAAA,E,aAeAA,M,WAfA;AAAA,E,aAsBAC,a,WAtBA;AAAA,E,aA4BAA,a,WA5BA;AAAA,E,aA6BAA,a,WA7BA;AAAA;AAAA","file":"AspectRatio.module.css.d.ts","sourceRoot":""}

package/src/components/AspectRatio/AspectRatio.tsx

@@ -5,6 +5,9 @@ import { RootComponent, type RootComponentProps } from '../RootComponent/RootCom
 import styles from './AspectRatio.module.css';
 
 export interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {
+  /**
+   * `className` для компонента.
+   */
   className?: string;
   /**
    * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.
@@ -14,7 +17,7 @@ export interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>,
    * Например:
    * - в виде числа: 16 / 9, 4 / 3, 1920 / 1080,
    * - в виде css переменной: `var(--css-aspect-ratio-var)`
-   * - в виде сложного выражения: `calc(<какие-то вычисления>)`
+   * - в виде сложного выражения: `calc(<какие-то вычисления>)`.
    */
   ratio: number | string;
 }

package/src/components/Avatar/Avatar.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Avatar.module.css"],"names":["host","hasGradient","gradientRed","gradientPink","gradientOrange","gradientYellow","gradientGreen","gradientLBlue","gradientBlue","gradientViolet","initials"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,a,WAJA;AAAA,E,aAQAC,a,WARA;AAAA,E,aAaAC,c,WAbA;AAAA,E,aAkBAC,gB,WAlBA;AAAA,E,aAuBAC,gB,WAvBA;AAAA,E,aA4BAC,e,WA5BA;AAAA,E,aAiCAC,e,WAjCA;AAAA,E,aAsCAC,c,WAtCA;AAAA,E,aA2CAC,gB,WA3CA;AAAA,E,aAgDAC,U,WAhDA;AAAA;AAAA","file":"Avatar.module.css.d.ts","sourceRoot":""}

package/src/components/Avatar/Avatar.tsx

@@ -1,4 +1,5 @@
 import { classNames } from '@vkontakte/vkjs';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';
 import {
   ImageBaseOverlay,
@@ -68,7 +69,7 @@ export interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' | 'heightS
    * 3: 'yellow'
    * 4: 'green'
    * 5: 'l-blue'
-   * 6: 'violet'
+   * 6: 'violet'.
    *
    * > Если необходимо задать свой градиент, то используйте значение `"custom"` и определите цвет градиента либо через
    * > свой класс в `className`, либо через `style={{ backgroundImage: "..." }}`.
@@ -127,15 +128,13 @@ export const Avatar: React.FC<AvatarProps> & {
   );
 };
 
-Avatar.displayName = 'Avatar';
-
 Avatar.Badge = AvatarBadge;
-Avatar.Badge.displayName = 'Avatar.Badge';
-
 Avatar.BadgeWithPreset = AvatarBadgeWithPreset;
-Avatar.BadgeWithPreset.displayName = 'Avatar.BadgeWithPreset';
-
 Avatar.Overlay = ImageBaseOverlay;
-Avatar.Overlay.displayName = 'Avatar.Overlay';
-
 Avatar.getInitialsFontSize = getInitialsFontSize;
+
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(Avatar.Badge, 'Avatar.Badge');
+  defineComponentDisplayNames(Avatar.BadgeWithPreset, 'Avatar.BadgeWithPreset');
+  defineComponentDisplayNames(Avatar.Overlay, 'Avatar.Overlay');
+}

package/src/components/Avatar/AvatarBadge/AvatarBadge.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./AvatarBadge.module.css"],"names":["host","shifted","presetOnline","presetOnlineMobile","rtl"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAKAC,S,WALA;AAAA,E,aAUAC,c,WAVA;AAAA,E,aAWAC,oB,WAXA;AAAA,E,aAkBAC,K,WAlBA;AAAA,E,aAkBIF,c,WAlBJ;AAAA,E,aAmBAE,K,WAnBA;AAAA,E,aAmBID,oB,WAnBJ;AAAA,E,aA0BAD,c,WA1BA;AAAA,E,aA8BAC,oB,WA9BA;AAAA;AAAA","file":"AvatarBadge.module.css.d.ts","sourceRoot":""}

package/src/components/Avatar/AvatarBadge/AvatarBadge.tsx

@@ -7,10 +7,7 @@ import styles from './AvatarBadge.module.css';
 
 export type AvatarBadgeProps = ImageBaseBadgeProps;
 
-export const AvatarBadge: React.FC<AvatarBadgeProps> = ({
-  className,
-  ...restProps
-}: AvatarBadgeProps) => {
+export const AvatarBadge = ({ className, ...restProps }: AvatarBadgeProps) => {
   const { size } = React.useContext(ImageBaseContext);
   return (
     <ImageBase.Badge
@@ -19,5 +16,3 @@ export const AvatarBadge: React.FC<AvatarBadgeProps> = ({
     />
   );
 };
-
-AvatarBadge.displayName = 'Avatar.Badge';

package/src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx

@@ -22,7 +22,7 @@ export interface AvatarBadgeWithPresetProps
   preset?: 'online' | 'online-mobile';
 }
 
-export const AvatarBadgeWithPreset: React.FC<AvatarBadgeWithPresetProps> = ({
+export const AvatarBadgeWithPreset = ({
   preset = 'online',
   className,
   ...restProps
@@ -45,5 +45,3 @@ export const AvatarBadgeWithPreset: React.FC<AvatarBadgeWithPresetProps> = ({
     </ImageBase.Badge>
   );
 };
-
-AvatarBadgeWithPreset.displayName = 'Avatar.BadgeWithPreset';

package/src/components/Avatar/AvatarBadge/icons.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 import {
   Icon12Circle as Icon12CircleLib,

package/src/components/Badge/Badge.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Badge.module.css"],"names":["host","modeNew","modeProminent"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,S,WATA;AAAA,E,aAaAC,e,WAbA;AAAA,E,aAsBwCF,M,WAtBxC;AAAA;AAAA","file":"Badge.module.css.d.ts","sourceRoot":""}

package/src/components/Badge/Badge.tsx

@@ -9,6 +9,9 @@ const stylesMode = {
 };
 
 export interface BadgeProps extends RootComponentProps<HTMLSpanElement> {
+  /**
+   * Режим отображения компонента.
+   */
   mode?: 'new' | 'prominent';
 }
 

package/src/components/Banner/Banner.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Banner.module.css"],"names":["host","before","content","subtitle","extraSubtitle","bg","after","dismiss","actions","modeImage","inverted","chevron","sizeM","ios"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAeAA,M,WAfA;AAAA,E,aA8BAC,Q,WA9BA;AAAA,E,aAoCAC,S,WApCA;AAAA,E,aA8CAC,U,WA9CA;AAAA,E,aA+CAC,e,WA/CA;AAAA,E,aAmDAC,I,WAnDA;AAAA,E,aA2DAA,I,WA3DA;AAAA,E,aA4DAA,I,WA5DA;AAAA,E,aAkEAC,O,WAlEA;AAAA,E,aA4EAC,S,WA5EA;AAAA,E,aAyFAC,S,WAzFA;AAAA,E,aA6FAL,U,WA7FA;AAAA,E,aA8FAC,e,WA9FA;AAAA,E,aAqGAK,W,WArGA;AAAA,E,aAqGUT,M,WArGV;AAAA,E,aAyGAU,U,WAzGA;AAAA,E,aAyGUH,S,WAzGV;AAAA,E,aA0GAG,U,WA1GA;AAAA,E,aA0GUC,S,WA1GV;AAAA,E,aA2GAD,U,WA3GA;AAAA,E,aA+GAA,U,WA/GA;AAAA,E,aA+GUP,U,WA/GV;AAAA,E,aAuHAS,O,WAvHA;AAAA,E,aA2HAA,O,WA3HA;AAAA,E,aA2HOT,U,WA3HP;AAAA,E,aA4HAS,O,WA5HA;AAAA,E,aA4HOR,e,WA5HP;AAAA,E,aAgIAS,K,WAhIA;AAAA,E,aAgIKN,S,WAhIL;AAAA,E,aAiIAM,K,WAjIA;AAAA,E,aAiIIJ,W,WAjIJ;AAAA,E,aAiIeF,S,WAjIf;AAAA,E,aA0IgCP,M,WA1IhC;AAAA,E,aA+I4CA,M,WA/I5C;AAAA,E,aAoJ6CG,U,WApJ7C;AAAA;AAAA","file":"Banner.module.css.d.ts","sourceRoot":""}

package/src/components/Banner/Banner.tsx

@@ -17,20 +17,23 @@ export interface BannerProps extends Omit<TappableProps, 'title' | 'size'> {
    * Тип баннера.
    */
   mode?: 'tint' | 'image';
+  /**
+   * Размер баннера.
+   */
   size?: 's' | 'm';
   /**
    * Тип действия в правой части баннера.
    *
-   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.
-   * - `chevron` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.
+   * - `dismiss` – отображается иконка крестика, при нажатии на неё сработает свойство `onDismiss`.
+   * - `chevron` – отображается иконка шеврона, которая подразумевает, что при нажатии на баннер можно куда-то перейти.
    */
   after?: 'dismiss' | 'chevron' | React.ReactNode;
   /**
-   * Срабатывает при клике на иконку крестика при `after="dismiss"`.
+   * Срабатывает при нажатии на иконку крестика при `after="dismiss"`.
    */
   onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
   /**
-   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий
+   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
    */
   dismissLabel?: string;
   /**
@@ -74,7 +77,7 @@ export interface BannerProps extends Omit<TappableProps, 'title' | 'size'> {
    * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:
    *
    * - `gap="m" mode="horizontal" stretched`
-   * - `gap="m" mode="vertical" stretched`
+   * - `gap="m" mode="vertical" stretched`.
    */
   actions?: React.ReactNode;
 }

package/src/components/Button/Button.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Button.module.css"],"names":["host","rounded","loading","disabled","singleIcon","sizeYRegular","sizeYNone","stretched","in","alignLeft","alignRight","modePrimary","appearanceOverlay","appearanceNegative","appearancePositive","modeSecondary","modeTertiary","modeOutline","content","sizeS","after","sizeM","sizeL","before","modeLink","spinner","appearanceAccent","hover","active","appearanceNeutral","appearanceAccentInvariable","ios"],"mappings":"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","file":"Button.module.css.d.ts","sourceRoot":""}

package/src/components/Button/Button.tsx

@@ -45,14 +45,41 @@ const sizeYClassNames = {
 };
 
 export interface VKUIButtonProps extends HasAlign {
+  /**
+   * Режим отображения кнопки.
+   */
   mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';
+  /**
+   * Цветовая схема кнопки.
+   */
   appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';
+  /**
+   * Размер кнопки.
+   */
   size?: 's' | 'm' | 'l';
+  /**
+   * Растягивает кнопку на всю ширину контейнера.
+   */
   stretched?: boolean;
+  /**
+   * Контент, отображаемый перед основным содержимым кнопки.
+   */
   before?: React.ReactNode;
+  /**
+   * Контент, отображаемый после основного содержимого кнопки.
+   */
   after?: React.ReactNode;
+  /**
+   * Включает состояние загрузки (отображает спиннер).
+   */
   loading?: boolean;
+  /**
+   * Отключает анимацию спиннера загрузки.
+   */
   disableSpinnerAnimation?: boolean;
+  /**
+   * Добавляет скругленные углы кнопке.
+   */
   rounded?: boolean;
 }
 

package/src/components/ButtonGroup/ButtonGroup.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./ButtonGroup.module.css"],"names":["host","stretched","modeVertical","modeHorizontal","gapSpace","gapS","gapM","alignLeft","alignCenter","alignRight"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAKAC,W,WALA;AAAA,E,aAUAC,c,WAVA;AAAA,E,aAcAC,gB,WAdA;AAAA,E,aA2BAD,c,WA3BA;AAAA,E,aA2BaE,U,WA3Bb;AAAA,E,aA+BAF,c,WA/BA;AAAA,E,aA+BaG,M,WA/Bb;AAAA,E,aAmCAH,c,WAnCA;AAAA,E,aAmCaI,M,WAnCb;AAAA,E,aAwCAH,gB,WAxCA;AAAA,E,aAwCwBH,M,WAxCxB;AAAA,E,aAoDAG,gB,WApDA;AAAA,E,aAoDeC,U,WApDf;AAAA,E,aAwDAD,gB,WAxDA;AAAA,E,aAwDeE,M,WAxDf;AAAA,E,aA4DAF,gB,WA5DA;AAAA,E,aA4DeG,M,WA5Df;AAAA,E,aAkEAJ,c,WAlEA;AAAA,E,aAkEaK,W,WAlEb;AAAA,E,aAsEAL,c,WAtEA;AAAA,E,aAsEaM,a,WAtEb;AAAA,E,aA0EAN,c,WA1EA;AAAA,E,aA0EaO,Y,WA1Eb;AAAA,E,aA8EAN,gB,WA9EA;AAAA,E,aA8EeI,W,WA9Ef;AAAA,E,aAkFAJ,gB,WAlFA;AAAA,E,aAkFeK,a,WAlFf;AAAA,E,aAsFAL,gB,WAtFA;AAAA,E,aAsFeM,Y,WAtFf;AAAA;AAAA","file":"ButtonGroup.module.css.d.ts","sourceRoot":""}

package/src/components/ButtonGroup/ButtonGroup.tsx

@@ -65,5 +65,3 @@ export const ButtonGroup = ({
     />
   );
 };
-
-ButtonGroup.displayName = 'ButtonGroup';

package/src/components/Calendar/Calendar.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Calendar.module.css"],"names":["host","time","header","sizeS"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,M,WAZA;AAAA,E,aAoBAC,Q,WApBA;AAAA,E,aAwBAC,O,WAxBA;AAAA,E,aA6BAA,O,WA7BA;AAAA,E,aA6BOD,Q,WA7BP;AAAA;AAAA","file":"Calendar.module.css.d.ts","sourceRoot":""}

package/src/components/Calendar/Calendar.tsx

@@ -2,11 +2,12 @@
 
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import { isSameDay, isSameMonth } from 'date-fns';
+import { isSameDay, isSameMonth, startOfMonth } from 'date-fns';
 import { useCalendar } from '../../hooks/useCalendar';
 import { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';
 import { clamp, isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';
 import { convertDateFromTimeZone, convertDateToTimeZone } from '../../lib/date';
+import { isHTMLElement } from '../../lib/dom';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
 import type { HTMLAttributesWithRootRef } from '../../types';
@@ -52,7 +53,13 @@ export interface CalendarProps
     Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate' | 'renderDayContent'>,
     CalendarDoneButtonProps,
     CalendarTestsProps {
+  /**
+   * Текущая выбранная дата.
+   */
   value?: Date | null;
+  /**
+   * Начальная дата при монтировании.
+   */
   defaultValue?: Date | null;
   /**
    * Запрещает выбор даты в прошлом.
@@ -64,15 +71,41 @@ export interface CalendarProps
    * Применяется, если не задано `shouldDisableDate`.
    */
   disableFuture?: boolean;
+  /**
+   * Включает выбор времени.
+   */
   enableTime?: boolean;
+  /**
+   * Отключает селекторы выбора месяца/года.
+   */
   disablePickers?: boolean;
+  /**
+   * `aria-label` для изменения дня.
+   *
+   * @deprecated Будет удалeно в **VKUI v8**.
+   * Использовалось для задания aria-label для контейнера дней в календаре.
+   * Теперь этот контейнер является таблицей (с помощью role="grid") и
+   * в aria-label рендерится текущий открытый в календаре месяц и год.
+   */
   changeDayLabel?: string;
+  /**
+   * День недели, с которого начинается неделя.
+   */
   weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  /**
+   * Показывать дни соседних месяцев.
+   */
   showNeighboringMonth?: boolean;
+  /**
+   * Размер календаря.
+   */
   size?: 's' | 'm';
+  /**
+   * Обработчик изменения выбранной даты.
+   */
   onChange?: (value?: Date) => void; // TODO [>=8]: поменять тип на `(value?: Date | null) => void`
   /**
-   * Позволяет запретить выбор даты.
+   * Функция для проверки запрета выбора даты.
    */
   shouldDisableDate?: (value: Date) => boolean;
   /**
@@ -81,11 +114,11 @@ export interface CalendarProps
    */
   viewDate?: Date;
   /**
-   * Изменение даты в шапке календаря.
+   * Обработчик изменения даты в шапке календаря.
    */
   onHeaderChange?: (value: Date) => void;
   /**
-   * Минимальные дата и время, которые можно выбрать
+   * Минимальные дата и время, которые можно выбрать.
    * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.
    */
   minDateTime?: Date;
@@ -95,7 +128,7 @@ export interface CalendarProps
    */
   maxDateTime?: Date;
   /**
-   * Свойство для отображения времени в нужной таймзоне
+   * Часовой пояс для отображения даты.
    */
   timezone?: string;
 }
@@ -107,7 +140,7 @@ const warn = warnOnce('Calendar');
  */
 export const Calendar = ({
   getRootRef,
-  value: valueProp,
+  'value': valueProp,
   defaultValue,
   onChange,
   disablePast,
@@ -121,6 +154,7 @@ export const Calendar = ({
   DoneButton,
   weekStartsOn = 1,
   disablePickers,
+  'aria-label': ariaLabel = 'Календарь',
   changeHoursLabel = 'Изменить час',
   changeMinutesLabel = 'Изменить минуту',
   prevMonthLabel = 'Предыдущий месяц',
@@ -128,9 +162,8 @@ export const Calendar = ({
   changeMonthLabel = 'Изменить месяц',
   changeYearLabel = 'Изменить год',
   showNeighboringMonth,
-  changeDayLabel = 'Изменить день',
   size = 'm',
-  viewDate: externalViewDate,
+  'viewDate': externalViewDate,
   onHeaderChange,
   onNextMonth,
   onPrevMonth,
@@ -179,9 +212,10 @@ export const Calendar = ({
     setNextMonth,
     focusedDay,
     setFocusedDay,
+    focusableDay,
+    setFocusableDay,
     isDayFocused,
     isDayDisabled,
-    resetSelectedDay,
     isMonthDisabled,
     isYearDisabled,
   } = useCalendar({
@@ -212,18 +246,44 @@ export const Calendar = ({
 
   const handleKeyDown = React.useCallback(
     (event: React.KeyboardEvent) => {
-      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
+      if (
+        [
+          'ArrowUp',
+          'ArrowDown',
+          'ArrowLeft',
+          'ArrowRight',
+          'Home',
+          'End',
+          'PageUp',
+          'PageDown',
+        ].includes(event.key)
+      ) {
         event.preventDefault();
+
+        const newFocusedDay = navigateDate(focusedDay ?? timeZonedValue, event.key);
+
+        if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {
+          setViewDate(newFocusedDay);
+        }
+        setFocusedDay(newFocusedDay);
+        setFocusableDay(newFocusedDay);
+
+        return;
       }
 
-      const newFocusedDay = navigateDate(focusedDay ?? timeZonedValue, event.key);
+      if (event.key === 'Tab') {
+        setFocusedDay(undefined);
+        setFocusableDay(focusedDay);
 
-      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {
-        setViewDate(newFocusedDay);
+        return;
+      }
+
+      if ((event.key === 'Enter' || event.key === ' ') && isHTMLElement(event.target)) {
+        event.preventDefault();
+        event.target.click?.();
       }
-      setFocusedDay(newFocusedDay);
     },
-    [focusedDay, setFocusedDay, setViewDate, timeZonedValue, viewDate],
+    [focusedDay, setFocusedDay, setFocusableDay, setViewDate, timeZonedValue, viewDate],
   );
 
   const onDayChange = React.useCallback(
@@ -233,17 +293,66 @@ export const Calendar = ({
         actualDate = clamp(actualDate, { min: minDateTime, max: maxDateTime });
       }
       updateValue(actualDate);
+      setFocusedDay(actualDate);
+      setFocusableDay(actualDate);
+    },
+    [timeZonedValue, updateValue, maxDateTime, minDateTime, setFocusedDay, setFocusableDay],
+  );
+
+  const onDayFocus = React.useCallback(
+    (date: Date) => {
+      if (focusedDay && isSameDay(focusedDay, date)) {
+        return;
+      }
+
+      setFocusedDay(date);
     },
-    [timeZonedValue, updateValue, maxDateTime, minDateTime],
+    [focusedDay, setFocusedDay],
   );
 
+  // activeDay это день в календаре соответствующий значению в инпуте
   const isDayActive = React.useCallback(
     (day: Date) => Boolean(timeZonedValue && isSameDay(day, timeZonedValue)),
     [timeZonedValue],
   );
 
+  const isFocusableDayInViewDateMonth = focusableDay && isSameMonth(focusableDay, viewDate);
+  const isInputValueDateInViewDateMonth = timeZonedValue && isSameMonth(timeZonedValue, viewDate);
+  /**
+   * Функция позволяет проверить является ли день в календаре днём на который
+   * можно попасть с помощью Tab.
+   * Единственный день в таблице календаря у которого есть tabIndex="0"
+   * Чтобы на него можно было попасть из заголовка календаря.
+   */
+  const isDayFocusable = React.useCallback(
+    (day: Date) => {
+      // если focusableDay день находится среди дней открытого сейчас месяца, то такой день получит tabIndex="0",
+      if (isFocusableDayInViewDateMonth) {
+        return isSameDay(focusableDay, day);
+      }
+
+      // при открытии календаря focusableDay не определён,
+      // поэтому tabIndex="0" будет у дня, соответствующего дню в инпуте
+      if (isInputValueDateInViewDateMonth) {
+        return isDayActive(day);
+      }
+
+      // при переключении месяца любая навигация с помощью Tab начинается
+      // с первого дня месяца.
+      return isSameDay(startOfMonth(viewDate), day);
+    },
+    [
+      focusableDay,
+      viewDate,
+      isDayActive,
+      isFocusableDayInViewDateMonth,
+      isInputValueDateInViewDateMonth,
+    ],
+  );
+
   return (
     <RootComponent
+      aria-label={ariaLabel}
       {...props}
       baseClassName={classNames(styles.host, size === 's' && styles.sizeS)}
       getRootRef={getRootRef}
@@ -274,16 +383,15 @@ export const Calendar = ({
         viewDate={externalViewDate || viewDate}
         value={timeZonedValue}
         weekStartsOn={weekStartsOn}
-        isDayFocused={isDayFocused}
-        tabIndex={0}
-        aria-label={changeDayLabel}
         onKeyDown={handleKeyDown}
         onDayChange={onDayChange}
         isDayActive={isDayActive}
+        onDayFocus={onDayFocus}
+        isDayFocused={isDayFocused}
+        isDayFocusable={isDayFocusable}
         isDaySelectionStart={isFirstDay}
         isDaySelectionEnd={isLastDay}
         isDayDisabled={isDayDisabled}
-        onBlur={resetSelectedDay}
         showNeighboringMonth={showNeighboringMonth}
         size={size}
         dayProps={dayProps}