@vkontakte/vkui 5.0.3 → 5.1.0

package/dist/cssm/components/Calendar/Calendar.module.css

@@ -1 +1 @@
-.vkuiCalendar{background:var(--vkui--color_background_modal);border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:305px}.vkuiCalendar__time{border-top:1px solid var(--vkui--color_separator_primary);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px;z-index:1}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}
+.vkuiCalendar{background:var(--vkui--color_background_modal);border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:305px}.vkuiCalendar__time{border-top:1px solid var(--vkui--color_separator_primary);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}

package/dist/cssm/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">;
+import * as React from 'react';
+import { TappableElementProps } from '../Tappable/Tappable';
+export declare type CalendarDayElementProps = Omit<TappableElementProps, 'onChange' | 'size' | 'disabled' | 'selected'>;
 export interface CalendarDayProps extends CalendarDayElementProps {
     day: Date;
     today?: boolean;
@@ -15,7 +15,7 @@ export interface CalendarDayProps extends CalendarDayElementProps {
     focused?: boolean;
     hinted?: boolean;
     sameMonth?: boolean;
-    size?: "s" | "m";
+    size?: 's' | 'm';
     onChange(value: Date): void;
     onEnter?(value: Date): void;
     onLeave?(value: Date): void;

package/dist/cssm/components/CalendarDay/CalendarDay.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size", "className"];
-import * as React from "react";
-import { classNamesString } from "../../lib/classNames";
-import { Tappable } from "../Tappable/Tappable";
-import { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from "../../hooks/useKeyboardInputTracker";
-import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { Tappable } from '../Tappable/Tappable';
+import { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';
+import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
 import "./CalendarDay.module.css";
 export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
   var day = _ref.day,
@@ -53,31 +53,31 @@ export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
     });
   }
   return /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNamesString("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),
+    className: 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"
+      weekday: 'long',
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric'
     }).format(day),
     tabIndex: -1,
     getRootRef: ref,
-    focusVisibleMode: active ? "outside" : "inside",
+    focusVisibleMode: active ? 'outside' : 'inside',
     onEnter: handleEnter,
     onLeave: handleLeave
   }, props), /*#__PURE__*/React.createElement("div", {
-    className: classNamesString("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
+    className: classNames("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNamesString("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
+    className: classNames("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
   }, /*#__PURE__*/React.createElement("div", {
     className: "vkuiCalendarDay__day-number"
   }, day.getDate()))));
 });
-CalendarDay.displayName = "CalendarDay";
+CalendarDay.displayName = 'CalendarDay';
 var styles = {
   "CalendarDay--size-s": "vkuiCalendarDay--size-s",
   "CalendarDay--size-m": "vkuiCalendarDay--size-m"

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.js","names":["React","classNamesString","Tappable","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useConfigProvider","CalendarDay","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","bubbles","focus","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Tappable, TappableElementProps } from \"../Tappable/Tappable\";\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from \"../../hooks/useKeyboardInputTracker\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\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(\n          new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true })\n        );\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={classNamesString(\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={\n          active\n            ? styles[\"CalendarDay--active-hover\"]\n            : styles[\"CalendarDay--hover\"]\n        }\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={classNamesString(\n            styles[\"CalendarDay__hinted\"],\n            hinted && styles[\"CalendarDay__hinted--active\"],\n            hintedSelectionStart &&\n              styles[\"CalendarDay__hinted--selection-start\"],\n            hintedSelectionEnd && styles[\"CalendarDay__hinted--selection-end\"]\n          )}\n        >\n          <div\n            className={classNamesString(\n              styles[\"CalendarDay__inner\"],\n              active && !disabled && styles[\"CalendarDay__inner--active\"]\n            )}\n          >\n            <div className={styles[\"CalendarDay__day-number\"]}>\n              {day.getDate()}\n            </div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  }\n);\n\nCalendarDay.displayName = \"CalendarDay\";\n"],"mappings":"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"}
+{"version":3,"file":"CalendarDay.js","names":["React","classNames","Tappable","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useConfigProvider","CalendarDay","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","bubbles","focus","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 { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\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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"}

package/dist/cssm/components/CalendarDays/CalendarDays.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { CalendarDayElementProps } from "../CalendarDay/CalendarDay";
-export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+import * as React from 'react';
+import { CalendarDayElementProps } from '../CalendarDay/CalendarDay';
+export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     value?: Date | Array<Date | null>;
     viewDate: Date;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     showNeighboringMonth?: boolean;
-    size?: "s" | "m";
+    size?: 's' | 'm';
     dayProps?: CalendarDayElementProps;
     listenDayChangesForUpdate?: boolean;
     onDayChange(value: Date): void;

package/dist/cssm/components/CalendarDays/CalendarDays.js

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps", "className", "listenDayChangesForUpdate"];
-import * as React from "react";
-import { isSameDay, isSameMonth } from "../../lib/date";
-import { CalendarDay } from "../CalendarDay/CalendarDay";
-import { getDaysNames, getWeeks } from "../../lib/calendar";
-import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
-import { classNamesString } from "../../lib/classNames";
-import { Footnote } from "../Typography/Footnote/Footnote";
-import { useTodayDate } from "../../hooks/useTodayDate";
+import * as React from 'react';
+import { isSameDay, isSameMonth } from '../../lib/date';
+import { CalendarDay } from '../CalendarDay/CalendarDay';
+import { getDaysNames, getWeeks } from '../../lib/calendar';
+import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
+import { classNames } from '@vkontakte/vkjs';
+import { Footnote } from '../Typography/Footnote/Footnote';
+import { useTodayDate } from '../../hooks/useTodayDate';
 import "./CalendarDays.module.css";
 export var CalendarDays = function CalendarDays(_ref) {
   var viewDate = _ref.viewDate,
@@ -50,10 +50,10 @@ export var CalendarDays = function CalendarDays(_ref) {
     (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
   }, [onDayChange]);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: classNamesString("vkuiCalendarDays", className),
+    className: classNames("vkuiCalendarDays", className),
     ref: ref
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNamesString("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)])
+    className: classNames("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)])
   }, daysNames.map(function (dayName) {
     return /*#__PURE__*/React.createElement(Footnote, {
       key: dayName,
@@ -61,7 +61,7 @@ export var CalendarDays = function CalendarDays(_ref) {
     }, dayName);
   })), weeks.map(function (week, i) {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNamesString("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)]),
+      className: classNames("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)]),
       key: i
     }, week.map(function (day, i) {
       var sameMonth = isSameMonth(day, viewDate);

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.js","names":["React","isSameDay","isSameMonth","CalendarDay","getDaysNames","getWeeks","useConfigProvider","classNamesString","Footnote","useTodayDate","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","ref","useRef","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","styles","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport {\n  CalendarDay,\n  CalendarDayElementProps,\n} from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { useTodayDate } from \"../../hooks/useTodayDate\";\nimport styles from \"./CalendarDays.module.css\";\n\nexport interface CalendarDaysProps\n  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(\n    () => getWeeks(viewDate, weekStartsOn),\n    [weekStartsOn, viewDate]\n  );\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\n      {...props}\n      className={classNamesString(styles[\"CalendarDays\"], className)}\n      ref={ref}\n    >\n      <div\n        className={classNamesString(\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={classNamesString(\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,"file":"CalendarDays.js","names":["React","isSameDay","isSameMonth","CalendarDay","getDaysNames","getWeeks","useConfigProvider","classNames","Footnote","useTodayDate","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","ref","useRef","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","styles","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { CalendarDay, CalendarDayElementProps } from '../CalendarDay/CalendarDay';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { useTodayDate } from '../../hooks/useTodayDate';\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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"}

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

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

package/dist/cssm/components/CalendarHeader/CalendarHeader.js

@@ -2,17 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"],
   _excluded2 = ["className"];
-import * as React from "react";
-import { setMonth, setYear, subMonths, addMonths } from "../../lib/date";
-import { Icon20ChevronLeftOutline, Icon20ChevronRightOutline, Icon12Dropdown } from "@vkontakte/icons";
-import { Tappable } from "../Tappable/Tappable";
-import { classNamesString } from "../../lib/classNames";
-import { CustomSelect } from "../CustomSelect/CustomSelect";
-import { SizeType } from "../../lib/adaptivity";
-import { getMonths, getYears } from "../../lib/calendar";
-import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
-import { Paragraph } from "../Typography/Paragraph/Paragraph";
-import { AdaptivityProvider } from "../AdaptivityProvider/AdaptivityProvider";
+import * as React from 'react';
+import { setMonth, setYear, subMonths, addMonths } from '../../lib/date';
+import { Icon20ChevronLeftOutline, Icon20ChevronRightOutline, Icon12Dropdown } from '@vkontakte/icons';
+import { Tappable } from '../Tappable/Tappable';
+import { classNames } from '@vkontakte/vkjs';
+import { CustomSelect } from '../CustomSelect/CustomSelect';
+import { SizeType } from '../../lib/adaptivity';
+import { getMonths, getYears } from '../../lib/calendar';
+import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
+import { Paragraph } from '../Typography/Paragraph/Paragraph';
+import { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';
 import "./CalendarHeader.module.css";
 export var CalendarHeader = function CalendarHeader(_ref) {
   var viewDate = _ref.viewDate,
@@ -31,13 +31,13 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     _ref$nextMonthProps = _ref.nextMonthProps,
     nextMonthProps = _ref$nextMonthProps === void 0 ? {} : _ref$nextMonthProps,
     _ref$prevMonthAriaLab = _ref.prevMonthAriaLabel,
-    prevMonthAriaLabel = _ref$prevMonthAriaLab === void 0 ? "Предыдущий месяц" : _ref$prevMonthAriaLab,
+    prevMonthAriaLabel = _ref$prevMonthAriaLab === void 0 ? 'Предыдущий месяц' : _ref$prevMonthAriaLab,
     _ref$nextMonthAriaLab = _ref.nextMonthAriaLabel,
-    nextMonthAriaLabel = _ref$nextMonthAriaLab === void 0 ? "Следующий месяц" : _ref$nextMonthAriaLab,
+    nextMonthAriaLabel = _ref$nextMonthAriaLab === void 0 ? 'Следующий месяц' : _ref$nextMonthAriaLab,
     _ref$changeMonthAriaL = _ref.changeMonthAriaLabel,
-    changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? "Изменить месяц" : _ref$changeMonthAriaL,
+    changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? 'Изменить месяц' : _ref$changeMonthAriaL,
     _ref$changeYearAriaLa = _ref.changeYearAriaLabel,
-    changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? "Изменить год" : _ref$changeYearAriaLa,
+    changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? 'Изменить год' : _ref$changeYearAriaLa,
     _ref$prevMonthIcon = _ref.prevMonthIcon,
     prevMonthIcon = _ref$prevMonthIcon === void 0 ? /*#__PURE__*/React.createElement(Icon20ChevronLeftOutline, {
       className: "vkuiCalendarHeader__nav-icon--accent",
@@ -75,19 +75,19 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     return getYears(currentYear, 100);
   }, [currentYear]);
   var formatter = new Intl.DateTimeFormat(locale, {
-    year: "numeric",
-    month: "long"
+    year: 'numeric',
+    month: 'long'
   });
   var prevMonthClassName = prevMonthProps.className,
     restPrevMonthProps = _objectWithoutProperties(prevMonthProps, _excluded);
   var nextMonthClassName = nextMonthProps.className,
     restNextMonthProps = _objectWithoutProperties(nextMonthProps, _excluded2);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNamesString("vkuiCalendarHeader", className)
+    className: classNames("vkuiCalendarHeader", className)
   }, prevMonth && /*#__PURE__*/React.createElement(AdaptivityProvider, {
     sizeX: SizeType.REGULAR
   }, /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNamesString("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-prev", prevMonthClassName),
+    className: classNames("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-prev", prevMonthClassName),
     onClick: onPrevMonth,
     "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format(subMonths(viewDate, 1)))
   }, restPrevMonthProps), prevMonthIcon)), disablePickers ? /*#__PURE__*/React.createElement(Paragraph, {
@@ -96,9 +96,9 @@ export var CalendarHeader = function CalendarHeader(_ref) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "vkuiCalendarHeader__month"
   }, new Intl.DateTimeFormat(locale, {
-    month: "long"
+    month: 'long'
   }).format(viewDate)), "\xA0", new Intl.DateTimeFormat(locale, {
-    year: "numeric"
+    year: 'numeric'
   }).format(viewDate)) : /*#__PURE__*/React.createElement(AdaptivityProvider, {
     sizeY: SizeType.COMPACT
   }, /*#__PURE__*/React.createElement("div", {
@@ -128,7 +128,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
   }))), nextMonth && /*#__PURE__*/React.createElement(AdaptivityProvider, {
     sizeX: SizeType.REGULAR
   }, /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNamesString("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-next", nextMonthClassName),
+    className: classNames("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-next", nextMonthClassName),
     onClick: onNextMonth,
     "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format(addMonths(viewDate, 1)))
   }, restNextMonthProps), nextMonthIcon)));

package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["React","setMonth","setYear","subMonths","addMonths","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","Icon12Dropdown","Tappable","classNamesString","CustomSelect","SizeType","getMonths","getYears","useConfigProvider","Paragraph","AdaptivityProvider","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","REGULAR","format","COMPACT","getMonth"],"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setMonth, setYear, subMonths, addMonths } from \"../../lib/date\";\nimport {\n  Icon20ChevronLeftOutline,\n  Icon20ChevronRightOutline,\n  Icon12Dropdown,\n} from \"@vkontakte/icons\";\nimport { Tappable, TappableElementProps } from \"../Tappable/Tappable\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport styles from \"./CalendarHeader.module.css\";\n\ntype ArrowMonthProps = Omit<TappableElementProps, \"onClick\" | \"aria-label\">;\n\nexport interface CalendarHeaderProps\n  extends Pick<React.HTMLAttributes<HTMLDivElement>, \"className\"> {\n  viewDate: Date;\n  prevMonth?: boolean;\n  nextMonth?: boolean;\n  disablePickers?: boolean;\n  prevMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  changeMonthAriaLabel?: string;\n  changeYearAriaLabel?: string;\n  prevMonthIcon?: React.ReactNode;\n  nextMonthIcon?: React.ReactNode;\n  prevMonthProps?: ArrowMonthProps;\n  nextMonthProps?: ArrowMonthProps;\n  onChange(viewDate: Date): void;\n  /**\n   * Нажатие на кнопку переключения на следующий месяц.\n   */\n  onNextMonth?(): void;\n  /**\n   * Нажатие на кнопку переключения на предыдущий месяц.\n   */\n  onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n  viewDate,\n  onChange,\n  prevMonth = true,\n  nextMonth = true,\n  disablePickers = false,\n  onNextMonth,\n  onPrevMonth,\n  className,\n  prevMonthProps = {},\n  nextMonthProps = {},\n  prevMonthAriaLabel = \"Предыдущий месяц\",\n  nextMonthAriaLabel = \"Следующий месяц\",\n  changeMonthAriaLabel = \"Изменить месяц\",\n  changeYearAriaLabel = \"Изменить год\",\n  prevMonthIcon = (\n    <Icon20ChevronLeftOutline\n      className={styles[\"CalendarHeader__nav-icon--accent\"]}\n      width={30}\n      height={30}\n    />\n  ),\n  nextMonthIcon = (\n    <Icon20ChevronRightOutline\n      className={styles[\"CalendarHeader__nav-icon--accent\"]}\n      width={30}\n      height={30}\n    />\n  ),\n}: CalendarHeaderProps) => {\n  const { locale } = useConfigProvider();\n  const onMonthsChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setMonth(viewDate, Number(event.target.value))),\n    [onChange, viewDate]\n  );\n  const onYearChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setYear(viewDate, Number(event.target.value))),\n    [onChange, viewDate]\n  );\n\n  const months = React.useMemo(\n    () =>\n      getMonths(locale).map(({ value, label }) => ({\n        value,\n        label: <span className={styles[\"CalendarHeader__month\"]}>{label}</span>,\n      })),\n    [locale]\n  );\n\n  const currentYear = viewDate.getFullYear();\n\n  const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n  const formatter = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n  });\n\n  const { className: prevMonthClassName, ...restPrevMonthProps } =\n    prevMonthProps;\n  const { className: nextMonthClassName, ...restNextMonthProps } =\n    nextMonthProps;\n\n  return (\n    <div className={classNamesString(styles[\"CalendarHeader\"], className)}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNamesString(\n              styles[\"CalendarHeader__nav-icon\"],\n              styles[\"CalendarHeader__nav-icon-prev\"],\n              prevMonthClassName\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n              subMonths(viewDate, 1)\n            )}`}\n            {...restPrevMonthProps}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph className={styles[\"CalendarHeader__pickers\"]} weight=\"2\">\n          <span className={styles[\"CalendarHeader__month\"]}>\n            {new Intl.DateTimeFormat(locale, {\n              month: \"long\",\n            }).format(viewDate)}\n          </span>\n          &nbsp;\n          {new Intl.DateTimeFormat(locale, {\n            year: \"numeric\",\n          }).format(viewDate)}\n        </Paragraph>\n      ) : (\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <div className={styles[\"CalendarHeader__pickers\"]}>\n            <CustomSelect\n              className={styles[\"CalendarHeader__picker\"]}\n              value={viewDate.getMonth()}\n              options={months}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onMonthsChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeMonthAriaLabel}\n            />\n            <CustomSelect\n              className={styles[\"CalendarHeader__picker\"]}\n              value={viewDate.getFullYear()}\n              options={years}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onYearChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeYearAriaLabel}\n            />\n          </div>\n        </AdaptivityProvider>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNamesString(\n              styles[\"CalendarHeader__nav-icon\"],\n              styles[\"CalendarHeader__nav-icon-next\"],\n              nextMonthClassName\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n              addMonths(viewDate, 1)\n            )}`}\n            {...restNextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","names":["React","setMonth","setYear","subMonths","addMonths","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","Icon12Dropdown","Tappable","classNames","CustomSelect","SizeType","getMonths","getYears","useConfigProvider","Paragraph","AdaptivityProvider","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","REGULAR","format","COMPACT","getMonth"],"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { setMonth, setYear, subMonths, addMonths } from '../../lib/date';\nimport {\n  Icon20ChevronLeftOutline,\n  Icon20ChevronRightOutline,\n  Icon12Dropdown,\n} from '@vkontakte/icons';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { classNames } from '@vkontakte/vkjs';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getMonths, getYears } from '../../lib/calendar';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport styles from './CalendarHeader.module.css';\n\ntype ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;\n\nexport interface CalendarHeaderProps\n  extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  viewDate: Date;\n  prevMonth?: boolean;\n  nextMonth?: boolean;\n  disablePickers?: boolean;\n  prevMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  changeMonthAriaLabel?: string;\n  changeYearAriaLabel?: string;\n  prevMonthIcon?: React.ReactNode;\n  nextMonthIcon?: React.ReactNode;\n  prevMonthProps?: ArrowMonthProps;\n  nextMonthProps?: ArrowMonthProps;\n  onChange(viewDate: Date): void;\n  /**\n   * Нажатие на кнопку переключения на следующий месяц.\n   */\n  onNextMonth?(): void;\n  /**\n   * Нажатие на кнопку переключения на предыдущий месяц.\n   */\n  onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n  viewDate,\n  onChange,\n  prevMonth = true,\n  nextMonth = true,\n  disablePickers = false,\n  onNextMonth,\n  onPrevMonth,\n  className,\n  prevMonthProps = {},\n  nextMonthProps = {},\n  prevMonthAriaLabel = 'Предыдущий месяц',\n  nextMonthAriaLabel = 'Следующий месяц',\n  changeMonthAriaLabel = 'Изменить месяц',\n  changeYearAriaLabel = 'Изменить год',\n  prevMonthIcon = (\n    <Icon20ChevronLeftOutline\n      className={styles['CalendarHeader__nav-icon--accent']}\n      width={30}\n      height={30}\n    />\n  ),\n  nextMonthIcon = (\n    <Icon20ChevronRightOutline\n      className={styles['CalendarHeader__nav-icon--accent']}\n      width={30}\n      height={30}\n    />\n  ),\n}: CalendarHeaderProps) => {\n  const { locale } = useConfigProvider();\n  const onMonthsChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setMonth(viewDate, Number(event.target.value))),\n    [onChange, viewDate],\n  );\n  const onYearChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setYear(viewDate, Number(event.target.value))),\n    [onChange, viewDate],\n  );\n\n  const months = React.useMemo(\n    () =>\n      getMonths(locale).map(({ value, label }) => ({\n        value,\n        label: <span className={styles['CalendarHeader__month']}>{label}</span>,\n      })),\n    [locale],\n  );\n\n  const currentYear = viewDate.getFullYear();\n\n  const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n  const formatter = new Intl.DateTimeFormat(locale, {\n    year: 'numeric',\n    month: 'long',\n  });\n\n  const { className: prevMonthClassName, ...restPrevMonthProps } = prevMonthProps;\n  const { className: nextMonthClassName, ...restNextMonthProps } = nextMonthProps;\n\n  return (\n    <div className={classNames(styles['CalendarHeader'], className)}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-prev'],\n              prevMonthClassName,\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(subMonths(viewDate, 1))}`}\n            {...restPrevMonthProps}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph className={styles['CalendarHeader__pickers']} weight=\"2\">\n          <span className={styles['CalendarHeader__month']}>\n            {new Intl.DateTimeFormat(locale, {\n              month: 'long',\n            }).format(viewDate)}\n          </span>\n          &nbsp;\n          {new Intl.DateTimeFormat(locale, {\n            year: 'numeric',\n          }).format(viewDate)}\n        </Paragraph>\n      ) : (\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <div className={styles['CalendarHeader__pickers']}>\n            <CustomSelect\n              className={styles['CalendarHeader__picker']}\n              value={viewDate.getMonth()}\n              options={months}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onMonthsChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeMonthAriaLabel}\n            />\n            <CustomSelect\n              className={styles['CalendarHeader__picker']}\n              value={viewDate.getFullYear()}\n              options={years}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onYearChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeYearAriaLabel}\n            />\n          </div>\n        </AdaptivityProvider>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-next'],\n              nextMonthClassName,\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(addMonths(viewDate, 1))}`}\n            {...restNextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/CalendarRange/CalendarRange.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { CalendarHeaderProps } from "../CalendarHeader/CalendarHeader";
-import { CalendarDaysProps } from "../CalendarDays/CalendarDays";
-import { HasRootRef } from "../../types";
-export interface CalendarRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<CalendarHeaderProps, "prevMonthAriaLabel" | "nextMonthAriaLabel" | "changeMonthAriaLabel" | "changeYearAriaLabel" | "prevMonthIcon" | "nextMonthIcon">, Pick<CalendarDaysProps, "listenDayChangesForUpdate">, HasRootRef<HTMLDivElement> {
+import * as React from 'react';
+import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
+import { CalendarDaysProps } from '../CalendarDays/CalendarDays';
+import { HasRootRef } from '../../types';
+export interface CalendarRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<CalendarHeaderProps, 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'prevMonthIcon' | 'nextMonthIcon'>, Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>, HasRootRef<HTMLDivElement> {
     value?: Array<Date | null>;
     disablePast?: boolean;
     disableFuture?: boolean;

package/dist/cssm/components/CalendarRange/CalendarRange.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "weekStartsOn", "getRootRef", "disablePickers", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "prevMonthIcon", "nextMonthIcon", "className", "listenDayChangesForUpdate"];
-import * as React from "react";
-import { classNamesString } from "../../lib/classNames";
-import { addMonths, isSameMonth, isSameDay, isBefore, isAfter, startOfDay, endOfDay, isWithinInterval } from "../../lib/date";
-import { CalendarHeader } from "../CalendarHeader/CalendarHeader";
-import { CalendarDays } from "../CalendarDays/CalendarDays";
-import { navigateDate, setTimeEqual, isLastDay, isFirstDay } from "../../lib/calendar";
-import { useCalendar } from "../../hooks/useCalendar";
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { addMonths, isSameMonth, isSameDay, isBefore, isAfter, startOfDay, endOfDay, isWithinInterval } from '../../lib/date';
+import { CalendarHeader } from '../CalendarHeader/CalendarHeader';
+import { CalendarDays } from '../CalendarDays/CalendarDays';
+import { navigateDate, setTimeEqual, isLastDay, isFirstDay } from '../../lib/calendar';
+import { useCalendar } from '../../hooks/useCalendar';
 import "./CalendarRange.module.css";
 var getIsDaySelected = function getIsDaySelected(day, value) {
   if (!(value !== null && value !== void 0 && value[0]) || !value[1]) {
@@ -36,7 +36,7 @@ export var CalendarRange = function CalendarRange(_ref) {
     changeMonthAriaLabel = _ref.changeMonthAriaLabel,
     changeYearAriaLabel = _ref.changeYearAriaLabel,
     _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
+    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
     prevMonthIcon = _ref.prevMonthIcon,
     nextMonthIcon = _ref.nextMonthIcon,
     className = _ref.className,
@@ -63,7 +63,7 @@ export var CalendarRange = function CalendarRange(_ref) {
     setHintedDate = _React$useState2[1];
   var secondViewDate = addMonths(viewDate, 1);
   var handleKeyDown = React.useCallback(function (event) {
-    if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key)) {
+    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
       event.preventDefault();
     }
     var newFocusedDay = navigateDate(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value === null || value === void 0 ? void 0 : value[1], event.key);
@@ -120,7 +120,7 @@ export var CalendarRange = function CalendarRange(_ref) {
   }, [hintedDate]);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     ref: getRootRef,
-    className: classNamesString("vkuiCalendarRange", className)
+    className: classNames("vkuiCalendarRange", className)
   }), /*#__PURE__*/React.createElement("div", {
     className: "vkuiCalendarRange__inner"
   }, /*#__PURE__*/React.createElement(CalendarHeader, {

package/dist/cssm/components/CalendarRange/CalendarRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRange.js","names":["React","classNamesString","addMonths","isSameMonth","isSameDay","isBefore","isAfter","startOfDay","endOfDay","isWithinInterval","CalendarHeader","CalendarDays","navigateDate","setTimeEqual","isLastDay","isFirstDay","useCalendar","getIsDaySelected","day","value","Boolean","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","className","listenDayChangesForUpdate","props","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useState","hintedDate","setHintedDate","secondViewDate","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","getNewValue","date","start","end","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isHintedDaySelectionEnd","isDaySelectionStart","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport {\n  addMonths,\n  isSameMonth,\n  isSameDay,\n  isBefore,\n  isAfter,\n  startOfDay,\n  endOfDay,\n  isWithinInterval,\n} from \"../../lib/date\";\nimport {\n  CalendarHeader,\n  CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays, CalendarDaysProps } from \"../CalendarDays/CalendarDays\";\nimport {\n  navigateDate,\n  setTimeEqual,\n  isLastDay,\n  isFirstDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport styles from \"./CalendarRange.module.css\";\n\nexport interface CalendarRangeProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n    Pick<\n      CalendarHeaderProps,\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n    >,\n    Pick<CalendarDaysProps, \"listenDayChangesForUpdate\">,\n    HasRootRef<HTMLDivElement> {\n  value?: Array<Date | null>;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  disablePickers?: boolean;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  onChange?(value?: Array<Date | null>): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date | null>) => {\n  if (!value?.[0] || !value[1]) {\n    return false;\n  }\n\n  return Boolean(\n    isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1]))\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  changeDayAriaLabel = \"Изменить день\",\n  prevMonthIcon,\n  nextMonthIcon,\n  className,\n  listenDayChangesForUpdate,\n  ...props\n}: CalendarRangeProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n  const [hintedDate, setHintedDate] = React.useState<Array<Date | null>>();\n  const secondViewDate = addMonths(viewDate, 1);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (\n        [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n      ) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n      if (\n        newFocusedDay &&\n        !isSameMonth(newFocusedDay, viewDate) &&\n        !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n      ) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n  );\n\n  const getNewValue = React.useCallback(\n    (date: Date) => {\n      if (!value) {\n        return [date, null];\n      }\n\n      const start = value[0];\n      const end = value[1];\n      if ((start && isSameDay(date, start)) || (end && isSameDay(date, end))) {\n        return [setTimeEqual(date, start), setTimeEqual(date, end)];\n      } else if (start && isBefore(date, start)) {\n        return [setTimeEqual(date, start), end];\n      } else if (start && isAfter(date, start)) {\n        return [start, setTimeEqual(date, end)];\n      }\n\n      return value;\n    },\n    [value]\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(getNewValue(date));\n      setHintedDate(undefined);\n    },\n    [onChange, getNewValue]\n  );\n\n  const isDaySelected = React.useCallback(\n    (day: Date) => getIsDaySelected(day, value),\n    [value]\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) =>\n      Boolean(\n        (value?.[0] && isSameDay(day, value[0])) ||\n          (value?.[1] && isSameDay(day, value[1]))\n      ),\n    [value]\n  );\n\n  const isDaySelectionEnd = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isLastDay(day, dayOfWeek) || (value?.[1] && isSameDay(day, value[1]))\n      ),\n    [value]\n  );\n\n  const isHintedDaySelectionEnd = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isLastDay(day, dayOfWeek) ||\n          (hintedDate?.[1] && isSameDay(day, hintedDate[1]))\n      ),\n    [hintedDate]\n  );\n\n  const isDaySelectionStart = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isFirstDay(day, dayOfWeek) || (value?.[0] && isSameDay(day, value[0]))\n      ),\n    [value]\n  );\n\n  const isHintedDaySelectionStart = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isFirstDay(day, dayOfWeek) ||\n          (hintedDate?.[0] && isSameDay(day, hintedDate[0]))\n      ),\n    [hintedDate]\n  );\n\n  const onDayEnter = React.useCallback(\n    (date: Date) => setHintedDate(getNewValue(date)),\n    [setHintedDate, getNewValue]\n  );\n\n  const onDayLeave = React.useCallback(\n    () => setHintedDate(undefined),\n    [setHintedDate]\n  );\n\n  const isDayHinted = React.useCallback(\n    (day: Date) => getIsDaySelected(day, hintedDate),\n    [hintedDate]\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      className={classNamesString(styles[\"CalendarRange\"], className)}\n    >\n      <div className={styles[\"CalendarRange__inner\"]}>\n        <CalendarHeader\n          viewDate={viewDate}\n          onChange={setViewDate}\n          nextMonth={false}\n          onPrevMonth={setPrevMonth}\n          disablePickers={disablePickers}\n          className={styles[\"CalendarRange__header\"]}\n          prevMonthAriaLabel={prevMonthAriaLabel}\n          nextMonthAriaLabel={nextMonthAriaLabel}\n          changeMonthAriaLabel={changeMonthAriaLabel}\n          changeYearAriaLabel={changeYearAriaLabel}\n          prevMonthIcon={prevMonthIcon}\n        />\n        <CalendarDays\n          viewDate={viewDate}\n          value={value}\n          weekStartsOn={weekStartsOn}\n          onKeyDown={handleKeyDown}\n          isDayFocused={isDayFocused}\n          onDayChange={onDayChange}\n          isDaySelected={isDaySelected}\n          isDayActive={isDayActive}\n          isDaySelectionEnd={isDaySelectionEnd}\n          isDaySelectionStart={isDaySelectionStart}\n          isDayHinted={isDayHinted}\n          onDayEnter={onDayEnter}\n          onDayLeave={onDayLeave}\n          isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n          isHintedDaySelectionStart={isHintedDaySelectionStart}\n          isDayDisabled={isDayDisabled}\n          listenDayChangesForUpdate={listenDayChangesForUpdate}\n          aria-label={changeDayAriaLabel}\n        />\n      </div>\n      <div className={styles[\"CalendarRange__inner\"]}>\n        <CalendarHeader\n          viewDate={secondViewDate}\n          onChange={setViewDate}\n          prevMonth={false}\n          onNextMonth={setNextMonth}\n          disablePickers={disablePickers}\n          className={styles[\"CalendarRange__header\"]}\n          prevMonthAriaLabel={prevMonthAriaLabel}\n          nextMonthAriaLabel={nextMonthAriaLabel}\n          changeMonthAriaLabel={changeMonthAriaLabel}\n          changeYearAriaLabel={changeYearAriaLabel}\n          nextMonthIcon={nextMonthIcon}\n        />\n        <CalendarDays\n          viewDate={secondViewDate}\n          value={value}\n          weekStartsOn={weekStartsOn}\n          aria-label={changeDayAriaLabel}\n          onKeyDown={handleKeyDown}\n          isDayFocused={isDayFocused}\n          onDayChange={onDayChange}\n          isDaySelected={isDaySelected}\n          isDayActive={isDayActive}\n          isDaySelectionEnd={isDaySelectionEnd}\n          isDaySelectionStart={isDaySelectionStart}\n          isDayHinted={isDayHinted}\n          onDayEnter={onDayEnter}\n          onDayLeave={onDayLeave}\n          isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n          isHintedDaySelectionStart={isHintedDaySelectionStart}\n          isDayDisabled={isDayDisabled}\n          listenDayChangesForUpdate={listenDayChangesForUpdate}\n          tabIndex={0}\n          onBlur={resetSelectedDay}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SACEC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVC,QAAQ,EACRC,gBAAgB,QACX,gBAAgB;AACvB,SACEC,cAAc,QAET,kCAAkC;AACzC,SAASC,YAAY,QAA2B,8BAA8B;AAC9E,SACEC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,oBAAoB;AAC3B,SAASC,WAAW,QAAQ,yBAAyB;AAAC;AA4BtD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,GAAS,EAAEC,KAA0B,EAAK;EAClE,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAG,CAAC,CAAC,KAAI,CAACA,KAAK,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAO,KAAK;EACd;EAEA,OAAOC,OAAO,CACZX,gBAAgB,CAACS,GAAG,EAAEX,UAAU,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC,EAAEX,QAAQ,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAChE;AACH,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAME,aAAa,GAAG,SAAhBA,aAAa,OAoBA;EAAA,IAnBxBF,KAAK,QAALA,KAAK;IACLG,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,iBAAiB,QAAjBA,iBAAiB;IACjBC,OAAO,QAAPA,OAAO;IAAA,yBACPC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAChBC,UAAU,QAAVA,UAAU;IACVC,cAAc,QAAdA,cAAc;IACdC,kBAAkB,QAAlBA,kBAAkB;IAClBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,oBAAoB,QAApBA,oBAAoB;IACpBC,mBAAmB,QAAnBA,mBAAmB;IAAA,6BACnBC,kBAAkB;IAAlBA,kBAAkB,sCAAG,eAAe;IACpCC,aAAa,QAAbA,aAAa;IACbC,aAAa,QAAbA,aAAa;IACbC,SAAS,QAATA,SAAS;IACTC,yBAAyB,QAAzBA,yBAAyB;IACtBC,KAAK;EAER,mBAUIvB,WAAW,CAAC;MAAEG,KAAK,EAALA,KAAK;MAAEK,aAAa,EAAbA,aAAa;MAAED,WAAW,EAAXA,WAAW;MAAEE,iBAAiB,EAAjBA;IAAkB,CAAC,CAAC;IATvEe,QAAQ,gBAARA,QAAQ;IACRC,WAAW,gBAAXA,WAAW;IACXC,YAAY,gBAAZA,YAAY;IACZC,YAAY,gBAAZA,YAAY;IACZC,UAAU,gBAAVA,UAAU;IACVC,aAAa,gBAAbA,aAAa;IACbC,YAAY,gBAAZA,YAAY;IACZC,aAAa,gBAAbA,aAAa;IACbC,gBAAgB,gBAAhBA,gBAAgB;EAElB,sBAAoChD,KAAK,CAACiD,QAAQ,EAAsB;IAAA;IAAjEC,UAAU;IAAEC,aAAa;EAChC,IAAMC,cAAc,GAAGlD,SAAS,CAACsC,QAAQ,EAAE,CAAC,CAAC;EAE7C,IAAMa,aAAa,GAAGrD,KAAK,CAACsD,WAAW,CACrC,UAACC,KAA0B,EAAK;IAC9B,IACE,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EACvE;MACAF,KAAK,CAACG,cAAc,EAAE;IACxB;IAEA,IAAMC,aAAa,GAAG/C,YAAY,CAACgC,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIzB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,EAAEoC,KAAK,CAACE,GAAG,CAAC;IAEvE,IACEE,aAAa,IACb,CAACxD,WAAW,CAACwD,aAAa,EAAEnB,QAAQ,CAAC,IACrC,CAACrC,WAAW,CAACwD,aAAa,EAAEzD,SAAS,CAACsC,QAAQ,EAAE,CAAC,CAAC,CAAC,EACnD;MACAC,WAAW,CAACkB,aAAa,CAAC;IAC5B;IACAd,aAAa,CAACc,aAAa,CAAC;EAC9B,CAAC,EACD,CAACf,UAAU,EAAEC,aAAa,EAAEJ,WAAW,EAAEtB,KAAK,EAAEqB,QAAQ,CAAC,CAC1D;EAED,IAAMoB,WAAW,GAAG5D,KAAK,CAACsD,WAAW,CACnC,UAACO,IAAU,EAAK;IACd,IAAI,CAAC1C,KAAK,EAAE;MACV,OAAO,CAAC0C,IAAI,EAAE,IAAI,CAAC;IACrB;IAEA,IAAMC,KAAK,GAAG3C,KAAK,CAAC,CAAC,CAAC;IACtB,IAAM4C,GAAG,GAAG5C,KAAK,CAAC,CAAC,CAAC;IACpB,IAAK2C,KAAK,IAAI1D,SAAS,CAACyD,IAAI,EAAEC,KAAK,CAAC,IAAMC,GAAG,IAAI3D,SAAS,CAACyD,IAAI,EAAEE,GAAG,CAAE,EAAE;MACtE,OAAO,CAAClD,YAAY,CAACgD,IAAI,EAAEC,KAAK,CAAC,EAAEjD,YAAY,CAACgD,IAAI,EAAEE,GAAG,CAAC,CAAC;IAC7D,CAAC,MAAM,IAAID,KAAK,IAAIzD,QAAQ,CAACwD,IAAI,EAAEC,KAAK,CAAC,EAAE;MACzC,OAAO,CAACjD,YAAY,CAACgD,IAAI,EAAEC,KAAK,CAAC,EAAEC,GAAG,CAAC;IACzC,CAAC,MAAM,IAAID,KAAK,IAAIxD,OAAO,CAACuD,IAAI,EAAEC,KAAK,CAAC,EAAE;MACxC,OAAO,CAACA,KAAK,EAAEjD,YAAY,CAACgD,IAAI,EAAEE,GAAG,CAAC,CAAC;IACzC;IAEA,OAAO5C,KAAK;EACd,CAAC,EACD,CAACA,KAAK,CAAC,CACR;EAED,IAAM6C,WAAW,GAAGhE,KAAK,CAACsD,WAAW,CACnC,UAACO,IAAU,EAAK;IACdvC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGsC,WAAW,CAACC,IAAI,CAAC,CAAC;IAC7BV,aAAa,CAACc,SAAS,CAAC;EAC1B,CAAC,EACD,CAAC3C,QAAQ,EAAEsC,WAAW,CAAC,CACxB;EAED,IAAMM,aAAa,GAAGlE,KAAK,CAACsD,WAAW,CACrC,UAACpC,GAAS;IAAA,OAAKD,gBAAgB,CAACC,GAAG,EAAEC,KAAK,CAAC;EAAA,GAC3C,CAACA,KAAK,CAAC,CACR;EAED,IAAMgD,WAAW,GAAGnE,KAAK,CAACsD,WAAW,CACnC,UAACpC,GAAS;IAAA,OACRE,OAAO,CACJ,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAIf,SAAS,CAACc,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAC,IACpC,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAIf,SAAS,CAACc,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CAC3C;EAAA,GACH,CAACA,KAAK,CAAC,CACR;EAED,IAAMiD,iBAAiB,GAAGpE,KAAK,CAACsD,WAAW,CACzC,UAACpC,GAAS,EAAEmD,SAAiB;IAAA,OAC3BjD,OAAO,CACLN,SAAS,CAACI,GAAG,EAAEmD,SAAS,CAAC,IAAK,CAAAlD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAIf,SAAS,CAACc,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CACtE;EAAA,GACH,CAACA,KAAK,CAAC,CACR;EAED,IAAMmD,uBAAuB,GAAGtE,KAAK,CAACsD,WAAW,CAC/C,UAACpC,GAAS,EAAEmD,SAAiB;IAAA,OAC3BjD,OAAO,CACLN,SAAS,CAACI,GAAG,EAAEmD,SAAS,CAAC,IACtB,CAAAnB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC,CAAC,KAAI9C,SAAS,CAACc,GAAG,EAAEgC,UAAU,CAAC,CAAC,CAAC,CAAE,CACrD;EAAA,GACH,CAACA,UAAU,CAAC,CACb;EAED,IAAMqB,mBAAmB,GAAGvE,KAAK,CAACsD,WAAW,CAC3C,UAACpC,GAAS,EAAEmD,SAAiB;IAAA,OAC3BjD,OAAO,CACLL,UAAU,CAACG,GAAG,EAAEmD,SAAS,CAAC,IAAK,CAAAlD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAIf,SAAS,CAACc,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CACvE;EAAA,GACH,CAACA,KAAK,CAAC,CACR;EAED,IAAMqD,yBAAyB,GAAGxE,KAAK,CAACsD,WAAW,CACjD,UAACpC,GAAS,EAAEmD,SAAiB;IAAA,OAC3BjD,OAAO,CACLL,UAAU,CAACG,GAAG,EAAEmD,SAAS,CAAC,IACvB,CAAAnB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC,CAAC,KAAI9C,SAAS,CAACc,GAAG,EAAEgC,UAAU,CAAC,CAAC,CAAC,CAAE,CACrD;EAAA,GACH,CAACA,UAAU,CAAC,CACb;EAED,IAAMuB,UAAU,GAAGzE,KAAK,CAACsD,WAAW,CAClC,UAACO,IAAU;IAAA,OAAKV,aAAa,CAACS,WAAW,CAACC,IAAI,CAAC,CAAC;EAAA,GAChD,CAACV,aAAa,EAAES,WAAW,CAAC,CAC7B;EAED,IAAMc,UAAU,GAAG1E,KAAK,CAACsD,WAAW,CAClC;IAAA,OAAMH,aAAa,CAACc,SAAS,CAAC;EAAA,GAC9B,CAACd,aAAa,CAAC,CAChB;EAED,IAAMwB,WAAW,GAAG3E,KAAK,CAACsD,WAAW,CACnC,UAACpC,GAAS;IAAA,OAAKD,gBAAgB,CAACC,GAAG,EAAEgC,UAAU,CAAC;EAAA,GAChD,CAACA,UAAU,CAAC,CACb;EAED,oBACE,wCACMX,KAAK;IACT,GAAG,EAAEX,UAAW;IAChB,SAAS,EAAE3B,gBAAgB,sBAA0BoC,SAAS;EAAE,iBAEhE;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,cAAc;IACb,QAAQ,EAAEG,QAAS;IACnB,QAAQ,EAAEC,WAAY;IACtB,SAAS,EAAE,KAAM;IACjB,WAAW,EAAEC,YAAa;IAC1B,cAAc,EAAEb,cAAe;IAC/B,SAAS,6BAAkC;IAC3C,kBAAkB,EAAEC,kBAAmB;IACvC,kBAAkB,EAAEC,kBAAmB;IACvC,oBAAoB,EAAEC,oBAAqB;IAC3C,mBAAmB,EAAEC,mBAAoB;IACzC,aAAa,EAAEE;EAAc,EAC7B,eACF,oBAAC,YAAY;IACX,QAAQ,EAAEK,QAAS;IACnB,KAAK,EAAErB,KAAM;IACb,YAAY,EAAEQ,YAAa;IAC3B,SAAS,EAAE0B,aAAc;IACzB,YAAY,EAAEP,YAAa;IAC3B,WAAW,EAAEkB,WAAY;IACzB,aAAa,EAAEE,aAAc;IAC7B,WAAW,EAAEC,WAAY;IACzB,iBAAiB,EAAEC,iBAAkB;IACrC,mBAAmB,EAAEG,mBAAoB;IACzC,WAAW,EAAEI,WAAY;IACzB,UAAU,EAAEF,UAAW;IACvB,UAAU,EAAEC,UAAW;IACvB,uBAAuB,EAAEJ,uBAAwB;IACjD,yBAAyB,EAAEE,yBAA0B;IACrD,aAAa,EAAEzB,aAAc;IAC7B,yBAAyB,EAAET,yBAA0B;IACrD,cAAYJ;EAAmB,EAC/B,CACE,eACN;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,cAAc;IACb,QAAQ,EAAEkB,cAAe;IACzB,QAAQ,EAAEX,WAAY;IACtB,SAAS,EAAE,KAAM;IACjB,WAAW,EAAEE,YAAa;IAC1B,cAAc,EAAEd,cAAe;IAC/B,SAAS,6BAAkC;IAC3C,kBAAkB,EAAEC,kBAAmB;IACvC,kBAAkB,EAAEC,kBAAmB;IACvC,oBAAoB,EAAEC,oBAAqB;IAC3C,mBAAmB,EAAEC,mBAAoB;IACzC,aAAa,EAAEG;EAAc,EAC7B,eACF,oBAAC,YAAY;IACX,QAAQ,EAAEgB,cAAe;IACzB,KAAK,EAAEjC,KAAM;IACb,YAAY,EAAEQ,YAAa;IAC3B,cAAYO,kBAAmB;IAC/B,SAAS,EAAEmB,aAAc;IACzB,YAAY,EAAEP,YAAa;IAC3B,WAAW,EAAEkB,WAAY;IACzB,aAAa,EAAEE,aAAc;IAC7B,WAAW,EAAEC,WAAY;IACzB,iBAAiB,EAAEC,iBAAkB;IACrC,mBAAmB,EAAEG,mBAAoB;IACzC,WAAW,EAAEI,WAAY;IACzB,UAAU,EAAEF,UAAW;IACvB,UAAU,EAAEC,UAAW;IACvB,uBAAuB,EAAEJ,uBAAwB;IACjD,yBAAyB,EAAEE,yBAA0B;IACrD,aAAa,EAAEzB,aAAc;IAC7B,yBAAyB,EAAET,yBAA0B;IACrD,QAAQ,EAAE,CAAE;IACZ,MAAM,EAAEU;EAAiB,EACzB,CACE,CACF;AAEV,CAAC"}
+{"version":3,"file":"CalendarRange.js","names":["React","classNames","addMonths","isSameMonth","isSameDay","isBefore","isAfter","startOfDay","endOfDay","isWithinInterval","CalendarHeader","CalendarDays","navigateDate","setTimeEqual","isLastDay","isFirstDay","useCalendar","getIsDaySelected","day","value","Boolean","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","className","listenDayChangesForUpdate","props","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useState","hintedDate","setHintedDate","secondViewDate","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","getNewValue","date","start","end","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isHintedDaySelectionEnd","isDaySelectionStart","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  addMonths,\n  isSameMonth,\n  isSameDay,\n  isBefore,\n  isAfter,\n  startOfDay,\n  endOfDay,\n  isWithinInterval,\n} from '../../lib/date';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { navigateDate, setTimeEqual, isLastDay, isFirstDay } from '../../lib/calendar';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { HasRootRef } from '../../types';\nimport styles from './CalendarRange.module.css';\n\nexport interface CalendarRangeProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n    >,\n    Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>,\n    HasRootRef<HTMLDivElement> {\n  value?: Array<Date | null>;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  disablePickers?: boolean;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  onChange?(value?: Array<Date | null>): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date | null>) => {\n  if (!value?.[0] || !value[1]) {\n    return false;\n  }\n\n  return Boolean(isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1])));\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  changeDayAriaLabel = 'Изменить день',\n  prevMonthIcon,\n  nextMonthIcon,\n  className,\n  listenDayChangesForUpdate,\n  ...props\n}: CalendarRangeProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n  const [hintedDate, setHintedDate] = React.useState<Array<Date | null>>();\n  const secondViewDate = addMonths(viewDate, 1);\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?.[1], event.key);\n\n      if (\n        newFocusedDay &&\n        !isSameMonth(newFocusedDay, viewDate) &&\n        !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n      ) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n  );\n\n  const getNewValue = React.useCallback(\n    (date: Date) => {\n      if (!value) {\n        return [date, null];\n      }\n\n      const start = value[0];\n      const end = value[1];\n      if ((start && isSameDay(date, start)) || (end && isSameDay(date, end))) {\n        return [setTimeEqual(date, start), setTimeEqual(date, end)];\n      } else if (start && isBefore(date, start)) {\n        return [setTimeEqual(date, start), end];\n      } else if (start && isAfter(date, start)) {\n        return [start, setTimeEqual(date, end)];\n      }\n\n      return value;\n    },\n    [value],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(getNewValue(date));\n      setHintedDate(undefined);\n    },\n    [onChange, getNewValue],\n  );\n\n  const isDaySelected = React.useCallback((day: Date) => getIsDaySelected(day, value), [value]);\n\n  const isDayActive = React.useCallback(\n    (day: Date) =>\n      Boolean((value?.[0] && isSameDay(day, value[0])) || (value?.[1] && isSameDay(day, value[1]))),\n    [value],\n  );\n\n  const isDaySelectionEnd = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(isLastDay(day, dayOfWeek) || (value?.[1] && isSameDay(day, value[1]))),\n    [value],\n  );\n\n  const isHintedDaySelectionEnd = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(isLastDay(day, dayOfWeek) || (hintedDate?.[1] && isSameDay(day, hintedDate[1]))),\n    [hintedDate],\n  );\n\n  const isDaySelectionStart = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(isFirstDay(day, dayOfWeek) || (value?.[0] && isSameDay(day, value[0]))),\n    [value],\n  );\n\n  const isHintedDaySelectionStart = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(isFirstDay(day, dayOfWeek) || (hintedDate?.[0] && isSameDay(day, hintedDate[0]))),\n    [hintedDate],\n  );\n\n  const onDayEnter = React.useCallback(\n    (date: Date) => setHintedDate(getNewValue(date)),\n    [setHintedDate, getNewValue],\n  );\n\n  const onDayLeave = React.useCallback(() => setHintedDate(undefined), [setHintedDate]);\n\n  const isDayHinted = React.useCallback(\n    (day: Date) => getIsDaySelected(day, hintedDate),\n    [hintedDate],\n  );\n\n  return (\n    <div {...props} ref={getRootRef} className={classNames(styles['CalendarRange'], className)}>\n      <div className={styles['CalendarRange__inner']}>\n        <CalendarHeader\n          viewDate={viewDate}\n          onChange={setViewDate}\n          nextMonth={false}\n          onPrevMonth={setPrevMonth}\n          disablePickers={disablePickers}\n          className={styles['CalendarRange__header']}\n          prevMonthAriaLabel={prevMonthAriaLabel}\n          nextMonthAriaLabel={nextMonthAriaLabel}\n          changeMonthAriaLabel={changeMonthAriaLabel}\n          changeYearAriaLabel={changeYearAriaLabel}\n          prevMonthIcon={prevMonthIcon}\n        />\n        <CalendarDays\n          viewDate={viewDate}\n          value={value}\n          weekStartsOn={weekStartsOn}\n          onKeyDown={handleKeyDown}\n          isDayFocused={isDayFocused}\n          onDayChange={onDayChange}\n          isDaySelected={isDaySelected}\n          isDayActive={isDayActive}\n          isDaySelectionEnd={isDaySelectionEnd}\n          isDaySelectionStart={isDaySelectionStart}\n          isDayHinted={isDayHinted}\n          onDayEnter={onDayEnter}\n          onDayLeave={onDayLeave}\n          isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n          isHintedDaySelectionStart={isHintedDaySelectionStart}\n          isDayDisabled={isDayDisabled}\n          listenDayChangesForUpdate={listenDayChangesForUpdate}\n          aria-label={changeDayAriaLabel}\n        />\n      </div>\n      <div className={styles['CalendarRange__inner']}>\n        <CalendarHeader\n          viewDate={secondViewDate}\n          onChange={setViewDate}\n          prevMonth={false}\n          onNextMonth={setNextMonth}\n          disablePickers={disablePickers}\n          className={styles['CalendarRange__header']}\n          prevMonthAriaLabel={prevMonthAriaLabel}\n          nextMonthAriaLabel={nextMonthAriaLabel}\n          changeMonthAriaLabel={changeMonthAriaLabel}\n          changeYearAriaLabel={changeYearAriaLabel}\n          nextMonthIcon={nextMonthIcon}\n        />\n        <CalendarDays\n          viewDate={secondViewDate}\n          value={value}\n          weekStartsOn={weekStartsOn}\n          aria-label={changeDayAriaLabel}\n          onKeyDown={handleKeyDown}\n          isDayFocused={isDayFocused}\n          onDayChange={onDayChange}\n          isDaySelected={isDaySelected}\n          isDayActive={isDayActive}\n          isDaySelectionEnd={isDaySelectionEnd}\n          isDaySelectionStart={isDaySelectionStart}\n          isDayHinted={isDayHinted}\n          onDayEnter={onDayEnter}\n          onDayLeave={onDayLeave}\n          isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n          isHintedDaySelectionStart={isHintedDaySelectionStart}\n          isDayDisabled={isDayDisabled}\n          listenDayChangesForUpdate={listenDayChangesForUpdate}\n          tabIndex={0}\n          onBlur={resetSelectedDay}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/CalendarRange/CalendarRange.module.css

@@ -1 +1 @@
-.vkuiCalendarRange{background:var(--vkui--color_background_modal);border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px;width:610px}.vkuiCalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.vkuiCalendarRange__inner:not(:last-child){margin-right:24px}.vkuiCalendarRange__header{margin-bottom:4px;z-index:1}
+.vkuiCalendarRange{background:var(--vkui--color_background_modal);border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px;width:610px}.vkuiCalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.vkuiCalendarRange__inner:not(:last-child){margin-right:24px}.vkuiCalendarRange__header{margin-bottom:4px}