@alfalab/core-components-calendar-range 7.0.12 → 7.0.13

package/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index_module = require('./index.module-0cee42f1.js');
+var index_module = require('./index.module-5ed7938a.js');
 var React = require('react');
 var views_popover = require('./views/popover.js');
 var views_static = require('./views/static.js');
@@ -16,6 +16,7 @@ require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
 require('date-fns/endOfMonth');
+require('date-fns/isSameMonth');
 require('@alfalab/core-components-calendar');
 require('./utils.js');
 

package/components/divider/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-range__component_eslzr","outer":"calendar-range__outer_eslzr","s":"calendar-range__s_eslzr","m":"calendar-range__m_eslzr","l":"calendar-range__l_eslzr","xl":"calendar-range__xl_eslzr"};
+var styles = {"component":"calendar-range__component_1ohku","outer":"calendar-range__outer_1ohku","s":"calendar-range__s_1ohku","m":"calendar-range__m_1ohku","l":"calendar-range__l_1ohku","xl":"calendar-range__xl_1ohku"};
 require('./index.css')
 
 var Divider = function (_a) {

package/components/divider/index.css

@@ -1,25 +1,26 @@
-/* hash: 4tn7w */
+/* hash: k84x9 */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -40,36 +41,29 @@
     /* disabled */
 
     /* marker */
-}
-.calendar-range__component_eslzr {
+} .calendar-range__component_1ohku {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-}
-.calendar-range__component_eslzr:after {
+} .calendar-range__component_1ohku:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    }
-.calendar-range__outer_eslzr {
+    } .calendar-range__outer_1ohku {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-}
-.calendar-range__s_eslzr {
+} .calendar-range__s_1ohku {
     height: var(--size-s-height);
-}
-.calendar-range__m_eslzr {
+} .calendar-range__m_1ohku {
     height: var(--size-m-height);
-}
-.calendar-range__l_eslzr {
+} .calendar-range__l_1ohku {
     height: var(--size-l-height);
-}
-.calendar-range__xl_eslzr {
+} .calendar-range__xl_1ohku {
     height: var(--size-xl-height);
 }

package/cssm/Component.js

@@ -18,6 +18,7 @@ require('date-fns/min');
 require('date-fns/subMonths');
 require('./views/index.module.css');
 require('date-fns/endOfMonth');
+require('date-fns/isSameMonth');
 require('@alfalab/core-components-calendar/cssm');
 require('./utils.js');
 

package/cssm/components/divider/index.module.css

@@ -1,24 +1,25 @@
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -39,36 +40,29 @@
     /* disabled */
 
     /* marker */
-}
-.component {
+} .component {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-}
-.component:after {
+} .component:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    }
-.outer {
+    } .outer {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-}
-.s {
+} .s {
     height: var(--size-s-height);
-}
-.m {
+} .m {
     height: var(--size-m-height);
-}
-.l {
+} .l {
     height: var(--size-l-height);
-}
-.xl {
+} .xl {
     height: var(--size-xl-height);
 }

package/cssm/index.js

@@ -19,6 +19,7 @@ require('date-fns/subMonths');
 require('./views/index.module.css');
 require('./views/static.js');
 require('date-fns/endOfMonth');
+require('date-fns/isSameMonth');
 require('@alfalab/core-components-calendar/cssm');
 require('./utils.js');
 

package/cssm/views/index.module.css

@@ -1,12 +1,19 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --calendar-inner-width: 280px;
 
     /* Кнопки выбора месяцев и годов */
@@ -28,19 +35,14 @@
     /* disabled */
 
     /* marker */
-}
-.component {
+} .component {
     display: flex
-}
-.component button[aria-selected='true'] {
+} .component button[aria-selected='true'] {
         cursor: pointer;
-    }
-.component *[class*='errorIcon_'] {
+    } .component *[class*='errorIcon_'] {
         display: none;
-    }
-.component *[class*='calendarIcon_'] {
+    } .component *[class*='calendarIcon_'] {
         margin-right: 0;
-    }
-.static .calendar {
+    } .static .calendar {
         width: var(--calendar-inner-width);
     }

package/cssm/views/static.js

@@ -5,6 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var addMonths = require('date-fns/addMonths');
 var endOfMonth = require('date-fns/endOfMonth');
+var isSameMonth = require('date-fns/isSameMonth');
 var max = require('date-fns/max');
 var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
@@ -25,6 +26,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
 var endOfMonth__default = /*#__PURE__*/_interopDefaultCompat(endOfMonth);
+var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var max__default = /*#__PURE__*/_interopDefaultCompat(max);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
@@ -159,6 +161,7 @@ var CalendarRangeStatic = function (_a) {
     var calendarToProps = inputToProps.calendarProps, dateInputToProps = tslib_es6.__rest(inputToProps, ["calendarProps"]);
     var CalendarFromComponent = dateInputFromProps.Calendar || coreComponentsCalendar.Calendar;
     var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
+    var minMaxInSameMonth = minDate && maxDate && isSameMonth__default.default(minDate, maxDate);
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
     React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
@@ -166,13 +169,17 @@ var CalendarRangeStatic = function (_a) {
             React__default.default.createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
-            React__default.default.createElement(CalendarFromComponent, tslib_es6.__assign({}, calendarFromProps, { className: cn__default.default(styles__default.default.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
+            React__default.default.createElement(CalendarFromComponent, tslib_es6.__assign({}, calendarFromProps, { className: cn__default.default(styles__default.default.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
+                    ? maxDate
+                    : maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
         React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement("div", null,
             React__default.default.createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid, clear: true, block: true })),
-            React__default.default.createElement(CalendarToComponent, tslib_es6.__assign({}, calendarToProps, { className: cn__default.default(styles__default.default.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+            React__default.default.createElement(CalendarToComponent, tslib_es6.__assign({}, calendarToProps, { className: cn__default.default(styles__default.default.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
+                    ? minDate
+                    : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

package/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './index.module-3369c8fe.js';
+import { _ as __rest, a as __assign } from './index.module-b652d776.js';
 import React from 'react';
 import { CalendarRangePopover } from './views/popover.js';
 import { CalendarRangeStatic } from './views/static.js';
@@ -14,6 +14,7 @@ import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
 import 'date-fns/endOfMonth';
+import 'date-fns/isSameMonth';
 import '@alfalab/core-components-calendar/esm';
 import './utils.js';
 

package/esm/components/divider/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"calendar-range__component_eslzr","outer":"calendar-range__outer_eslzr","s":"calendar-range__s_eslzr","m":"calendar-range__m_eslzr","l":"calendar-range__l_eslzr","xl":"calendar-range__xl_eslzr"};
+var styles = {"component":"calendar-range__component_1ohku","outer":"calendar-range__outer_1ohku","s":"calendar-range__s_1ohku","m":"calendar-range__m_1ohku","l":"calendar-range__l_1ohku","xl":"calendar-range__xl_1ohku"};
 require('./index.css')
 
 var Divider = function (_a) {

package/esm/components/divider/index.css

@@ -1,25 +1,26 @@
-/* hash: 4tn7w */
+/* hash: k84x9 */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -40,36 +41,29 @@
     /* disabled */
 
     /* marker */
-}
-.calendar-range__component_eslzr {
+} .calendar-range__component_1ohku {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-}
-.calendar-range__component_eslzr:after {
+} .calendar-range__component_1ohku:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    }
-.calendar-range__outer_eslzr {
+    } .calendar-range__outer_1ohku {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-}
-.calendar-range__s_eslzr {
+} .calendar-range__s_1ohku {
     height: var(--size-s-height);
-}
-.calendar-range__m_eslzr {
+} .calendar-range__m_1ohku {
     height: var(--size-m-height);
-}
-.calendar-range__l_eslzr {
+} .calendar-range__l_1ohku {
     height: var(--size-l-height);
-}
-.calendar-range__xl_eslzr {
+} .calendar-range__xl_1ohku {
     height: var(--size-xl-height);
 }

package/esm/index.js

@@ -1,5 +1,5 @@
 export { CalendarRange } from './Component.js';
-import './index.module-3369c8fe.js';
+import './index.module-b652d776.js';
 import 'react';
 import './views/popover.js';
 import 'classnames';
@@ -15,5 +15,6 @@ import 'date-fns/min';
 import 'date-fns/subMonths';
 import './views/static.js';
 import 'date-fns/endOfMonth';
+import 'date-fns/isSameMonth';
 import '@alfalab/core-components-calendar/esm';
 import './utils.js';

package/esm/{index.module-3369c8fe.js → index.module-b652d776.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_19i4n","static":"calendar-range__static_19i4n","calendar":"calendar-range__calendar_19i4n"};
+var styles = {"component":"calendar-range__component_17o7z","static":"calendar-range__static_17o7z","calendar":"calendar-range__calendar_17o7z"};
 require('./views/index.css')
 
 export { __rest as _, __assign as a, styles as s };

package/esm/views/index.css

@@ -1,13 +1,20 @@
-/* hash: 1na7b */
+/* hash: 3nkzb */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --calendar-inner-width: 280px;
 
     /* Кнопки выбора месяцев и годов */
@@ -29,19 +36,14 @@
     /* disabled */
 
     /* marker */
-}
-.calendar-range__component_19i4n {
+} .calendar-range__component_17o7z {
     display: flex
-}
-.calendar-range__component_19i4n button[aria-selected='true'] {
+} .calendar-range__component_17o7z button[aria-selected='true'] {
         cursor: pointer;
-    }
-.calendar-range__component_19i4n *[class*='errorIcon_'] {
+    } .calendar-range__component_17o7z *[class*='errorIcon_'] {
         display: none;
-    }
-.calendar-range__component_19i4n *[class*='calendarIcon_'] {
+    } .calendar-range__component_17o7z *[class*='calendarIcon_'] {
         margin-right: 0;
-    }
-.calendar-range__static_19i4n .calendar-range__calendar_19i4n {
+    } .calendar-range__static_17o7z .calendar-range__calendar_17o7z {
         width: var(--calendar-inner-width);
     }

package/esm/views/popover.js

@@ -1,4 +1,4 @@
-import { s as styles, a as __assign } from '../index.module-3369c8fe.js';
+import { s as styles, a as __assign } from '../index.module-b652d776.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

package/esm/views/static.js

@@ -1,8 +1,9 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-3369c8fe.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-b652d776.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import addMonths from 'date-fns/addMonths';
 import endOfMonth from 'date-fns/endOfMonth';
+import isSameMonth from 'date-fns/isSameMonth';
 import max from 'date-fns/max';
 import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
@@ -144,6 +145,7 @@ var CalendarRangeStatic = function (_a) {
     var calendarToProps = inputToProps.calendarProps, dateInputToProps = __rest(inputToProps, ["calendarProps"]);
     var CalendarFromComponent = dateInputFromProps.Calendar || Calendar;
     var CalendarToComponent = dateInputToProps.Calendar || Calendar;
+    var minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
     React.createElement("div", { className: cn(styles.component, styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
@@ -151,13 +153,17 @@ var CalendarRangeStatic = function (_a) {
             React.createElement(DateInput, __assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
-            React.createElement(CalendarFromComponent, __assign({}, calendarFromProps, { className: cn(styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime() }, rangeProps))),
+            React.createElement(CalendarFromComponent, __assign({}, calendarFromProps, { className: cn(styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
+                    ? maxDate
+                    : maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime() }, rangeProps))),
         React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React.createElement("div", null,
             React.createElement(DateInput, __assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid, clear: true, block: true })),
-            React.createElement(CalendarToComponent, __assign({}, calendarToProps, { className: cn(styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+            React.createElement(CalendarToComponent, __assign({}, calendarToProps, { className: cn(styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
+                    ? minDate
+                    : minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 export { CalendarRangeStatic };

package/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component = require('./Component.js');
-require('./index.module-0cee42f1.js');
+require('./index.module-5ed7938a.js');
 require('react');
 require('./views/popover.js');
 require('classnames');
@@ -17,6 +17,7 @@ require('date-fns/min');
 require('date-fns/subMonths');
 require('./views/static.js');
 require('date-fns/endOfMonth');
+require('date-fns/isSameMonth');
 require('@alfalab/core-components-calendar');
 require('./utils.js');
 

package/{index.module-0cee42f1.js → index.module-5ed7938a.js}

@@ -39,7 +39,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_19i4n","static":"calendar-range__static_19i4n","calendar":"calendar-range__calendar_19i4n"};
+var styles = {"component":"calendar-range__component_17o7z","static":"calendar-range__static_17o7z","calendar":"calendar-range__calendar_17o7z"};
 require('./views/index.css')
 
 exports.__rest = __rest;

package/modern/Component.js

@@ -12,8 +12,9 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-249f068b.js';
+import './index.module-c9c640cc.js';
 import 'date-fns/endOfMonth';
+import 'date-fns/isSameMonth';
 import '@alfalab/core-components-calendar/modern';
 import './utils.js';
 

package/modern/components/divider/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"calendar-range__component_eslzr","outer":"calendar-range__outer_eslzr","s":"calendar-range__s_eslzr","m":"calendar-range__m_eslzr","l":"calendar-range__l_eslzr","xl":"calendar-range__xl_eslzr"};
+const styles = {"component":"calendar-range__component_1ohku","outer":"calendar-range__outer_1ohku","s":"calendar-range__s_1ohku","m":"calendar-range__m_1ohku","l":"calendar-range__l_1ohku","xl":"calendar-range__xl_1ohku"};
 require('./index.css')
 
 const Divider = ({ inputFromProps, inputToProps }) => {

package/modern/components/divider/index.css

@@ -1,25 +1,26 @@
-/* hash: 4tn7w */
+/* hash: k84x9 */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -40,36 +41,29 @@
     /* disabled */
 
     /* marker */
-}
-.calendar-range__component_eslzr {
+} .calendar-range__component_1ohku {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-}
-.calendar-range__component_eslzr:after {
+} .calendar-range__component_1ohku:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    }
-.calendar-range__outer_eslzr {
+    } .calendar-range__outer_1ohku {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-}
-.calendar-range__s_eslzr {
+} .calendar-range__s_1ohku {
     height: var(--size-s-height);
-}
-.calendar-range__m_eslzr {
+} .calendar-range__m_1ohku {
     height: var(--size-m-height);
-}
-.calendar-range__l_eslzr {
+} .calendar-range__l_1ohku {
     height: var(--size-l-height);
-}
-.calendar-range__xl_eslzr {
+} .calendar-range__xl_1ohku {
     height: var(--size-xl-height);
 }

package/modern/index.js

@@ -12,8 +12,9 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-249f068b.js';
+import './index.module-c9c640cc.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
+import 'date-fns/isSameMonth';
 import '@alfalab/core-components-calendar/modern';
 import './utils.js';

package/modern/index.module-c9c640cc.js

@@ -0,0 +1,4 @@
+const styles = {"component":"calendar-range__component_17o7z","static":"calendar-range__static_17o7z","calendar":"calendar-range__calendar_17o7z"};
+require('./views/index.css')
+
+export { styles as s };

package/modern/views/index.css

@@ -1,13 +1,20 @@
-/* hash: 1na7b */
+/* hash: 3nkzb */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --calendar-inner-width: 280px;
 
     /* Кнопки выбора месяцев и годов */
@@ -29,19 +36,14 @@
     /* disabled */
 
     /* marker */
-}
-.calendar-range__component_19i4n {
+} .calendar-range__component_17o7z {
     display: flex
-}
-.calendar-range__component_19i4n button[aria-selected='true'] {
+} .calendar-range__component_17o7z button[aria-selected='true'] {
         cursor: pointer;
-    }
-.calendar-range__component_19i4n *[class*='errorIcon_'] {
+    } .calendar-range__component_17o7z *[class*='errorIcon_'] {
         display: none;
-    }
-.calendar-range__component_19i4n *[class*='calendarIcon_'] {
+    } .calendar-range__component_17o7z *[class*='calendarIcon_'] {
         margin-right: 0;
-    }
-.calendar-range__static_19i4n .calendar-range__calendar_19i4n {
+    } .calendar-range__static_17o7z .calendar-range__calendar_17o7z {
         width: var(--calendar-inner-width);
     }

package/modern/views/popover.js

@@ -5,7 +5,7 @@ import { isValidInputValue, parseDateString, CalendarInput } from '@alfalab/core
 import { isCompleteDateInput } from '@alfalab/core-components-date-input/modern';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-249f068b.js';
+import { s as styles } from '../index.module-c9c640cc.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/modern/views/static.js

@@ -2,6 +2,7 @@ import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import addMonths from 'date-fns/addMonths';
 import endOfMonth from 'date-fns/endOfMonth';
+import isSameMonth from 'date-fns/isSameMonth';
 import max from 'date-fns/max';
 import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
@@ -11,7 +12,7 @@ import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-in
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-249f068b.js';
+import { s as styles } from '../index.module-c9c640cc.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 
@@ -144,6 +145,7 @@ const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()
     const { calendarProps: calendarToProps, ...dateInputToProps } = inputToProps;
     const CalendarFromComponent = dateInputFromProps.Calendar || Calendar;
     const CalendarToComponent = dateInputToProps.Calendar || Calendar;
+    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
     React.createElement("div", { className: cn(styles.component, styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
@@ -151,13 +153,17 @@ const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()
             React.createElement(DateInput, { ...dateInputFromProps, mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true }),
-            React.createElement(CalendarFromComponent, { ...calendarFromProps, className: cn(styles.calendar, calendarFromProps?.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime(), ...rangeProps })),
+            React.createElement(CalendarFromComponent, { ...calendarFromProps, className: cn(styles.calendar, calendarFromProps?.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
+                    ? maxDate
+                    : maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime(), ...rangeProps })),
         React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React.createElement("div", null,
             React.createElement(DateInput, { ...dateInputToProps, mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid, clear: true, block: true }),
-            React.createElement(CalendarToComponent, { ...calendarToProps, className: cn(styles.calendar, calendarToProps?.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate, ...rangeProps }))));
+            React.createElement(CalendarToComponent, { ...calendarToProps, className: cn(styles.calendar, calendarToProps?.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
+                    ? minDate
+                    : minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate, ...rangeProps }))));
 };
 
 export { CalendarRangeStatic };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-range",
-    "version": "7.0.12",
+    "version": "7.0.13",
     "description": "Calendar range component",
     "keywords": [],
     "license": "MIT",
@@ -18,8 +18,8 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^6.2.5",
-        "@alfalab/core-components-calendar-input": "^8.2.5",
+        "@alfalab/core-components-calendar": "^6.2.6",
+        "@alfalab/core-components-calendar-input": "^8.2.6",
         "@alfalab/core-components-date-input": "^4.1.4",
         "classnames": "^2.3.1",
         "date-fns": "^2.16.1"

package/views/index.css

@@ -1,13 +1,20 @@
-/* hash: 1na7b */
+/* hash: 3nkzb */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --calendar-inner-width: 280px;
 
     /* Кнопки выбора месяцев и годов */
@@ -29,19 +36,14 @@
     /* disabled */
 
     /* marker */
-}
-.calendar-range__component_19i4n {
+} .calendar-range__component_17o7z {
     display: flex
-}
-.calendar-range__component_19i4n button[aria-selected='true'] {
+} .calendar-range__component_17o7z button[aria-selected='true'] {
         cursor: pointer;
-    }
-.calendar-range__component_19i4n *[class*='errorIcon_'] {
+    } .calendar-range__component_17o7z *[class*='errorIcon_'] {
         display: none;
-    }
-.calendar-range__component_19i4n *[class*='calendarIcon_'] {
+    } .calendar-range__component_17o7z *[class*='calendarIcon_'] {
         margin-right: 0;
-    }
-.calendar-range__static_19i4n .calendar-range__calendar_19i4n {
+    } .calendar-range__static_17o7z .calendar-range__calendar_17o7z {
         width: var(--calendar-inner-width);
     }

package/views/popover.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index_module = require('../index.module-0cee42f1.js');
+var index_module = require('../index.module-5ed7938a.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/views/static.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var index_module = require('../index.module-0cee42f1.js');
+var index_module = require('../index.module-5ed7938a.js');
 var React = require('react');
 var cn = require('classnames');
 var addMonths = require('date-fns/addMonths');
 var endOfMonth = require('date-fns/endOfMonth');
+var isSameMonth = require('date-fns/isSameMonth');
 var max = require('date-fns/max');
 var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
@@ -23,6 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
 var endOfMonth__default = /*#__PURE__*/_interopDefaultCompat(endOfMonth);
+var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var max__default = /*#__PURE__*/_interopDefaultCompat(max);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
@@ -156,6 +158,7 @@ var CalendarRangeStatic = function (_a) {
     var calendarToProps = inputToProps.calendarProps, dateInputToProps = index_module.__rest(inputToProps, ["calendarProps"]);
     var CalendarFromComponent = dateInputFromProps.Calendar || coreComponentsCalendar.Calendar;
     var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
+    var minMaxInSameMonth = minDate && maxDate && isSameMonth__default.default(minDate, maxDate);
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
     React__default.default.createElement("div", { className: cn__default.default(index_module.styles.component, index_module.styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
@@ -163,13 +166,17 @@ var CalendarRangeStatic = function (_a) {
             React__default.default.createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
-            React__default.default.createElement(CalendarFromComponent, index_module.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
+            React__default.default.createElement(CalendarFromComponent, index_module.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
+                    ? maxDate
+                    : maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
         React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement("div", null,
             React__default.default.createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid, clear: true, block: true })),
-            React__default.default.createElement(CalendarToComponent, index_module.__assign({}, calendarToProps, { className: cn__default.default(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+            React__default.default.createElement(CalendarToComponent, index_module.__assign({}, calendarToProps, { className: cn__default.default(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
+                    ? minDate
+                    : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

package/modern/index.module-249f068b.js

@@ -1,4 +0,0 @@
-const styles = {"component":"calendar-range__component_19i4n","static":"calendar-range__static_19i4n","calendar":"calendar-range__calendar_19i4n"};
-require('./views/index.css')
-
-export { styles as s };