@alfalab/core-components 47.26.0-beta.1 → 47.26.0-beta.191

package/calendar/cssm/utils.js

@@ -12,6 +12,7 @@ var format = require('date-fns/format');
 var isAfter = require('date-fns/isAfter');
 var isBefore = require('date-fns/isBefore');
 var isSameDay = require('date-fns/isSameDay');
+var isThisMonth = require('date-fns/isThisMonth');
 var lastDayOfMonth = require('date-fns/lastDayOfMonth');
 var max = require('date-fns/max');
 var min = require('date-fns/min');
@@ -38,6 +39,7 @@ var format__default = /*#__PURE__*/_interopDefaultCompat(format);
 var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
 var isBefore__default = /*#__PURE__*/_interopDefaultCompat(isBefore);
 var isSameDay__default = /*#__PURE__*/_interopDefaultCompat(isSameDay);
+var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 var lastDayOfMonth__default = /*#__PURE__*/_interopDefaultCompat(lastDayOfMonth);
 var max__default = /*#__PURE__*/_interopDefaultCompat(max);
 var min__default = /*#__PURE__*/_interopDefaultCompat(min);
@@ -254,6 +256,10 @@ function getCalendarMobileTestIds(dataTestId) {
 function isRangeValue(value) {
     return Boolean(value) && typeof value === 'object';
 }
+var getMonthStartTimestamp = function (date) { return startOfMonth__default.default(date).getTime(); };
+var getMonthEndTimestamp = function (date) {
+    return isThisMonth__default.default(date) ? startOfDay__default.default(new Date()).getTime() : lastDayOfMonth__default.default(date).getTime();
+};
 
 exports.DATE_FORMAT = DATE_FORMAT;
 exports.DAYS_IN_WEEK = DAYS_IN_WEEK;
@@ -272,6 +278,8 @@ exports.generateMonths = generateMonths;
 exports.generateWeeks = generateWeeks;
 exports.generateYears = generateYears;
 exports.getCalendarMobileTestIds = getCalendarMobileTestIds;
+exports.getMonthEndTimestamp = getMonthEndTimestamp;
+exports.getMonthStartTimestamp = getMonthStartTimestamp;
 exports.getSelectionRange = getSelectionRange;
 exports.isRangeValue = isRangeValue;
 exports.limitDate = limitDate;

package/calendar/desktop/Component.desktop.d.ts

@@ -1,6 +1,8 @@
-import React, { MouseEvent } from 'react';
-import { DayAddons, SelectorView, View } from '../typings';
-export declare type CalendarDesktopProps = {
+/// <reference types="react" />
+import React from 'react';
+import { MouseEvent } from "react";
+import { DayAddons, SelectorView, View } from "../typings";
+type CalendarDesktopProps = {
     /**
      * Дополнительный класс
      */
@@ -131,4 +133,5 @@ export declare type CalendarDesktopProps = {
      */
     mobile?: boolean;
 };
-export declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
+declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { CalendarDesktopProps, CalendarDesktop };

package/calendar/desktop/Component.desktop.js

@@ -43,7 +43,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_1a3d3","responsive":"calendar__responsive_1a3d3","period":"calendar__period_1a3d3","monthYear":"calendar__monthYear_1a3d3","container":"calendar__container_1a3d3","customScrollbar":"calendar__customScrollbar_1a3d3","nativeScrollbar":"calendar__nativeScrollbar_1a3d3","sixWeeks":"calendar__sixWeeks_1a3d3"};
+var styles = {"component":"calendar__component_zzg9g","responsive":"calendar__responsive_zzg9g","period":"calendar__period_zzg9g","monthYear":"calendar__monthYear_zzg9g","container":"calendar__container_zzg9g","customScrollbar":"calendar__customScrollbar_zzg9g","nativeScrollbar":"calendar__nativeScrollbar_zzg9g","sixWeeks":"calendar__sixWeeks_zzg9g"};
 require('./desktop.css');
 
 var useCustomWebkitScrollbar = coreComponentsShared.hooks.useCustomWebkitScrollbar;

package/calendar/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 38j3c */
+/* hash: x21xo */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -52,26 +52,26 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1a3d3 {
+} .calendar__component_zzg9g {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_1a3d3 {
+} @media (max-width: 374px) { .calendar__component_zzg9g {
         align-items: center;
         width: 100%
 }
-    } .calendar__component_1a3d3.calendar__responsive_1a3d3 {
+    } .calendar__component_zzg9g.calendar__responsive_zzg9g {
         width: 100%
-    } .calendar__component_1a3d3.calendar__responsive_1a3d3 .calendar__period_1a3d3 {
+    } .calendar__component_zzg9g.calendar__responsive_zzg9g .calendar__period_zzg9g {
             width: 100%;
-        } .calendar__component_1a3d3.calendar__responsive_1a3d3 .calendar__monthYear_1a3d3 {
+        } .calendar__component_zzg9g.calendar__responsive_zzg9g .calendar__monthYear_zzg9g {
             width: 100%;
-        } .calendar__component_1a3d3.calendar__responsive_1a3d3 .calendar__container_1a3d3 {
+        } .calendar__component_zzg9g.calendar__responsive_zzg9g .calendar__container_zzg9g {
             width: 100%;
-        } .calendar__container_1a3d3 {
+        } .calendar__container_zzg9g {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -79,65 +79,65 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_1a3d3.calendar__customScrollbar_1a3d3 {
+} .calendar__container_zzg9g.calendar__customScrollbar_zzg9g {
         overflow: auto;
         cursor: auto;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-track {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-track-piece {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-thumb {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-thumb:vertical {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-thumb:vertical:hover {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-thumb:horizontal {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-thumb:horizontal:hover {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-thumb:active {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-resizer {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-button,
-    .calendar__container_1a3d3.calendar__customScrollbar_1a3d3::-webkit-scrollbar-corner {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-button,
+    .calendar__container_zzg9g.calendar__customScrollbar_zzg9g::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_1a3d3.calendar__customScrollbar_1a3d3 {
+    } .calendar__container_zzg9g.calendar__customScrollbar_zzg9g {
 
         display: block;
         padding-right: var(--gap-4);
         overflow: hidden auto;
         scrollbar-gutter: stable;
-    } .calendar__container_1a3d3.calendar__nativeScrollbar_1a3d3 {
+    } .calendar__container_zzg9g.calendar__nativeScrollbar_zzg9g {
         overflow: hidden auto;
-    } @media (max-width: 374px) { .calendar__container_1a3d3 {
+    } @media (max-width: 374px) { .calendar__container_zzg9g {
         width: 288px
 }
-    } .calendar__sixWeeks_1a3d3 {
+    } .calendar__sixWeeks_zzg9g {
     height: 388px;
-} .calendar__period_1a3d3 {
+} .calendar__period_zzg9g {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_1a3d3 {
+} @media (max-width: 374px) { .calendar__period_zzg9g {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: var(--gap-0) auto
 }
-    } .calendar__monthYear_1a3d3 {
+    } .calendar__monthYear_zzg9g {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_1a3d3 {
+} @media (max-width: 374px) { .calendar__monthYear_zzg9g {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: var(--gap-0) auto

package/calendar/desktop/index.d.ts

@@ -1 +1,2 @@
-export * from './Component.desktop';
+export * from "./Component.desktop";
+export {};

package/calendar/esm/Component.responsive.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import React from 'react';
-import { CalendarMobileProps } from './components/calendar-mobile';
-import { CalendarDesktopProps } from './desktop';
-export declare type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
+import { CalendarMobileProps } from "./components/calendar-mobile/index";
+import { CalendarDesktopProps } from "./desktop/index";
+type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -12,7 +13,7 @@ export declare type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMob
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
+declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
     title?: string | undefined;
     open: boolean;
     onClose?: (() => void) | undefined;
@@ -24,7 +25,7 @@ export declare const CalendarResponsive: React.ForwardRefExoticComponent<Calenda
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<CalendarDesktopProps, ("className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector") | ("headerClassName" | "contentClassName")> & Pick<CalendarDesktopProps, "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector"> & {
+} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -35,3 +36,4 @@ export declare const CalendarResponsive: React.ForwardRefExoticComponent<Calenda
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
+export { ResponsiveCalendarProps, CalendarResponsive };

package/calendar/esm/Component.responsive.js

@@ -10,10 +10,7 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
-import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
-import 'date-fns/isThisMonth';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm/mobile';
@@ -22,6 +19,7 @@ import '../../typography/esm';
 import './useCalendar.js';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
+import 'date-fns/isSameDay';
 import 'date-fns/isSameYear';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
@@ -34,6 +32,8 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';

package/calendar/esm/components/calendar-mobile/Component.d.ts

@@ -1,10 +1,10 @@
+/// <reference types="react" />
 import React from 'react';
-import { CalendarContentProps } from './typings';
-export declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, onMonthTitleClick, selectedFrom, selectedTo, yearsAmount, dayAddons, shape, scrollableContainer, clickableMonth, }: {
+declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, onMonthTitleClick, selectedFrom, selectedTo, yearsAmount, dayAddons, shape, scrollableContainer, clickableMonth, }: {
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop").CalendarDesktopProps, ("className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector") | ("headerClassName" | "contentClassName")> & {
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & {
     /**
      * FIXME нужно сделать для компонента CalendarMonthOnlyView отдельный тип пропсов, т.к. тип CalendarContentProps intersection для типа CalendarMobileProps
      * FIXME это приводит к тому, что в доку сторибука попадают типы пропсов, которые нужны для работы компонента CalendarMonthOnlyView, но не нужны для компонента CalendarMobile
@@ -12,8 +12,8 @@ export declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month
      */
     clickableMonth?: boolean | undefined;
 }) => React.JSX.Element;
-export declare const CalendarMonthOnlyViewHeader: () => React.JSX.Element;
-export declare const CalendarMobile: React.ForwardRefExoticComponent<{
+declare const CalendarMonthOnlyViewHeader: () => React.JSX.Element;
+declare const CalendarMobile: React.ForwardRefExoticComponent<{
     title?: string | undefined;
     open: boolean;
     onClose?: (() => void) | undefined;
@@ -25,4 +25,5 @@ export declare const CalendarMobile: React.ForwardRefExoticComponent<{
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop").CalendarDesktopProps, ("className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector") | ("headerClassName" | "contentClassName")> & Pick<import("../../desktop").CalendarDesktopProps, "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & React.RefAttributes<HTMLDivElement>>;
+export { CalendarMonthOnlyView, CalendarMonthOnlyViewHeader, CalendarMobile };

package/calendar/esm/components/calendar-mobile/Component.js

@@ -6,10 +6,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import endOfDay from 'date-fns/endOfDay';
 import isAfter from 'date-fns/isAfter';
-import isSameDay from 'date-fns/isSameDay';
 import isSameMonth from 'date-fns/isSameMonth';
-import isThisMonth from 'date-fns/isThisMonth';
-import lastDayOfMonth from 'date-fns/lastDayOfMonth';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
 import { ButtonMobile } from '../../../../button/esm/mobile';
@@ -19,7 +16,7 @@ import { Typography } from '../../../../typography/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { useCalendar } from '../../useCalendar.js';
 import { useRange } from '../../useRange.js';
-import { limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName, WEEKDAYS, isRangeValue } from '../../utils.js';
+import { limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName, WEEKDAYS, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp } from '../../utils.js';
 import { DaysTable } from '../days-table/Component.js';
 import '@alfalab/hooks';
 import '../header/Component.js';
@@ -28,6 +25,7 @@ import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import '../select-button/Component.js';
 import '../../../../button/esm/desktop';
 import '../months-table/Component.js';
+import 'date-fns/isThisMonth';
 import '../period-slider/Component.js';
 import 'date-fns/endOfWeek';
 import 'date-fns/startOfWeek';
@@ -52,6 +50,7 @@ import 'date-fns/startOfYear';
 import '../years-table/Component.js';
 import 'date-fns/isSameYear';
 import 'date-fns/isThisYear';
+import 'date-fns/isSameDay';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 import '../../usePeriod.js';
@@ -60,6 +59,7 @@ import 'date-fns/eachMonthOfInterval';
 import 'date-fns/eachYearOfInterval';
 import 'date-fns/format';
 import 'date-fns/isBefore';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';
@@ -70,13 +70,13 @@ import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isWithinInterval';
 
-var backdropTransitionStyles = {"appear":"calendar__appear_163ec","enter":"calendar__enter_163ec","appearActive":"calendar__appearActive_163ec","enterActive":"calendar__enterActive_163ec","appearDone":"calendar__appearDone_163ec","enterDone":"calendar__enterDone_163ec","exit":"calendar__exit_163ec","exitActive":"calendar__exitActive_163ec","exitDone":"calendar__exitDone_163ec"};
+var backdropTransitionStyles = {"appear":"calendar__appear_1g7b6","enter":"calendar__enter_1g7b6","appearActive":"calendar__appearActive_1g7b6","enterActive":"calendar__enterActive_1g7b6","appearDone":"calendar__appearDone_1g7b6","enterDone":"calendar__enterDone_1g7b6","exit":"calendar__exit_1g7b6","exitActive":"calendar__exitActive_1g7b6","exitDone":"calendar__exitDone_1g7b6"};
 require('./backdrop-transitions.css');
 
-var styles = {"wrapper":"calendar__wrapper_10zll","withZIndex":"calendar__withZIndex_10zll","calendar":"calendar__calendar_10zll","dayNames":"calendar__dayNames_10zll","withHeader":"calendar__withHeader_10zll","month":"calendar__month_10zll","clickableMonth":"calendar__clickableMonth_10zll","rectangular":"calendar__rectangular_10zll","active":"calendar__active_10zll","monthTitle":"calendar__monthTitle_10zll","disabled":"calendar__disabled_10zll","daysTable":"calendar__daysTable_10zll","dayName":"calendar__dayName_10zll","virtuoso":"calendar__virtuoso_10zll","contentModal":"calendar__contentModal_10zll","content":"calendar__content_10zll"};
+var styles = {"wrapper":"calendar__wrapper_9q4v3","withZIndex":"calendar__withZIndex_9q4v3","calendar":"calendar__calendar_9q4v3","dayNames":"calendar__dayNames_9q4v3","withHeader":"calendar__withHeader_9q4v3","month":"calendar__month_9q4v3","clickableMonth":"calendar__clickableMonth_9q4v3","rectangular":"calendar__rectangular_9q4v3","active":"calendar__active_9q4v3","monthTitle":"calendar__monthTitle_9q4v3","disabled":"calendar__disabled_9q4v3","daysTable":"calendar__daysTable_9q4v3","dayName":"calendar__dayName_9q4v3","virtuoso":"calendar__virtuoso_9q4v3","contentModal":"calendar__contentModal_9q4v3","content":"calendar__content_9q4v3"};
 require('./index.css');
 
-var transitionStyles = {"appear":"calendar__appear_1cre0","enter":"calendar__enter_1cre0","appearActive":"calendar__appearActive_1cre0","enterActive":"calendar__enterActive_1cre0","exit":"calendar__exit_1cre0","exitActive":"calendar__exitActive_1cre0","exitDone":"calendar__exitDone_1cre0"};
+var transitionStyles = {"appear":"calendar__appear_12nh6","enter":"calendar__enter_12nh6","appearActive":"calendar__appearActive_12nh6","enterActive":"calendar__enterActive_12nh6","exit":"calendar__exit_12nh6","exitActive":"calendar__exitActive_12nh6","exitDone":"calendar__exitDone_12nh6"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -153,43 +153,50 @@ var CalendarMonthOnlyView = function (_a) {
         var date = range.value || range.selectedFrom || activeMonth.getTime() || Date.now();
         return activeMonths.findIndex(function (m) { return isSameMonth(date, m.date); });
     }, [range.value, range.selectedFrom, activeMonth, activeMonths]);
-    // заголовок должен становиться активным если выбран весь доступный период в месяце
     var isMonthActive = function (currentMonthIndex) {
-        if (value && isRangeValue(value)) {
-            var initialMonthDate = activeMonths[initialMonthIndex].date;
-            var currentMonthDate = activeMonths[currentMonthIndex].date;
-            var firstAvailableDayOfMonth = startOfMonth(initialMonthDate).getTime();
-            /**
-             * последний доступный день месяца в timestamp
-             * представлен в виде последнего календарного дня, либо в виде текущей даты для актуального месяца
-             */
-            var lastAvailableDayOfMonth = isThisMonth(initialMonthDate)
-                ? startOfDay(new Date()).getTime()
-                : lastDayOfMonth(initialMonthDate).getTime();
-            var dateFrom = value.dateFrom, dateTo = value.dateTo;
-            if (dateFrom &&
-                dateTo &&
-                isSameMonth(initialMonthDate, currentMonthDate) &&
-                isSameDay(firstAvailableDayOfMonth, dateFrom) &&
-                isSameDay(lastAvailableDayOfMonth, dateTo)) {
-                return true;
-            }
+        if (!value || !isRangeValue(value) || !value.dateFrom || !value.dateTo) {
+            return false;
         }
-        return false;
+        var dateFrom = value.dateFrom, dateTo = value.dateTo;
+        var currentMonthDate = activeMonths[currentMonthIndex].date;
+        var monthStartTimestamp = getMonthStartTimestamp(currentMonthDate);
+        var monthEndTimestamp = getMonthEndTimestamp(currentMonthDate);
+        // Проверяем, что выбранный диапазон полностью покрывает месяц
+        return dateFrom <= monthStartTimestamp && dateTo >= monthEndTimestamp;
     };
     var handleClickMonthLabel = function (index) {
-        if (onChange) {
-            var date = activeMonths[index].date;
-            var firstAvailableDayOfMonth = startOfMonth(date).getTime();
-            var lastAvailableDayOfMonth = isThisMonth(date)
-                ? startOfDay(new Date()).getTime()
-                : lastDayOfMonth(date).getTime();
-            if (isMonthActive(index)) {
-                onChange();
-            }
-            else {
-                onChange(firstAvailableDayOfMonth, lastAvailableDayOfMonth);
-            }
+        // eslint-disable-next-line no-console
+        console.log(handleClickMonthLabel, onChange);
+        if (!onChange)
+            return;
+        var date = activeMonths[index].date;
+        var clickedMonthStartTimestamp = getMonthStartTimestamp(date);
+        var clickedMonthEndTimestamp = getMonthEndTimestamp(date);
+        if (!value || !isRangeValue(value) || !value.dateFrom || !value.dateTo) {
+            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
+            return;
+        }
+        var dateFrom = value.dateFrom, dateTo = value.dateTo;
+        var selectedRangeStartDate = new Date(dateFrom);
+        var selectedRangeEndDate = new Date(dateTo);
+        var selectedRangeStartTimestamp = getMonthStartTimestamp(selectedRangeStartDate);
+        var selectedRangeEndTimestamp = getMonthEndTimestamp(selectedRangeEndDate);
+        var isSingleMonthSelected = isSameMonth(selectedRangeStartDate, selectedRangeEndDate) &&
+            dateFrom <= selectedRangeStartTimestamp &&
+            dateTo >= selectedRangeEndTimestamp;
+        var isSameMonthClicked = isSameMonth(selectedRangeStartDate, date);
+        var isClickedMonthInsideRange = clickedMonthEndTimestamp >= selectedRangeStartTimestamp &&
+            clickedMonthStartTimestamp <= selectedRangeEndTimestamp;
+        if (isSingleMonthSelected && isSameMonthClicked) {
+            onChange();
+        }
+        else if (isClickedMonthInsideRange) {
+            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
+        }
+        else {
+            var newDateFrom = Math.min(selectedRangeStartTimestamp, clickedMonthStartTimestamp);
+            var newDateTo = Math.max(selectedRangeEndTimestamp, clickedMonthEndTimestamp);
+            onChange(newDateFrom, newDateTo);
         }
     };
     var getMonthLabel = function (index, isClickableMonth) {
@@ -200,7 +207,7 @@ var CalendarMonthOnlyView = function (_a) {
     };
     var renderMonth = function (index) {
         var _a;
-        var isAfterDate = isAfter(activeMonths[index].date, activeMonth);
+        var isAfterDate = isAfter(activeMonths[index].date, maxDate !== null && maxDate !== void 0 ? maxDate : new Date());
         return (React.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
             onMonthTitleClick ? (
             /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
@@ -222,6 +229,8 @@ var CalendarMonthOnlyViewHeader = function () { return (React.createElement("tab
 var CalendarMobile = forwardRef(function (_a, ref) {
     var _b, _c;
     var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, clickableMonth = _a.clickableMonth, restProps = __rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth"]);
+    // eslint-disable-next-line no-console
+    console.log('CalendarMobile');
     var _k = useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {

package/calendar/esm/components/calendar-mobile/backdrop-transitions.css

@@ -1,4 +1,4 @@
-/* hash: t8drf */
+/* hash: 1q7l4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,19 +19,19 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .calendar__appear_163ec,
-.calendar__enter_163ec {
+} /* сбрасывает синюю подсветку при нажатии */ .calendar__appear_1g7b6,
+.calendar__enter_1g7b6 {
     background-color: transparent;
-} .calendar__appearActive_163ec,
-.calendar__enterActive_163ec,
-.calendar__appearDone_163ec,
-.calendar__enterDone_163ec {
+} .calendar__appearActive_1g7b6,
+.calendar__enterActive_1g7b6,
+.calendar__appearDone_1g7b6,
+.calendar__enterDone_1g7b6 {
     background-color: var(--color-light-neutral-translucent-300);
     transition: background-color 80ms linear;
-} .calendar__exit_163ec {
+} .calendar__exit_1g7b6 {
     background-color: var(--color-light-neutral-translucent-300);
-} .calendar__exitActive_163ec,
-.calendar__exitDone_163ec {
+} .calendar__exitActive_1g7b6,
+.calendar__exitDone_1g7b6 {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;