@vkontakte/vkui 5.0.0 → 5.0.1

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

@@ -1,126 +1,103 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Calendar = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _date = require("../../lib/date");
-
 var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
-
 var _CalendarDays = require("../CalendarDays/CalendarDays");
-
 var _CalendarTime = require("../CalendarTime/CalendarTime");
-
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-
 var _calendar = require("../../lib/calendar");
-
 var _useCalendar2 = require("../../hooks/useCalendar");
-
 var _classNames = require("../../lib/classNames");
-
 var _warnOnce = require("../../lib/warnOnce");
-
-var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps"];
+var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps", "className", "listenDayChangesForUpdate"];
 var warn = (0, _warnOnce.warnOnce)("Calendar");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Calendar
  */
-
 var Calendar = function Calendar(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange,
-      disablePast = _ref.disablePast,
-      disableFuture = _ref.disableFuture,
-      shouldDisableDate = _ref.shouldDisableDate,
-      onClose = _ref.onClose,
-      _ref$enableTime = _ref.enableTime,
-      enableTime = _ref$enableTime === void 0 ? false : _ref$enableTime,
-      doneButtonText = _ref.doneButtonText,
-      _ref$weekStartsOn = _ref.weekStartsOn,
-      weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
-      getRootRef = _ref.getRootRef,
-      disablePickers = _ref.disablePickers,
-      changeHoursAriaLabel = _ref.changeHoursAriaLabel,
-      changeMinutesAriaLabel = _ref.changeMinutesAriaLabel,
-      prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-      nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-      changeMonthAriaLabel = _ref.changeMonthAriaLabel,
-      changeYearAriaLabel = _ref.changeYearAriaLabel,
-      showNeighboringMonth = _ref.showNeighboringMonth,
-      _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-      changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "m" : _ref$size,
-      externalViewDate = _ref.viewDate,
-      onHeaderChange = _ref.onHeaderChange,
-      onNextMonth = _ref.onNextMonth,
-      onPrevMonth = _ref.onPrevMonth,
-      prevMonthIcon = _ref.prevMonthIcon,
-      nextMonthIcon = _ref.nextMonthIcon,
-      prevMonthProps = _ref.prevMonthProps,
-      nextMonthProps = _ref.nextMonthProps,
-      dayProps = _ref.dayProps,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    onChange = _ref.onChange,
+    disablePast = _ref.disablePast,
+    disableFuture = _ref.disableFuture,
+    shouldDisableDate = _ref.shouldDisableDate,
+    onClose = _ref.onClose,
+    _ref$enableTime = _ref.enableTime,
+    enableTime = _ref$enableTime === void 0 ? false : _ref$enableTime,
+    doneButtonText = _ref.doneButtonText,
+    _ref$weekStartsOn = _ref.weekStartsOn,
+    weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
+    getRootRef = _ref.getRootRef,
+    disablePickers = _ref.disablePickers,
+    changeHoursAriaLabel = _ref.changeHoursAriaLabel,
+    changeMinutesAriaLabel = _ref.changeMinutesAriaLabel,
+    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
+    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
+    changeMonthAriaLabel = _ref.changeMonthAriaLabel,
+    changeYearAriaLabel = _ref.changeYearAriaLabel,
+    showNeighboringMonth = _ref.showNeighboringMonth,
+    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
+    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "m" : _ref$size,
+    externalViewDate = _ref.viewDate,
+    onHeaderChange = _ref.onHeaderChange,
+    onNextMonth = _ref.onNextMonth,
+    onPrevMonth = _ref.onPrevMonth,
+    prevMonthIcon = _ref.prevMonthIcon,
+    nextMonthIcon = _ref.nextMonthIcon,
+    prevMonthProps = _ref.prevMonthProps,
+    nextMonthProps = _ref.nextMonthProps,
+    dayProps = _ref.dayProps,
+    className = _ref.className,
+    listenDayChangesForUpdate = _ref.listenDayChangesForUpdate,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useCalendar = (0, _useCalendar2.useCalendar)({
-    value: value,
-    disableFuture: disableFuture,
-    disablePast: disablePast,
-    shouldDisableDate: shouldDisableDate,
-    onHeaderChange: onHeaderChange,
-    onNextMonth: onNextMonth,
-    onPrevMonth: onPrevMonth
-  }),
-      viewDate = _useCalendar.viewDate,
-      setViewDate = _useCalendar.setViewDate,
-      setPrevMonth = _useCalendar.setPrevMonth,
-      setNextMonth = _useCalendar.setNextMonth,
-      focusedDay = _useCalendar.focusedDay,
-      setFocusedDay = _useCalendar.setFocusedDay,
-      isDayFocused = _useCalendar.isDayFocused,
-      isDayDisabled = _useCalendar.isDayDisabled,
-      resetSelectedDay = _useCalendar.resetSelectedDay;
-
+      value: value,
+      disableFuture: disableFuture,
+      disablePast: disablePast,
+      shouldDisableDate: shouldDisableDate,
+      onHeaderChange: onHeaderChange,
+      onNextMonth: onNextMonth,
+      onPrevMonth: onPrevMonth
+    }),
+    viewDate = _useCalendar.viewDate,
+    setViewDate = _useCalendar.setViewDate,
+    setPrevMonth = _useCalendar.setPrevMonth,
+    setNextMonth = _useCalendar.setNextMonth,
+    focusedDay = _useCalendar.focusedDay,
+    setFocusedDay = _useCalendar.setFocusedDay,
+    isDayFocused = _useCalendar.isDayFocused,
+    isDayDisabled = _useCalendar.isDayDisabled,
+    resetSelectedDay = _useCalendar.resetSelectedDay;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (value) {
       setViewDate(value);
     }
   }, [value]);
-
   if (process.env.NODE_ENV === "development" && !disablePickers && size === "s") {
     warn("Нельзя включить селекты выбора месяца/года, если размер календаря 's'", "error");
   }
-
   if (process.env.NODE_ENV === "development" && enableTime && size === "s") {
     warn("Нельзя включить выбор времени, если размер календаря 's'", "error");
   }
-
   var handleKeyDown = React.useCallback(function (event) {
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key)) {
       event.preventDefault();
     }
-
     var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value, event.key);
-
     if (newFocusedDay && !(0, _date.isSameMonth)(newFocusedDay, viewDate)) {
       setViewDate(newFocusedDay);
     }
-
     setFocusedDay(newFocusedDay);
   }, [focusedDay, setFocusedDay, setViewDate, value, viewDate]);
   var onDayChange = React.useCallback(function (date) {
@@ -129,16 +106,16 @@ var Calendar = function Calendar(_ref) {
   var isDayActive = React.useCallback(function (day) {
     return Boolean(value && (0, _date.isSameDay)(day, value));
   }, [value]);
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("Calendar", "Calendar--size-".concat(size))
-  }), (0, _jsxRuntime.createScopedElement)(_CalendarHeader.CalendarHeader, {
+    className: (0, _classNames.classNamesString)("vkuiCalendar", styles["Calendar--size-".concat(size)], className)
+  }), /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {
     viewDate: externalViewDate || viewDate,
     onChange: setViewDate,
     onNextMonth: setNextMonth,
     onPrevMonth: setPrevMonth,
     disablePickers: disablePickers || size === "s",
-    vkuiClass: "Calendar__header",
+    className: "vkuiCalendar__header",
     prevMonthAriaLabel: prevMonthAriaLabel,
     nextMonthAriaLabel: nextMonthAriaLabel,
     changeMonthAriaLabel: changeMonthAriaLabel,
@@ -147,7 +124,7 @@ var Calendar = function Calendar(_ref) {
     nextMonthIcon: nextMonthIcon,
     prevMonthProps: prevMonthProps,
     nextMonthProps: nextMonthProps
-  }), (0, _jsxRuntime.createScopedElement)(_CalendarDays.CalendarDays, {
+  }), /*#__PURE__*/React.createElement(_CalendarDays.CalendarDays, {
     viewDate: externalViewDate || viewDate,
     value: value,
     weekStartsOn: weekStartsOn,
@@ -163,10 +140,11 @@ var Calendar = function Calendar(_ref) {
     onBlur: resetSelectedDay,
     showNeighboringMonth: showNeighboringMonth,
     size: size,
-    dayProps: dayProps
-  }), enableTime && value && size !== "s" && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Calendar__time"
-  }, (0, _jsxRuntime.createScopedElement)(_CalendarTime.CalendarTime, {
+    dayProps: dayProps,
+    listenDayChangesForUpdate: listenDayChangesForUpdate
+  }), enableTime && value && size !== "s" && /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendar__time"
+  }, /*#__PURE__*/React.createElement(_CalendarTime.CalendarTime, {
     value: value,
     onChange: onChange,
     onClose: onClose,
@@ -175,6 +153,9 @@ var Calendar = function Calendar(_ref) {
     changeMinutesAriaLabel: changeMinutesAriaLabel
   })));
 };
-
 exports.Calendar = Calendar;
+var styles = {
+  "Calendar--size-s": "vkuiCalendar--size-s",
+  "Calendar--size-m": "vkuiCalendar--size-m"
+};
 //# sourceMappingURL=Calendar.js.map

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

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

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

@@ -0,0 +1,23 @@
+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;
+    selected?: boolean;
+    selectionStart?: boolean;
+    selectionEnd?: boolean;
+    hintedSelectionStart?: boolean;
+    hintedSelectionEnd?: boolean;
+    active?: boolean;
+    hidden?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    hinted?: boolean;
+    sameMonth?: boolean;
+    size?: "s" | "m";
+    onChange(value: Date): void;
+    onEnter?(value: Date): void;
+    onLeave?(value: Date): void;
+}
+export declare const CalendarDay: React.MemoExoticComponent<({ day, today, selected, onChange, hidden, disabled, active, selectionStart, selectionEnd, focused, onEnter, onLeave, hinted, hintedSelectionStart, hintedSelectionEnd, sameMonth, size, className, ...props }: CalendarDayProps) => JSX.Element>;

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

@@ -1,51 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarDay = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classNames = require("../../lib/classNames");
-
 var _Tappable = require("../Tappable/Tappable");
-
 var _useKeyboardInputTracker = require("../../hooks/useKeyboardInputTracker");
-
-var _LocaleProviderContext = require("../LocaleProviderContext/LocaleProviderContext");
-
-var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size"];
+var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size", "className"];
 var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
   var day = _ref.day,
-      today = _ref.today,
-      selected = _ref.selected,
-      onChange = _ref.onChange,
-      hidden = _ref.hidden,
-      disabled = _ref.disabled,
-      active = _ref.active,
-      selectionStart = _ref.selectionStart,
-      selectionEnd = _ref.selectionEnd,
-      focused = _ref.focused,
-      onEnter = _ref.onEnter,
-      onLeave = _ref.onLeave,
-      hinted = _ref.hinted,
-      hintedSelectionStart = _ref.hintedSelectionStart,
-      hintedSelectionEnd = _ref.hintedSelectionEnd,
-      sameMonth = _ref.sameMonth,
-      size = _ref.size,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var locale = React.useContext(_LocaleProviderContext.LocaleProviderContext);
+    today = _ref.today,
+    selected = _ref.selected,
+    onChange = _ref.onChange,
+    hidden = _ref.hidden,
+    disabled = _ref.disabled,
+    active = _ref.active,
+    selectionStart = _ref.selectionStart,
+    selectionEnd = _ref.selectionEnd,
+    focused = _ref.focused,
+    onEnter = _ref.onEnter,
+    onLeave = _ref.onLeave,
+    hinted = _ref.hinted,
+    hintedSelectionStart = _ref.hintedSelectionStart,
+    hintedSelectionEnd = _ref.hintedSelectionEnd,
+    sameMonth = _ref.sameMonth,
+    size = _ref.size,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(),
+    locale = _useConfigProvider.locale;
   var ref = React.useRef(null);
   var onClick = React.useCallback(function () {
     return onChange(day);
@@ -64,16 +54,14 @@ var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
       ref.current.focus();
     }
   }, [focused]);
-
   if (hidden) {
-    return (0, _jsxRuntime.createScopedElement)("div", {
-      vkuiClass: "CalendarDay__hidden"
+    return /*#__PURE__*/React.createElement("div", {
+      className: "vkuiCalendarDay__hidden"
     });
   }
-
-  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("CalendarDay", "CalendarDay--size-".concat(size), today && "CalendarDay--today", selected && !disabled && "CalendarDay--selected", active && !disabled && "CalendarDay--active", selectionStart && "CalendarDay--selection-start", selectionEnd && "CalendarDay--selection-end", disabled && "CalendarDay--disabled", !sameMonth && "CalendarDay--not-same-month"),
-    hoverMode: active ? "CalendarDay--active-hover" : "CalendarDay--hover",
+  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
+    className: (0, _classNames.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),
+    hoverMode: active ? "vkuiCalendarDay--active-hover" : "vkuiCalendarDay--hover",
     hasActive: false,
     onClick: onClick,
     disabled: disabled,
@@ -88,14 +76,18 @@ var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
     focusVisibleMode: active ? "outside" : "inside",
     onEnter: handleEnter,
     onLeave: handleLeave
-  }, props), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("CalendarDay__hinted", hinted && "CalendarDay__hinted--active", hintedSelectionStart && "CalendarDay__hinted--selection-start", hintedSelectionEnd && "CalendarDay__hinted--selection-end")
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("CalendarDay__inner", active && !disabled && "CalendarDay__inner--active")
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarDay__day-number"
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: (0, _classNames.classNamesString)("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classNames.classNamesString)("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarDay__day-number"
   }, day.getDate()))));
 });
 exports.CalendarDay = CalendarDay;
 CalendarDay.displayName = "CalendarDay";
+var styles = {
+  "CalendarDay--size-s": "vkuiCalendarDay--size-s",
+  "CalendarDay--size-m": "vkuiCalendarDay--size-m"
+};
 //# sourceMappingURL=CalendarDay.js.map

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

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

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

@@ -0,0 +1,24 @@
+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";
+    dayProps?: CalendarDayElementProps;
+    listenDayChangesForUpdate?: boolean;
+    onDayChange(value: Date): void;
+    isDayDisabled(value: Date): boolean;
+    isDaySelectionStart(value: Date, dayOfWeek: number): boolean;
+    isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;
+    isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;
+    isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;
+    isDayActive(value: Date): boolean;
+    isDayHinted?(value: Date): boolean;
+    isDaySelected?(value: Date): boolean;
+    isDayFocused(value: Date): boolean;
+    onDayEnter?(value: Date): void;
+    onDayLeave?(value: Date): void;
+}
+export declare const CalendarDays: ({ viewDate, value, weekStartsOn, onDayChange, isDaySelected, isDayActive, isDaySelectionEnd, isDaySelectionStart, onDayEnter, onDayLeave, isDayHinted, isHintedDaySelectionStart, isHintedDaySelectionEnd, isDayFocused, isDayDisabled, size, showNeighboringMonth, dayProps, className, listenDayChangesForUpdate, ...props }: CalendarDaysProps) => JSX.Element;