@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","useConfigProvider","locale","onMonthsChange","React","useCallback","event","setMonth","Number","target","value","onYearChange","setYear","months","useMemo","getMonths","map","label","currentYear","getFullYear","years","getYears","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","classNames","SizeType","REGULAR","format","subMonths","COMPACT","getMonth","addMonths"],"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Dropdown,\n  Icon20ChevronLeftOutline,\n  Icon20ChevronRightOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getMonths, getYears } from '../../lib/calendar';\nimport { addMonths, setMonth, setYear, subMonths } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\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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"}
+{"version":3,"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Dropdown,\n  Icon20ChevronLeftOutline,\n  Icon20ChevronRightOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getMonths, getYears } from '../../lib/calendar';\nimport { addMonths, setMonth, setYear, subMonths } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\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\n          className={classNames(\n            styles['CalendarHeader__pickers'],\n            'vkuiInternalCalendarHeader__pickers',\n          )}\n          weight=\"2\"\n        >\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\n            className={classNames(\n              styles['CalendarHeader__pickers'],\n              'vkuiInternalCalendarHeader__pickers',\n            )}\n          >\n            <CustomSelect\n              className={classNames(\n                styles['CalendarHeader__picker'],\n                'vkuiInternalCalendarHeader__picker',\n              )}\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={classNames(\n                styles['CalendarHeader__picker'],\n                'vkuiInternalCalendarHeader__picker',\n              )}\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"],"names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","Icon20ChevronLeftOutline","width","height","nextMonthIcon","Icon20ChevronRightOutline","locale","useConfigProvider","onMonthsChange","React","useCallback","event","setMonth","Number","target","value","onYearChange","setYear","months","useMemo","getMonths","map","label","span","currentYear","getFullYear","years","getYears","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","div","classNames","AdaptivityProvider","sizeX","SizeType","REGULAR","Tappable","onClick","aria-label","format","subMonths","Paragraph","weight","sizeY","COMPACT","CustomSelect","getMonth","options","dropdownOffsetDistance","fixDropdownWidth","icon","Icon12Dropdown","forceDropdownPortal","selectType","addMonths"],"mappings":"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"}

package/dist/cjs/components/CalendarRange/CalendarRange.js

@@ -1,202 +1,235 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "CalendarRange", {
+    enumerable: true,
+    get: function() {
+        return CalendarRange;
+    }
 });
-exports.CalendarRange = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useCalendar2 = require("../../hooks/useCalendar");
+var _useCalendar = require("../../hooks/useCalendar");
 var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
-var _CalendarDays = require("../CalendarDays/CalendarDays");
-var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
-var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "weekStartsOn", "getRootRef", "disablePickers", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "prevMonthIcon", "nextMonthIcon", "className", "listenDayChangesForUpdate"];
-var getIsDaySelected = function getIsDaySelected(day, value) {
-  if (!(value !== null && value !== void 0 && value[0]) || !value[1]) {
-    return false;
-  }
-  return Boolean((0, _date.isWithinInterval)(day, (0, _date.startOfDay)(value[0]), (0, _date.endOfDay)(value[1])));
-};
-
-/**
- * @see https://vkcom.github.io/VKUI/#/CalendarRange
- */
-var CalendarRange = function CalendarRange(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    disablePast = _ref.disablePast,
-    disableFuture = _ref.disableFuture,
-    shouldDisableDate = _ref.shouldDisableDate,
-    onClose = _ref.onClose,
-    _ref$weekStartsOn = _ref.weekStartsOn,
-    weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
-    getRootRef = _ref.getRootRef,
-    disablePickers = _ref.disablePickers,
-    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-    changeMonthAriaLabel = _ref.changeMonthAriaLabel,
-    changeYearAriaLabel = _ref.changeYearAriaLabel,
-    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
-    prevMonthIcon = _ref.prevMonthIcon,
-    nextMonthIcon = _ref.nextMonthIcon,
-    className = _ref.className,
-    listenDayChangesForUpdate = _ref.listenDayChangesForUpdate,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useCalendar = (0, _useCalendar2.useCalendar)({
-      value: value,
-      disableFuture: disableFuture,
-      disablePast: disablePast,
-      shouldDisableDate: shouldDisableDate
-    }),
-    viewDate = _useCalendar.viewDate,
-    setViewDate = _useCalendar.setViewDate,
-    setPrevMonth = _useCalendar.setPrevMonth,
-    setNextMonth = _useCalendar.setNextMonth,
-    focusedDay = _useCalendar.focusedDay,
-    setFocusedDay = _useCalendar.setFocusedDay,
-    isDayFocused = _useCalendar.isDayFocused,
-    isDayDisabled = _useCalendar.isDayDisabled,
-    resetSelectedDay = _useCalendar.resetSelectedDay;
-  var _React$useState = React.useState(),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    hintedDate = _React$useState2[0],
-    setHintedDate = _React$useState2[1];
-  var secondViewDate = (0, _date.addMonths)(viewDate, 1);
-  var handleKeyDown = React.useCallback(function (event) {
-    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
-      event.preventDefault();
+var _calendarDays = require("../CalendarDays/CalendarDays");
+var _calendarHeader = require("../CalendarHeader/CalendarHeader");
+var getIsDaySelected = function(day, value) {
+    if (!(value === null || value === void 0 ? void 0 : value[0]) || !value[1]) {
+        return false;
     }
-    var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value === null || value === void 0 ? void 0 : value[1], event.key);
-    if (newFocusedDay && !(0, _date.isSameMonth)(newFocusedDay, viewDate) && !(0, _date.isSameMonth)(newFocusedDay, (0, _date.addMonths)(viewDate, 1))) {
-      setViewDate(newFocusedDay);
-    }
-    setFocusedDay(newFocusedDay);
-  }, [focusedDay, setFocusedDay, setViewDate, value, viewDate]);
-  var getNewValue = React.useCallback(function (date) {
-    if (!value) {
-      return [date, null];
-    }
-    var start = value[0];
-    var end = value[1];
-    if (start && (0, _date.isSameDay)(date, start) || end && (0, _date.isSameDay)(date, end)) {
-      return [(0, _calendar.setTimeEqual)(date, start), (0, _calendar.setTimeEqual)(date, end)];
-    } else if (start && (0, _date.isBefore)(date, start)) {
-      return [(0, _calendar.setTimeEqual)(date, start), end];
-    } else if (start && (0, _date.isAfter)(date, start)) {
-      return [start, (0, _calendar.setTimeEqual)(date, end)];
-    }
-    return value;
-  }, [value]);
-  var onDayChange = React.useCallback(function (date) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(getNewValue(date));
-    setHintedDate(undefined);
-  }, [onChange, getNewValue]);
-  var isDaySelected = React.useCallback(function (day) {
-    return getIsDaySelected(day, value);
-  }, [value]);
-  var isDayActive = React.useCallback(function (day) {
-    return Boolean((value === null || value === void 0 ? void 0 : value[0]) && (0, _date.isSameDay)(day, value[0]) || (value === null || value === void 0 ? void 0 : value[1]) && (0, _date.isSameDay)(day, value[1]));
-  }, [value]);
-  var isDaySelectionEnd = React.useCallback(function (day, dayOfWeek) {
-    return Boolean((0, _calendar.isLastDay)(day, dayOfWeek) || (value === null || value === void 0 ? void 0 : value[1]) && (0, _date.isSameDay)(day, value[1]));
-  }, [value]);
-  var isHintedDaySelectionEnd = React.useCallback(function (day, dayOfWeek) {
-    return Boolean((0, _calendar.isLastDay)(day, dayOfWeek) || (hintedDate === null || hintedDate === void 0 ? void 0 : hintedDate[1]) && (0, _date.isSameDay)(day, hintedDate[1]));
-  }, [hintedDate]);
-  var isDaySelectionStart = React.useCallback(function (day, dayOfWeek) {
-    return Boolean((0, _calendar.isFirstDay)(day, dayOfWeek) || (value === null || value === void 0 ? void 0 : value[0]) && (0, _date.isSameDay)(day, value[0]));
-  }, [value]);
-  var isHintedDaySelectionStart = React.useCallback(function (day, dayOfWeek) {
-    return Boolean((0, _calendar.isFirstDay)(day, dayOfWeek) || (hintedDate === null || hintedDate === void 0 ? void 0 : hintedDate[0]) && (0, _date.isSameDay)(day, hintedDate[0]));
-  }, [hintedDate]);
-  var onDayEnter = React.useCallback(function (date) {
-    return setHintedDate(getNewValue(date));
-  }, [setHintedDate, getNewValue]);
-  var onDayLeave = React.useCallback(function () {
-    return setHintedDate(undefined);
-  }, [setHintedDate]);
-  var isDayHinted = React.useCallback(function (day) {
-    return getIsDaySelected(day, hintedDate);
-  }, [hintedDate]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
-    ref: getRootRef,
-    className: (0, _vkjs.classNames)("vkuiCalendarRange", className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendarRange__inner"
-  }, /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {
-    viewDate: viewDate,
-    onChange: setViewDate,
-    nextMonth: false,
-    onPrevMonth: setPrevMonth,
-    disablePickers: disablePickers,
-    className: "vkuiCalendarRange__header",
-    prevMonthAriaLabel: prevMonthAriaLabel,
-    nextMonthAriaLabel: nextMonthAriaLabel,
-    changeMonthAriaLabel: changeMonthAriaLabel,
-    changeYearAriaLabel: changeYearAriaLabel,
-    prevMonthIcon: prevMonthIcon
-  }), /*#__PURE__*/React.createElement(_CalendarDays.CalendarDays, {
-    viewDate: viewDate,
-    value: value,
-    weekStartsOn: weekStartsOn,
-    onKeyDown: handleKeyDown,
-    isDayFocused: isDayFocused,
-    onDayChange: onDayChange,
-    isDaySelected: isDaySelected,
-    isDayActive: isDayActive,
-    isDaySelectionEnd: isDaySelectionEnd,
-    isDaySelectionStart: isDaySelectionStart,
-    isDayHinted: isDayHinted,
-    onDayEnter: onDayEnter,
-    onDayLeave: onDayLeave,
-    isHintedDaySelectionEnd: isHintedDaySelectionEnd,
-    isHintedDaySelectionStart: isHintedDaySelectionStart,
-    isDayDisabled: isDayDisabled,
-    listenDayChangesForUpdate: listenDayChangesForUpdate,
-    "aria-label": changeDayAriaLabel
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendarRange__inner"
-  }, /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {
-    viewDate: secondViewDate,
-    onChange: setViewDate,
-    prevMonth: false,
-    onNextMonth: setNextMonth,
-    disablePickers: disablePickers,
-    className: "vkuiCalendarRange__header",
-    prevMonthAriaLabel: prevMonthAriaLabel,
-    nextMonthAriaLabel: nextMonthAriaLabel,
-    changeMonthAriaLabel: changeMonthAriaLabel,
-    changeYearAriaLabel: changeYearAriaLabel,
-    nextMonthIcon: nextMonthIcon
-  }), /*#__PURE__*/React.createElement(_CalendarDays.CalendarDays, {
-    viewDate: secondViewDate,
-    value: value,
-    weekStartsOn: weekStartsOn,
-    "aria-label": changeDayAriaLabel,
-    onKeyDown: handleKeyDown,
-    isDayFocused: isDayFocused,
-    onDayChange: onDayChange,
-    isDaySelected: isDaySelected,
-    isDayActive: isDayActive,
-    isDaySelectionEnd: isDaySelectionEnd,
-    isDaySelectionStart: isDaySelectionStart,
-    isDayHinted: isDayHinted,
-    onDayEnter: onDayEnter,
-    onDayLeave: onDayLeave,
-    isHintedDaySelectionEnd: isHintedDaySelectionEnd,
-    isHintedDaySelectionStart: isHintedDaySelectionStart,
-    isDayDisabled: isDayDisabled,
-    listenDayChangesForUpdate: listenDayChangesForUpdate,
-    tabIndex: 0,
-    onBlur: resetSelectedDay
-  })));
+    return Boolean((0, _date.isWithinInterval)(day, (0, _date.startOfDay)(value[0]), (0, _date.endOfDay)(value[1])));
 };
-exports.CalendarRange = CalendarRange;
+var CalendarRange = function(_param) {
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, getRootRef = _param.getRootRef, disablePickers = _param.disablePickers, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, className = _param.className, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = _objectWithoutProperties(_param, [
+        "value",
+        "onChange",
+        "disablePast",
+        "disableFuture",
+        "shouldDisableDate",
+        "onClose",
+        "weekStartsOn",
+        "getRootRef",
+        "disablePickers",
+        "prevMonthAriaLabel",
+        "nextMonthAriaLabel",
+        "changeMonthAriaLabel",
+        "changeYearAriaLabel",
+        "changeDayAriaLabel",
+        "prevMonthIcon",
+        "nextMonthIcon",
+        "className",
+        "listenDayChangesForUpdate"
+    ]);
+    var _useCalendar1 = (0, _useCalendar.useCalendar)({
+        value: value,
+        disableFuture: disableFuture,
+        disablePast: disablePast,
+        shouldDisableDate: shouldDisableDate
+    }), viewDate = _useCalendar1.viewDate, setViewDate = _useCalendar1.setViewDate, setPrevMonth = _useCalendar1.setPrevMonth, setNextMonth = _useCalendar1.setNextMonth, focusedDay = _useCalendar1.focusedDay, setFocusedDay = _useCalendar1.setFocusedDay, isDayFocused = _useCalendar1.isDayFocused, isDayDisabled = _useCalendar1.isDayDisabled, resetSelectedDay = _useCalendar1.resetSelectedDay;
+    var _React_useState = _slicedToArray(_react.useState(), 2), hintedDate = _React_useState[0], setHintedDate = _React_useState[1];
+    var secondViewDate = (0, _date.addMonths)(viewDate, 1);
+    var handleKeyDown = _react.useCallback(function(event) {
+        if ([
+            "ArrowUp",
+            "ArrowDown",
+            "ArrowLeft",
+            "ArrowRight"
+        ].includes(event.key)) {
+            event.preventDefault();
+        }
+        var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value === null || value === void 0 ? void 0 : value[1], event.key);
+        if (newFocusedDay && !(0, _date.isSameMonth)(newFocusedDay, viewDate) && !(0, _date.isSameMonth)(newFocusedDay, (0, _date.addMonths)(viewDate, 1))) {
+            setViewDate(newFocusedDay);
+        }
+        setFocusedDay(newFocusedDay);
+    }, [
+        focusedDay,
+        setFocusedDay,
+        setViewDate,
+        value,
+        viewDate
+    ]);
+    var getNewValue = _react.useCallback(function(date) {
+        if (!value) {
+            return [
+                date,
+                null
+            ];
+        }
+        var start = value[0];
+        var end = value[1];
+        if (start && (0, _date.isSameDay)(date, start) || end && (0, _date.isSameDay)(date, end)) {
+            return [
+                (0, _calendar.setTimeEqual)(date, start),
+                (0, _calendar.setTimeEqual)(date, end)
+            ];
+        } else if (start && (0, _date.isBefore)(date, start)) {
+            return [
+                (0, _calendar.setTimeEqual)(date, start),
+                end
+            ];
+        } else if (start && (0, _date.isAfter)(date, start)) {
+            return [
+                start,
+                (0, _calendar.setTimeEqual)(date, end)
+            ];
+        }
+        return value;
+    }, [
+        value
+    ]);
+    var onDayChange = _react.useCallback(function(date) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(getNewValue(date));
+        setHintedDate(undefined);
+    }, [
+        onChange,
+        getNewValue
+    ]);
+    var isDaySelected = _react.useCallback(function(day) {
+        return getIsDaySelected(day, value);
+    }, [
+        value
+    ]);
+    var isDayActive = _react.useCallback(function(day) {
+        return Boolean((value === null || value === void 0 ? void 0 : value[0]) && (0, _date.isSameDay)(day, value[0]) || (value === null || value === void 0 ? void 0 : value[1]) && (0, _date.isSameDay)(day, value[1]));
+    }, [
+        value
+    ]);
+    var isDaySelectionEnd = _react.useCallback(function(day, dayOfWeek) {
+        return Boolean((0, _calendar.isLastDay)(day, dayOfWeek) || (value === null || value === void 0 ? void 0 : value[1]) && (0, _date.isSameDay)(day, value[1]));
+    }, [
+        value
+    ]);
+    var isHintedDaySelectionEnd = _react.useCallback(function(day, dayOfWeek) {
+        return Boolean((0, _calendar.isLastDay)(day, dayOfWeek) || (hintedDate === null || hintedDate === void 0 ? void 0 : hintedDate[1]) && (0, _date.isSameDay)(day, hintedDate[1]));
+    }, [
+        hintedDate
+    ]);
+    var isDaySelectionStart = _react.useCallback(function(day, dayOfWeek) {
+        return Boolean((0, _calendar.isFirstDay)(day, dayOfWeek) || (value === null || value === void 0 ? void 0 : value[0]) && (0, _date.isSameDay)(day, value[0]));
+    }, [
+        value
+    ]);
+    var isHintedDaySelectionStart = _react.useCallback(function(day, dayOfWeek) {
+        return Boolean((0, _calendar.isFirstDay)(day, dayOfWeek) || (hintedDate === null || hintedDate === void 0 ? void 0 : hintedDate[0]) && (0, _date.isSameDay)(day, hintedDate[0]));
+    }, [
+        hintedDate
+    ]);
+    var onDayEnter = _react.useCallback(function(date) {
+        return setHintedDate(getNewValue(date));
+    }, [
+        setHintedDate,
+        getNewValue
+    ]);
+    var onDayLeave = _react.useCallback(function() {
+        return setHintedDate(undefined);
+    }, [
+        setHintedDate
+    ]);
+    var isDayHinted = _react.useCallback(function(day) {
+        return getIsDaySelected(day, hintedDate);
+    }, [
+        hintedDate
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, props), {
+        ref: getRootRef,
+        className: (0, _vkjs.classNames)("vkuiCalendarRange", className)
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiCalendarRange__inner"
+    }, /*#__PURE__*/ _react.createElement(_calendarHeader.CalendarHeader, {
+        viewDate: viewDate,
+        onChange: setViewDate,
+        nextMonth: false,
+        onPrevMonth: setPrevMonth,
+        disablePickers: disablePickers,
+        className: "vkuiCalendarRange__header",
+        prevMonthAriaLabel: prevMonthAriaLabel,
+        nextMonthAriaLabel: nextMonthAriaLabel,
+        changeMonthAriaLabel: changeMonthAriaLabel,
+        changeYearAriaLabel: changeYearAriaLabel,
+        prevMonthIcon: prevMonthIcon
+    }), /*#__PURE__*/ _react.createElement(_calendarDays.CalendarDays, {
+        viewDate: viewDate,
+        value: value,
+        weekStartsOn: weekStartsOn,
+        onKeyDown: handleKeyDown,
+        isDayFocused: isDayFocused,
+        onDayChange: onDayChange,
+        isDaySelected: isDaySelected,
+        isDayActive: isDayActive,
+        isDaySelectionEnd: isDaySelectionEnd,
+        isDaySelectionStart: isDaySelectionStart,
+        isDayHinted: isDayHinted,
+        onDayEnter: onDayEnter,
+        onDayLeave: onDayLeave,
+        isHintedDaySelectionEnd: isHintedDaySelectionEnd,
+        isHintedDaySelectionStart: isHintedDaySelectionStart,
+        isDayDisabled: isDayDisabled,
+        listenDayChangesForUpdate: listenDayChangesForUpdate,
+        "aria-label": changeDayAriaLabel
+    })), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiCalendarRange__inner"
+    }, /*#__PURE__*/ _react.createElement(_calendarHeader.CalendarHeader, {
+        viewDate: secondViewDate,
+        onChange: setViewDate,
+        prevMonth: false,
+        onNextMonth: setNextMonth,
+        disablePickers: disablePickers,
+        className: "vkuiCalendarRange__header",
+        prevMonthAriaLabel: prevMonthAriaLabel,
+        nextMonthAriaLabel: nextMonthAriaLabel,
+        changeMonthAriaLabel: changeMonthAriaLabel,
+        changeYearAriaLabel: changeYearAriaLabel,
+        nextMonthIcon: nextMonthIcon
+    }), /*#__PURE__*/ _react.createElement(_calendarDays.CalendarDays, {
+        viewDate: secondViewDate,
+        value: value,
+        weekStartsOn: weekStartsOn,
+        "aria-label": changeDayAriaLabel,
+        onKeyDown: handleKeyDown,
+        isDayFocused: isDayFocused,
+        onDayChange: onDayChange,
+        isDaySelected: isDaySelected,
+        isDayActive: isDayActive,
+        isDaySelectionEnd: isDaySelectionEnd,
+        isDaySelectionStart: isDaySelectionStart,
+        isDayHinted: isDayHinted,
+        onDayEnter: onDayEnter,
+        onDayLeave: onDayLeave,
+        isHintedDaySelectionEnd: isHintedDaySelectionEnd,
+        isHintedDaySelectionStart: isHintedDaySelectionStart,
+        isDayDisabled: isDayDisabled,
+        listenDayChangesForUpdate: listenDayChangesForUpdate,
+        tabIndex: 0,
+        onBlur: resetSelectedDay
+    })));
+};
+
 //# sourceMappingURL=CalendarRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarRange.js","names":["getIsDaySelected","day","value","Boolean","isWithinInterval","startOfDay","endOfDay","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","className","listenDayChangesForUpdate","props","useCalendar","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","addMonths","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","getNewValue","date","start","end","isSameDay","setTimeEqual","isBefore","isAfter","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isLastDay","isHintedDaySelectionEnd","isDaySelectionStart","isFirstDay","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","classNames"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  isSameMonth,\n  isWithinInterval,\n  startOfDay,\n} from '../../lib/date';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\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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"}
+{"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  isSameMonth,\n  isWithinInterval,\n  startOfDay,\n} from '../../lib/date';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\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"],"names":["CalendarRange","getIsDaySelected","day","value","Boolean","isWithinInterval","startOfDay","endOfDay","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","className","listenDayChangesForUpdate","props","useCalendar","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","addMonths","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","getNewValue","date","start","end","isSameDay","setTimeEqual","isBefore","isAfter","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isLastDay","isHintedDaySelectionEnd","isDaySelectionStart","isFirstDay","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","div","ref","classNames","CalendarHeader","nextMonth","onPrevMonth","CalendarDays","onKeyDown","aria-label","prevMonth","onNextMonth","tabIndex","onBlur"],"mappings":";;;;+BAsDaA;;;eAAAA;;;;;;;;2DAtDU;oBACI;2BACC;wBACsC;oBAU3D;4BAEyC;8BACI;AA2BpD,IAAMC,mBAAmB,SAACC,KAAWC,OAA+B;IAClE,IAAI,CAACA,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE,AAAD,KAAK,CAACA,KAAK,CAAC,EAAE,EAAE;QAC5B,OAAO,KAAK;IACd,CAAC;IAED,OAAOC,QAAQC,IAAAA,sBAAgB,EAACH,KAAKI,IAAAA,gBAAU,EAACH,KAAK,CAAC,EAAE,GAAGI,IAAAA,cAAQ,EAACJ,KAAK,CAAC,EAAE;AAC9E;AAKO,IAAMH,gBAAgB,iBAoBH;QAnBxBG,eAAAA,OACAK,kBAAAA,UACAC,qBAAAA,aACAC,uBAAAA,eACAC,2BAAAA,mBACAC,iBAAAA,sCACAC,cAAAA,gDAAe,yBACfC,oBAAAA,YACAC,wBAAAA,gBACAC,4BAAAA,oBACAC,4BAAAA,oBACAC,8BAAAA,sBACAC,6BAAAA,wDACAC,oBAAAA,4DAAqB,6CACrBC,uBAAAA,eACAC,uBAAAA,eACAC,mBAAAA,WACAC,mCAAAA,2BACGC;QAlBHtB;QACAK;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAUIE,gBAAAA,IAAAA,wBAAW,EAAC;QAAEvB,OAAAA;QAAOO,eAAAA;QAAeD,aAAAA;QAAaE,mBAAAA;IAAkB,IATrEgB,WASED,cATFC,UACAC,cAQEF,cARFE,aACAC,eAOEH,cAPFG,cACAC,eAMEJ,cANFI,cACAC,aAKEL,cALFK,YACAC,gBAIEN,cAJFM,eACAC,eAGEP,cAHFO,cACAC,gBAEER,cAFFQ,eACAC,mBACET,cADFS;IAEF,IAAoCC,iCAAAA,OAAMC,QAAQ,QAA3CC,aAA6BF,oBAAjBG,gBAAiBH;IACpC,IAAMI,iBAAiBC,IAAAA,eAAS,EAACd,UAAU;IAE3C,IAAMe,gBAAgBN,OAAMO,WAAW,CACrC,SAACC,OAA+B;QAC9B,IAAI;YAAC;YAAW;YAAa;YAAa;SAAa,CAACC,QAAQ,CAACD,MAAME,GAAG,GAAG;YAC3EF,MAAMG,cAAc;QACtB,CAAC;QAED,IAAMC,gBAAgBC,IAAAA,sBAAY,EAAClB,uBAAAA,wBAAAA,aAAc5B,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE,EAAEyC,MAAME,GAAG;QAEtE,IACEE,iBACA,CAACE,IAAAA,iBAAW,EAACF,eAAerB,aAC5B,CAACuB,IAAAA,iBAAW,EAACF,eAAeP,IAAAA,eAAS,EAACd,UAAU,KAChD;YACAC,YAAYoB;QACd,CAAC;QACDhB,cAAcgB;IAChB,GACA;QAACjB;QAAYC;QAAeJ;QAAazB;QAAOwB;KAAS;IAG3D,IAAMwB,cAAcf,OAAMO,WAAW,CACnC,SAACS,MAAe;QACd,IAAI,CAACjD,OAAO;YACV,OAAO;gBAACiD;gBAAM,IAAI;aAAC;QACrB,CAAC;QAED,IAAMC,QAAQlD,KAAK,CAAC,EAAE;QACtB,IAAMmD,MAAMnD,KAAK,CAAC,EAAE;QACpB,IAAI,AAACkD,SAASE,IAAAA,eAAS,EAACH,MAAMC,UAAYC,OAAOC,IAAAA,eAAS,EAACH,MAAME,MAAO;YACtE,OAAO;gBAACE,IAAAA,sBAAY,EAACJ,MAAMC;gBAAQG,IAAAA,sBAAY,EAACJ,MAAME;aAAK;QAC7D,OAAO,IAAID,SAASI,IAAAA,cAAQ,EAACL,MAAMC,QAAQ;YACzC,OAAO;gBAACG,IAAAA,sBAAY,EAACJ,MAAMC;gBAAQC;aAAI;QACzC,OAAO,IAAID,SAASK,IAAAA,aAAO,EAACN,MAAMC,QAAQ;YACxC,OAAO;gBAACA;gBAAOG,IAAAA,sBAAY,EAACJ,MAAME;aAAK;QACzC,CAAC;QAED,OAAOnD;IACT,GACA;QAACA;KAAM;IAGT,IAAMwD,cAAcvB,OAAMO,WAAW,CACnC,SAACS,MAAe;QACd5C,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAW2C,YAAYC;QACvBb,cAAcqB;IAChB,GACA;QAACpD;QAAU2C;KAAY;IAGzB,IAAMU,gBAAgBzB,OAAMO,WAAW,CAAC,SAACzC;eAAcD,iBAAiBC,KAAKC;OAAQ;QAACA;KAAM;IAE5F,IAAM2D,cAAc1B,OAAMO,WAAW,CACnC,SAACzC;QACCE,OAAAA,QAAQ,AAACD,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE,AAAD,KAAKoD,IAAAA,eAAS,EAACrD,KAAKC,KAAK,CAAC,EAAE,KAAOA,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE,AAAD,KAAKoD,IAAAA,eAAS,EAACrD,KAAKC,KAAK,CAAC,EAAE;OAC5F;QAACA;KAAM;IAGT,IAAM4D,oBAAoB3B,OAAMO,WAAW,CACzC,SAACzC,KAAW8D;QACV5D,OAAAA,QAAQ6D,IAAAA,mBAAS,EAAC/D,KAAK8D,cAAe7D,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE,AAAD,KAAKoD,IAAAA,eAAS,EAACrD,KAAKC,KAAK,CAAC,EAAE;OAC7E;QAACA;KAAM;IAGT,IAAM+D,0BAA0B9B,OAAMO,WAAW,CAC/C,SAACzC,KAAW8D;QACV5D,OAAAA,QAAQ6D,IAAAA,mBAAS,EAAC/D,KAAK8D,cAAe1B,CAAAA,uBAAAA,wBAAAA,KAAAA,IAAAA,UAAY,CAAC,EAAE,AAAD,KAAKiB,IAAAA,eAAS,EAACrD,KAAKoC,UAAU,CAAC,EAAE;OACvF;QAACA;KAAW;IAGd,IAAM6B,sBAAsB/B,OAAMO,WAAW,CAC3C,SAACzC,KAAW8D;QACV5D,OAAAA,QAAQgE,IAAAA,oBAAU,EAAClE,KAAK8D,cAAe7D,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,KAAO,CAAC,EAAE,AAAD,KAAKoD,IAAAA,eAAS,EAACrD,KAAKC,KAAK,CAAC,EAAE;OAC9E;QAACA;KAAM;IAGT,IAAMkE,4BAA4BjC,OAAMO,WAAW,CACjD,SAACzC,KAAW8D;QACV5D,OAAAA,QAAQgE,IAAAA,oBAAU,EAAClE,KAAK8D,cAAe1B,CAAAA,uBAAAA,wBAAAA,KAAAA,IAAAA,UAAY,CAAC,EAAE,AAAD,KAAKiB,IAAAA,eAAS,EAACrD,KAAKoC,UAAU,CAAC,EAAE;OACxF;QAACA;KAAW;IAGd,IAAMgC,aAAalC,OAAMO,WAAW,CAClC,SAACS;eAAeb,cAAcY,YAAYC;OAC1C;QAACb;QAAeY;KAAY;IAG9B,IAAMoB,aAAanC,OAAMO,WAAW,CAAC;eAAMJ,cAAcqB;OAAY;QAACrB;KAAc;IAEpF,IAAMiC,cAAcpC,OAAMO,WAAW,CACnC,SAACzC;eAAcD,iBAAiBC,KAAKoC;OACrC;QAACA;KAAW;IAGd,qBACE,qBAACmC,4CAAQhD;QAAOiD,KAAK5D;QAAYS,WAAWoD,IAAAA,gBAAU,uBAA0BpD;sBAC9E,qBAACkD;QAAIlD,SAAS;qBACZ,qBAACqD,8BAAc;QACbjD,UAAUA;QACVnB,UAAUoB;QACViD,WAAW,KAAK;QAChBC,aAAajD;QACbd,gBAAgBA;QAChBQ,SAAS;QACTP,oBAAoBA;QACpBC,oBAAoBA;QACpBC,sBAAsBA;QACtBC,qBAAqBA;QACrBE,eAAeA;sBAEjB,qBAAC0D,0BAAY;QACXpD,UAAUA;QACVxB,OAAOA;QACPU,cAAcA;QACdmE,WAAWtC;QACXT,cAAcA;QACd0B,aAAaA;QACbE,eAAeA;QACfC,aAAaA;QACbC,mBAAmBA;QACnBI,qBAAqBA;QACrBK,aAAaA;QACbF,YAAYA;QACZC,YAAYA;QACZL,yBAAyBA;QACzBG,2BAA2BA;QAC3BnC,eAAeA;QACfV,2BAA2BA;QAC3ByD,cAAY7D;uBAGhB,qBAACqD;QAAIlD,SAAS;qBACZ,qBAACqD,8BAAc;QACbjD,UAAUa;QACVhC,UAAUoB;QACVsD,WAAW,KAAK;QAChBC,aAAarD;QACbf,gBAAgBA;QAChBQ,SAAS;QACTP,oBAAoBA;QACpBC,oBAAoBA;QACpBC,sBAAsBA;QACtBC,qBAAqBA;QACrBG,eAAeA;sBAEjB,qBAACyD,0BAAY;QACXpD,UAAUa;QACVrC,OAAOA;QACPU,cAAcA;QACdoE,cAAY7D;QACZ4D,WAAWtC;QACXT,cAAcA;QACd0B,aAAaA;QACbE,eAAeA;QACfC,aAAaA;QACbC,mBAAmBA;QACnBI,qBAAqBA;QACrBK,aAAaA;QACbF,YAAYA;QACZC,YAAYA;QACZL,yBAAyBA;QACzBG,2BAA2BA;QAC3BnC,eAAeA;QACfV,2BAA2BA;QAC3B4D,UAAU;QACVC,QAAQlD;;AAKlB"}