@alfalab/core-components-calendar-range 7.0.5 → 7.0.7

package/Component.js

@@ -1,33 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_module = require('./index.module-2b983411.js');
+var index_module = require('./index.module-24e4de4c.js');
 var React = require('react');
+var views_popover = require('./views/popover.js');
+var views_static = require('./views/static.js');
 require('classnames');
 require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar-input');
 require('@alfalab/core-components-date-input');
+require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-require('./hooks.js');
-var views_popover = require('./views/popover.js');
 require('date-fns/endOfMonth');
 require('@alfalab/core-components-calendar');
 require('./utils.js');
-var views_static = require('./views/static.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CalendarRange = function (_a) {
     var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = index_module.__rest(_a, ["calendarPosition"]);
     var View = calendarPosition === 'popover' ? views_popover.CalendarRangePopover : views_static.CalendarRangeStatic;
-    return React__default['default'].createElement(View, index_module.__assign({}, restProps));
+    return React__default.default.createElement(View, index_module.__assign({}, restProps));
 };
 
 exports.CalendarRange = CalendarRange;

package/cssm/Component.js

@@ -1,34 +1,32 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
+var views_popover = require('./views/popover.js');
+var views_static = require('./views/static.js');
 require('classnames');
 require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar-input/cssm');
 require('@alfalab/core-components-date-input/cssm');
+require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-require('./hooks.js');
 require('./views/index.module.css');
-var views_popover = require('./views/popover.js');
 require('date-fns/endOfMonth');
 require('@alfalab/core-components-calendar/cssm');
 require('./utils.js');
-var views_static = require('./views/static.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CalendarRange = function (_a) {
     var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = tslib_es6.__rest(_a, ["calendarPosition"]);
     var View = calendarPosition === 'popover' ? views_popover.CalendarRangePopover : views_static.CalendarRangeStatic;
-    return React__default['default'].createElement(View, tslib_es6.__assign({}, restProps));
+    return React__default.default.createElement(View, tslib_es6.__assign({}, restProps));
 };
 
 exports.CalendarRange = CalendarRange;

package/cssm/hooks.js

@@ -1,23 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var startOfMonth = require('date-fns/startOfMonth');
 var addMonths = require('date-fns/addMonths');
 var isEqual = require('date-fns/isEqual');
 var max = require('date-fns/max');
 var min = require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var addMonths__default = /*#__PURE__*/_interopDefaultLegacy(addMonths);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
-var min__default = /*#__PURE__*/_interopDefaultLegacy(min);
-var subMonths__default = /*#__PURE__*/_interopDefaultLegacy(subMonths);
+var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
+var isEqual__default = /*#__PURE__*/_interopDefaultCompat(isEqual);
+var max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var min__default = /*#__PURE__*/_interopDefaultCompat(min);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
 
 function usePopoverViewMonthes(_a) {
     var dateFrom = _a.dateFrom, dateTo = _a.dateTo, defaultMonth = _a.defaultMonth, resetKey = _a.resetKey;
@@ -36,10 +34,10 @@ function usePopoverViewMonthes(_a) {
         }
     }, [dateFrom]);
     React.useEffect(function () {
-        setMonthFrom(dateFrom ? startOfMonth__default['default'](dateFrom).getTime() : defaultMonth);
+        setMonthFrom(dateFrom ? startOfMonth__default.default(dateFrom).getTime() : defaultMonth);
     }, [defaultMonth, dateFrom, resetKey]);
     React.useEffect(function () {
-        setMonthTo(dateTo ? startOfMonth__default['default'](dateTo).getTime() : monthFrom);
+        setMonthTo(dateTo ? startOfMonth__default.default(dateTo).getTime() : monthFrom);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dateTo, resetKey]);
     return {
@@ -55,44 +53,44 @@ function useStaticViewMonthes(_a) {
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
      */
-    var initialMonthFrom = React.useMemo(function () { return startOfMonth__default['default'](selectedFrom || selectedTo || defaultMonth).getTime(); }, 
+    var initialMonthFrom = React.useMemo(function () { return startOfMonth__default.default(selectedFrom || selectedTo || defaultMonth).getTime(); }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     /**
      * Правый месяц должен быть как минимум на 1 месяц больше левого
      */
     var initialMonthTo = React.useMemo(function () {
-        return max__default['default']([
-            selectedTo ? startOfMonth__default['default'](selectedTo) : 0,
-            addMonths__default['default'](initialMonthFrom, 1),
+        return max__default.default([
+            selectedTo ? startOfMonth__default.default(selectedTo) : 0,
+            addMonths__default.default(initialMonthFrom, 1),
         ]).getTime();
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     if (defaultMonthPosition === 'right') {
         initialMonthTo = initialMonthFrom;
-        initialMonthFrom = subMonths__default['default'](initialMonthFrom, 1).getTime();
+        initialMonthFrom = subMonths__default.default(initialMonthFrom, 1).getTime();
     }
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
         setMonthFrom(newMonthFrom);
-        if (monthTo && isEqual__default['default'](newMonthFrom, monthTo)) {
-            var nextMonth = addMonths__default['default'](newMonthFrom, 1).getTime();
+        if (monthTo && isEqual__default.default(newMonthFrom, monthTo)) {
+            var nextMonth = addMonths__default.default(newMonthFrom, 1).getTime();
             setMonthTo(nextMonth);
         }
     }, [monthTo]);
     var handleMonthToChange = React.useCallback(function (newMonthTo) {
         setMonthTo(newMonthTo);
-        if (monthFrom && isEqual__default['default'](newMonthTo, monthFrom)) {
-            var prevMonth = subMonths__default['default'](newMonthTo, 1).getTime();
+        if (monthFrom && isEqual__default.default(newMonthTo, monthFrom)) {
+            var prevMonth = subMonths__default.default(newMonthTo, 1).getTime();
             setMonthFrom(prevMonth);
         }
     }, [monthFrom]);
     // eslint-disable-next-line complexity
     React.useEffect(function () {
-        var selectedFromMonth = selectedFrom ? startOfMonth__default['default'](selectedFrom).getTime() : undefined;
-        var selectedToMonth = selectedTo ? startOfMonth__default['default'](selectedTo).getTime() : undefined;
+        var selectedFromMonth = selectedFrom ? startOfMonth__default.default(selectedFrom).getTime() : undefined;
+        var selectedToMonth = selectedTo ? startOfMonth__default.default(selectedTo).getTime() : undefined;
         // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента
         var fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;
         var fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;
@@ -101,25 +99,25 @@ function useStaticViewMonthes(_a) {
         var fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;
         var toMonthOnScreen = toMonthOnLeft || toMonthOnRight;
         if (fromMonthOnLeft && toMonthOnLeft) {
-            setMonthTo(max__default['default']([addMonths__default['default'](selectedFromMonth, 1), monthTo]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
             return;
         }
         if (fromMonthOnRight && toMonthOnRight) {
-            setMonthFrom(min__default['default']([subMonths__default['default'](selectedToMonth, 1), monthFrom]).getTime());
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
             return;
         }
         if (selectedFromMonth && selectedToMonth) {
             setMonthFrom(selectedFromMonth);
-            setMonthTo(max__default['default']([addMonths__default['default'](selectedFromMonth, 1), selectedToMonth]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), selectedToMonth]).getTime());
             return;
         }
         if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {
             setMonthFrom(selectedFromMonth);
-            setMonthTo(max__default['default']([addMonths__default['default'](selectedFromMonth, 1), monthTo]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
         }
         if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {
             setMonthTo(selectedToMonth);
-            setMonthFrom(min__default['default']([subMonths__default['default'](selectedToMonth, 1), monthFrom]).getTime());
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedFrom, selectedTo]);
@@ -135,15 +133,15 @@ function useSelectionProps(from, to, highlighted) {
         if (from && to) {
             return {
                 rangeComplete: true,
-                selectedFrom: min__default['default']([from, to]).getTime(),
-                selectedTo: max__default['default']([from, to]).getTime(),
+                selectedFrom: min__default.default([from, to]).getTime(),
+                selectedTo: max__default.default([from, to]).getTime(),
             };
         }
         var dates = [from, to, highlighted].filter(function (date) { return date !== undefined; });
         return {
             rangeComplete: false,
-            selectedFrom: from || dates.length === 2 ? min__default['default'](dates).getTime() : undefined,
-            selectedTo: to || dates.length === 2 ? max__default['default'](dates).getTime() : undefined,
+            selectedFrom: from || dates.length === 2 ? min__default.default(dates).getTime() : undefined,
+            selectedTo: to || dates.length === 2 ? max__default.default(dates).getTime() : undefined,
         };
     }, [from, highlighted, to]);
 }

package/cssm/index.js

@@ -1,26 +1,24 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component = require('./Component.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
+require('./views/popover.js');
 require('classnames');
 require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar-input/cssm');
 require('@alfalab/core-components-date-input/cssm');
+require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-require('./hooks.js');
 require('./views/index.module.css');
-require('./views/popover.js');
+require('./views/static.js');
 require('date-fns/endOfMonth');
 require('@alfalab/core-components-calendar/cssm');
 require('./utils.js');
-require('./views/static.js');
-var Component = require('./Component.js');
 
 
 

package/cssm/utils.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var isDayButton = function (node) {
     return node && node.tagName === 'BUTTON' && node.dataset.date;
 };

package/cssm/views/popover.js

@@ -1,30 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-9682e485.js');
+var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input/cssm');
 var coreComponentsDateInput = require('@alfalab/core-components-date-input/cssm');
+var hooks = require('../hooks.js');
+var styles = require('./index.module.css');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-var hooks = require('../hooks.js');
-var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var CalendarRangePopover = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
     var _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
     var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
     /**
@@ -116,10 +114,10 @@ var CalendarRangePopover = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hasValidateError]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React__default['default'].createElement("span", { className: styles__default['default'].divider }),
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
+        React__default.default.createElement("span", { className: styles__default.default.divider }),
+        React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 
 exports.CalendarRangePopover = CalendarRangePopover;

package/cssm/views/static.js

@@ -1,37 +1,35 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-9682e485.js');
+var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
-var startOfMonth = require('date-fns/startOfMonth');
-var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input/cssm');
-var coreComponentsDateInput = require('@alfalab/core-components-date-input/cssm');
 var addMonths = require('date-fns/addMonths');
-require('date-fns/isEqual');
+var endOfMonth = require('date-fns/endOfMonth');
 var max = require('date-fns/max');
-require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
-var hooks = require('../hooks.js');
-var styles = require('./index.module.css');
-var endOfMonth = require('date-fns/endOfMonth');
 var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
+var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input/cssm');
+var coreComponentsDateInput = require('@alfalab/core-components-date-input/cssm');
+var hooks = require('../hooks.js');
 var utils = require('../utils.js');
+var styles = require('./index.module.css');
+require('date-fns/isEqual');
+require('date-fns/min');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var addMonths__default = /*#__PURE__*/_interopDefaultLegacy(addMonths);
-var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
-var subMonths__default = /*#__PURE__*/_interopDefaultLegacy(subMonths);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-var endOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(endOfMonth);
+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 max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
     var _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
     var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -161,18 +159,18 @@ var CalendarRangeStatic = function (_a) {
     var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
     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 },
-        React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
+    React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
+        React__default.default.createElement("div", null,
+            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("span", { className: styles__default['default'].divider }),
-        React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
+            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("span", { className: styles__default.default.divider }),
+        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: minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

package/esm/Component.js

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __assign } from './index.module-24b91874.js';
+import { _ as __rest, a as __assign } from './index.module-b9db88e5.js';
 import React from 'react';
+import { CalendarRangePopover } from './views/popover.js';
+import { CalendarRangeStatic } from './views/static.js';
 import 'classnames';
 import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar-input/esm';
 import '@alfalab/core-components-date-input/esm';
+import './hooks.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './hooks.js';
-import { CalendarRangePopover } from './views/popover.js';
 import 'date-fns/endOfMonth';
 import '@alfalab/core-components-calendar/esm';
 import './utils.js';
-import { CalendarRangeStatic } from './views/static.js';
 
 var CalendarRange = function (_a) {
     var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = __rest(_a, ["calendarPosition"]);

package/esm/hooks.js

@@ -1,9 +1,9 @@
 import { useState, useCallback, useEffect, useMemo } from 'react';
-import startOfMonth from 'date-fns/startOfMonth';
 import addMonths from 'date-fns/addMonths';
 import isEqual from 'date-fns/isEqual';
 import max from 'date-fns/max';
 import min from 'date-fns/min';
+import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
 
 function usePopoverViewMonthes(_a) {

package/esm/index.js

@@ -1,18 +1,18 @@
-import './index.module-24b91874.js';
+export { CalendarRange } from './Component.js';
+import './index.module-b9db88e5.js';
 import 'react';
+import './views/popover.js';
 import 'classnames';
 import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar-input/esm';
 import '@alfalab/core-components-date-input/esm';
+import './hooks.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './hooks.js';
-import './views/popover.js';
+import './views/static.js';
 import 'date-fns/endOfMonth';
 import '@alfalab/core-components-calendar/esm';
 import './utils.js';
-import './views/static.js';
-export { CalendarRange } from './Component.js';

package/esm/{index.module-24b91874.js → index.module-b9db88e5.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_14o9b","divider":"calendar-range__divider_14o9b","static":"calendar-range__static_14o9b","calendar":"calendar-range__calendar_14o9b"};
+var styles = {"component":"calendar-range__component_qeu3v","divider":"calendar-range__divider_qeu3v","static":"calendar-range__static_qeu3v","calendar":"calendar-range__calendar_qeu3v"};
 require('./views/index.css')
 
 export { __rest as _, __assign as a, styles as s };

package/esm/views/index.css

@@ -1,4 +1,4 @@
-/* hash: pj9qn */
+/* hash: 142zt */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -36,19 +36,19 @@
 
     /* marker */
 }
-.calendar-range__component_14o9b {
+.calendar-range__component_qeu3v {
     display: flex
 }
-.calendar-range__component_14o9b button[aria-selected='true'] {
+.calendar-range__component_qeu3v button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_14o9b *[class*='errorIcon_'] {
+.calendar-range__component_qeu3v *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_14o9b *[class*='calendarIcon_'] {
+.calendar-range__component_qeu3v *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_14o9b {
+.calendar-range__divider_qeu3v {
     height: 48px;
     display: flex;
     align-items: center;
@@ -56,13 +56,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_14o9b:after {
+.calendar-range__divider_qeu3v:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_14o9b .calendar-range__calendar_14o9b {
+.calendar-range__static_qeu3v .calendar-range__calendar_qeu3v {
         width: var(--calendar-inner-width);
     }

package/esm/views/popover.js

@@ -1,15 +1,15 @@
-import { s as styles, a as __assign } from '../index.module-24b91874.js';
+import { s as styles, a as __assign } from '../index.module-b9db88e5.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';
 import { isValidInputValue, parseDateString, CalendarInput } from '@alfalab/core-components-calendar-input/esm';
 import { isCompleteDateInput } from '@alfalab/core-components-date-input/esm';
+import { usePopoverViewMonthes } from '../hooks.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import { usePopoverViewMonthes } from '../hooks.js';
 
 var CalendarRangePopover = function (_a) {
     var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;

package/esm/views/static.js

@@ -1,18 +1,18 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-24b91874.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-b9db88e5.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import startOfMonth from 'date-fns/startOfMonth';
-import { isValidInputValue, parseDateString, formatDate } from '@alfalab/core-components-calendar-input/esm';
-import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-input/esm';
 import addMonths from 'date-fns/addMonths';
-import 'date-fns/isEqual';
+import endOfMonth from 'date-fns/endOfMonth';
 import max from 'date-fns/max';
-import 'date-fns/min';
+import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
-import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
-import endOfMonth from 'date-fns/endOfMonth';
 import { usePeriodWithReset, Calendar } from '@alfalab/core-components-calendar/esm';
+import { isValidInputValue, parseDateString, formatDate } from '@alfalab/core-components-calendar-input/esm';
+import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-input/esm';
+import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
+import 'date-fns/isEqual';
+import 'date-fns/min';
 
 var CalendarRangeStatic = function (_a) {
     var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;

package/hooks.js

@@ -1,23 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var startOfMonth = require('date-fns/startOfMonth');
 var addMonths = require('date-fns/addMonths');
 var isEqual = require('date-fns/isEqual');
 var max = require('date-fns/max');
 var min = require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var addMonths__default = /*#__PURE__*/_interopDefaultLegacy(addMonths);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
-var min__default = /*#__PURE__*/_interopDefaultLegacy(min);
-var subMonths__default = /*#__PURE__*/_interopDefaultLegacy(subMonths);
+var addMonths__default = /*#__PURE__*/_interopDefaultCompat(addMonths);
+var isEqual__default = /*#__PURE__*/_interopDefaultCompat(isEqual);
+var max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var min__default = /*#__PURE__*/_interopDefaultCompat(min);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
 
 function usePopoverViewMonthes(_a) {
     var dateFrom = _a.dateFrom, dateTo = _a.dateTo, defaultMonth = _a.defaultMonth, resetKey = _a.resetKey;
@@ -36,10 +34,10 @@ function usePopoverViewMonthes(_a) {
         }
     }, [dateFrom]);
     React.useEffect(function () {
-        setMonthFrom(dateFrom ? startOfMonth__default['default'](dateFrom).getTime() : defaultMonth);
+        setMonthFrom(dateFrom ? startOfMonth__default.default(dateFrom).getTime() : defaultMonth);
     }, [defaultMonth, dateFrom, resetKey]);
     React.useEffect(function () {
-        setMonthTo(dateTo ? startOfMonth__default['default'](dateTo).getTime() : monthFrom);
+        setMonthTo(dateTo ? startOfMonth__default.default(dateTo).getTime() : monthFrom);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dateTo, resetKey]);
     return {
@@ -55,44 +53,44 @@ function useStaticViewMonthes(_a) {
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
      */
-    var initialMonthFrom = React.useMemo(function () { return startOfMonth__default['default'](selectedFrom || selectedTo || defaultMonth).getTime(); }, 
+    var initialMonthFrom = React.useMemo(function () { return startOfMonth__default.default(selectedFrom || selectedTo || defaultMonth).getTime(); }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     /**
      * Правый месяц должен быть как минимум на 1 месяц больше левого
      */
     var initialMonthTo = React.useMemo(function () {
-        return max__default['default']([
-            selectedTo ? startOfMonth__default['default'](selectedTo) : 0,
-            addMonths__default['default'](initialMonthFrom, 1),
+        return max__default.default([
+            selectedTo ? startOfMonth__default.default(selectedTo) : 0,
+            addMonths__default.default(initialMonthFrom, 1),
         ]).getTime();
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     if (defaultMonthPosition === 'right') {
         initialMonthTo = initialMonthFrom;
-        initialMonthFrom = subMonths__default['default'](initialMonthFrom, 1).getTime();
+        initialMonthFrom = subMonths__default.default(initialMonthFrom, 1).getTime();
     }
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
         setMonthFrom(newMonthFrom);
-        if (monthTo && isEqual__default['default'](newMonthFrom, monthTo)) {
-            var nextMonth = addMonths__default['default'](newMonthFrom, 1).getTime();
+        if (monthTo && isEqual__default.default(newMonthFrom, monthTo)) {
+            var nextMonth = addMonths__default.default(newMonthFrom, 1).getTime();
             setMonthTo(nextMonth);
         }
     }, [monthTo]);
     var handleMonthToChange = React.useCallback(function (newMonthTo) {
         setMonthTo(newMonthTo);
-        if (monthFrom && isEqual__default['default'](newMonthTo, monthFrom)) {
-            var prevMonth = subMonths__default['default'](newMonthTo, 1).getTime();
+        if (monthFrom && isEqual__default.default(newMonthTo, monthFrom)) {
+            var prevMonth = subMonths__default.default(newMonthTo, 1).getTime();
             setMonthFrom(prevMonth);
         }
     }, [monthFrom]);
     // eslint-disable-next-line complexity
     React.useEffect(function () {
-        var selectedFromMonth = selectedFrom ? startOfMonth__default['default'](selectedFrom).getTime() : undefined;
-        var selectedToMonth = selectedTo ? startOfMonth__default['default'](selectedTo).getTime() : undefined;
+        var selectedFromMonth = selectedFrom ? startOfMonth__default.default(selectedFrom).getTime() : undefined;
+        var selectedToMonth = selectedTo ? startOfMonth__default.default(selectedTo).getTime() : undefined;
         // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента
         var fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;
         var fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;
@@ -101,25 +99,25 @@ function useStaticViewMonthes(_a) {
         var fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;
         var toMonthOnScreen = toMonthOnLeft || toMonthOnRight;
         if (fromMonthOnLeft && toMonthOnLeft) {
-            setMonthTo(max__default['default']([addMonths__default['default'](selectedFromMonth, 1), monthTo]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
             return;
         }
         if (fromMonthOnRight && toMonthOnRight) {
-            setMonthFrom(min__default['default']([subMonths__default['default'](selectedToMonth, 1), monthFrom]).getTime());
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
             return;
         }
         if (selectedFromMonth && selectedToMonth) {
             setMonthFrom(selectedFromMonth);
-            setMonthTo(max__default['default']([addMonths__default['default'](selectedFromMonth, 1), selectedToMonth]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), selectedToMonth]).getTime());
             return;
         }
         if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {
             setMonthFrom(selectedFromMonth);
-            setMonthTo(max__default['default']([addMonths__default['default'](selectedFromMonth, 1), monthTo]).getTime());
+            setMonthTo(max__default.default([addMonths__default.default(selectedFromMonth, 1), monthTo]).getTime());
         }
         if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {
             setMonthTo(selectedToMonth);
-            setMonthFrom(min__default['default']([subMonths__default['default'](selectedToMonth, 1), monthFrom]).getTime());
+            setMonthFrom(min__default.default([subMonths__default.default(selectedToMonth, 1), monthFrom]).getTime());
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedFrom, selectedTo]);
@@ -135,15 +133,15 @@ function useSelectionProps(from, to, highlighted) {
         if (from && to) {
             return {
                 rangeComplete: true,
-                selectedFrom: min__default['default']([from, to]).getTime(),
-                selectedTo: max__default['default']([from, to]).getTime(),
+                selectedFrom: min__default.default([from, to]).getTime(),
+                selectedTo: max__default.default([from, to]).getTime(),
             };
         }
         var dates = [from, to, highlighted].filter(function (date) { return date !== undefined; });
         return {
             rangeComplete: false,
-            selectedFrom: from || dates.length === 2 ? min__default['default'](dates).getTime() : undefined,
-            selectedTo: to || dates.length === 2 ? max__default['default'](dates).getTime() : undefined,
+            selectedFrom: from || dates.length === 2 ? min__default.default(dates).getTime() : undefined,
+            selectedTo: to || dates.length === 2 ? max__default.default(dates).getTime() : undefined,
         };
     }, [from, highlighted, to]);
 }

package/index.js

@@ -1,25 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./index.module-2b983411.js');
+var Component = require('./Component.js');
+require('./index.module-24e4de4c.js');
 require('react');
+require('./views/popover.js');
 require('classnames');
 require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar-input');
 require('@alfalab/core-components-date-input');
+require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-require('./hooks.js');
-require('./views/popover.js');
+require('./views/static.js');
 require('date-fns/endOfMonth');
 require('@alfalab/core-components-calendar');
 require('./utils.js');
-require('./views/static.js');
-var Component = require('./Component.js');
 
 
 

package/{index.module-2b983411.js → index.module-24e4de4c.js}

@@ -39,7 +39,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_14o9b","divider":"calendar-range__divider_14o9b","static":"calendar-range__static_14o9b","calendar":"calendar-range__calendar_14o9b"};
+var styles = {"component":"calendar-range__component_qeu3v","divider":"calendar-range__divider_qeu3v","static":"calendar-range__static_qeu3v","calendar":"calendar-range__calendar_qeu3v"};
 require('./views/index.css')
 
 exports.__rest = __rest;

package/modern/Component.js

@@ -1,20 +1,20 @@
 import React from 'react';
+import { CalendarRangePopover } from './views/popover.js';
+import { CalendarRangeStatic } from './views/static.js';
 import 'classnames';
 import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar-input/modern';
 import '@alfalab/core-components-date-input/modern';
+import './hooks.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './hooks.js';
-import './index.module-4b4e51e6.js';
-import { CalendarRangePopover } from './views/popover.js';
+import './index.module-8c524c02.js';
 import 'date-fns/endOfMonth';
 import '@alfalab/core-components-calendar/modern';
 import './utils.js';
-import { CalendarRangeStatic } from './views/static.js';
 
 const CalendarRange = ({ calendarPosition = 'static', ...restProps }) => {
     const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;

package/modern/hooks.js

@@ -1,9 +1,9 @@
 import { useState, useCallback, useEffect, useMemo } from 'react';
-import startOfMonth from 'date-fns/startOfMonth';
 import addMonths from 'date-fns/addMonths';
 import isEqual from 'date-fns/isEqual';
 import max from 'date-fns/max';
 import min from 'date-fns/min';
+import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
 
 function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }) {

package/modern/index.js

@@ -1,18 +1,18 @@
+export { CalendarRange } from './Component.js';
 import 'react';
+import './views/popover.js';
 import 'classnames';
 import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar-input/modern';
 import '@alfalab/core-components-date-input/modern';
+import './hooks.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './hooks.js';
-import './index.module-4b4e51e6.js';
-import './views/popover.js';
+import './index.module-8c524c02.js';
+import './views/static.js';
 import 'date-fns/endOfMonth';
 import '@alfalab/core-components-calendar/modern';
 import './utils.js';
-import './views/static.js';
-export { CalendarRange } from './Component.js';

package/modern/index.module-8c524c02.js

@@ -0,0 +1,4 @@
+const styles = {"component":"calendar-range__component_qeu3v","divider":"calendar-range__divider_qeu3v","static":"calendar-range__static_qeu3v","calendar":"calendar-range__calendar_qeu3v"};
+require('./views/index.css')
+
+export { styles as s };

package/modern/views/index.css

@@ -1,4 +1,4 @@
-/* hash: pj9qn */
+/* hash: 142zt */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -36,19 +36,19 @@
 
     /* marker */
 }
-.calendar-range__component_14o9b {
+.calendar-range__component_qeu3v {
     display: flex
 }
-.calendar-range__component_14o9b button[aria-selected='true'] {
+.calendar-range__component_qeu3v button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_14o9b *[class*='errorIcon_'] {
+.calendar-range__component_qeu3v *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_14o9b *[class*='calendarIcon_'] {
+.calendar-range__component_qeu3v *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_14o9b {
+.calendar-range__divider_qeu3v {
     height: 48px;
     display: flex;
     align-items: center;
@@ -56,13 +56,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_14o9b:after {
+.calendar-range__divider_qeu3v:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_14o9b .calendar-range__calendar_14o9b {
+.calendar-range__static_qeu3v .calendar-range__calendar_qeu3v {
         width: var(--calendar-inner-width);
     }

package/modern/views/popover.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';
 import { isValidInputValue, parseDateString, CalendarInput } from '@alfalab/core-components-calendar-input/modern';
 import { isCompleteDateInput } from '@alfalab/core-components-date-input/modern';
+import { usePopoverViewMonthes } from '../hooks.js';
+import { s as styles } from '../index.module-8c524c02.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-4b4e51e6.js';
 
 const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);

package/modern/views/static.js

@@ -1,18 +1,18 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import startOfMonth from 'date-fns/startOfMonth';
-import { isValidInputValue, parseDateString, formatDate } from '@alfalab/core-components-calendar-input/modern';
-import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-input/modern';
 import addMonths from 'date-fns/addMonths';
-import 'date-fns/isEqual';
+import endOfMonth from 'date-fns/endOfMonth';
 import max from 'date-fns/max';
-import 'date-fns/min';
+import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
-import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
-import { s as styles } from '../index.module-4b4e51e6.js';
-import endOfMonth from 'date-fns/endOfMonth';
 import { usePeriodWithReset, Calendar } from '@alfalab/core-components-calendar/modern';
+import { isValidInputValue, parseDateString, formatDate } from '@alfalab/core-components-calendar-input/modern';
+import { isCompleteDateInput, DateInput } from '@alfalab/core-components-date-input/modern';
+import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
+import { s as styles } from '../index.module-8c524c02.js';
+import 'date-fns/isEqual';
+import 'date-fns/min';
 
 /* eslint-disable complexity */
 const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), defaultMonthPosition = 'left', minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-range",
-    "version": "7.0.5",
+    "version": "7.0.7",
     "description": "Calendar range component",
     "keywords": [],
     "license": "MIT",
@@ -18,9 +18,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^6.1.14",
-        "@alfalab/core-components-calendar-input": "^8.1.2",
-        "@alfalab/core-components-date-input": "^4.1.0",
+        "@alfalab/core-components-calendar": "^6.2.0",
+        "@alfalab/core-components-calendar-input": "^8.2.0",
+        "@alfalab/core-components-date-input": "^4.1.1",
         "classnames": "^2.3.1",
         "date-fns": "^2.16.1"
     }

package/utils.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var isDayButton = function (node) {
     return node && node.tagName === 'BUTTON' && node.dataset.date;
 };

package/views/index.css

@@ -1,4 +1,4 @@
-/* hash: pj9qn */
+/* hash: 142zt */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -36,19 +36,19 @@
 
     /* marker */
 }
-.calendar-range__component_14o9b {
+.calendar-range__component_qeu3v {
     display: flex
 }
-.calendar-range__component_14o9b button[aria-selected='true'] {
+.calendar-range__component_qeu3v button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_14o9b *[class*='errorIcon_'] {
+.calendar-range__component_qeu3v *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_14o9b *[class*='calendarIcon_'] {
+.calendar-range__component_qeu3v *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_14o9b {
+.calendar-range__divider_qeu3v {
     height: 48px;
     display: flex;
     align-items: center;
@@ -56,13 +56,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_14o9b:after {
+.calendar-range__divider_qeu3v:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_14o9b .calendar-range__calendar_14o9b {
+.calendar-range__static_qeu3v .calendar-range__calendar_qeu3v {
         width: var(--calendar-inner-width);
     }

package/views/popover.js

@@ -1,28 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_module = require('../index.module-2b983411.js');
+var index_module = require('../index.module-24e4de4c.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input');
 var coreComponentsDateInput = require('@alfalab/core-components-date-input');
+var hooks = require('../hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-var hooks = require('../hooks.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
 var CalendarRangePopover = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, onError = _a.onError, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
     var _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
     var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
     /**
@@ -114,10 +112,10 @@ var CalendarRangePopover = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hasValidateError]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React__default['default'].createElement("span", { className: index_module.styles.divider }),
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
+        React__default.default.createElement("span", { className: index_module.styles.divider }),
+        React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 
 exports.CalendarRangePopover = CalendarRangePopover;

package/views/static.js

@@ -1,35 +1,33 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_module = require('../index.module-2b983411.js');
+var index_module = require('../index.module-24e4de4c.js');
 var React = require('react');
 var cn = require('classnames');
-var startOfMonth = require('date-fns/startOfMonth');
-var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input');
-var coreComponentsDateInput = require('@alfalab/core-components-date-input');
 var addMonths = require('date-fns/addMonths');
-require('date-fns/isEqual');
+var endOfMonth = require('date-fns/endOfMonth');
 var max = require('date-fns/max');
-require('date-fns/min');
+var startOfMonth = require('date-fns/startOfMonth');
 var subMonths = require('date-fns/subMonths');
-var hooks = require('../hooks.js');
-var endOfMonth = require('date-fns/endOfMonth');
 var coreComponentsCalendar = require('@alfalab/core-components-calendar');
+var coreComponentsCalendarInput = require('@alfalab/core-components-calendar-input');
+var coreComponentsDateInput = require('@alfalab/core-components-date-input');
+var hooks = require('../hooks.js');
 var utils = require('../utils.js');
+require('date-fns/isEqual');
+require('date-fns/min');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
-var addMonths__default = /*#__PURE__*/_interopDefaultLegacy(addMonths);
-var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
-var subMonths__default = /*#__PURE__*/_interopDefaultLegacy(subMonths);
-var endOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(endOfMonth);
+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 max__default = /*#__PURE__*/_interopDefaultCompat(max);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
     var _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
     var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -159,18 +157,18 @@ var CalendarRangeStatic = function (_a) {
     var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
     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 },
-        React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
+    React__default.default.createElement("div", { className: cn__default.default(index_module.styles.component, index_module.styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
+        React__default.default.createElement("div", null,
+            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("span", { className: index_module.styles.divider }),
-        React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
+            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("span", { className: index_module.styles.divider }),
+        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: minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

package/modern/index.module-4b4e51e6.js

@@ -1,4 +0,0 @@
-var styles = {"component":"calendar-range__component_14o9b","divider":"calendar-range__divider_14o9b","static":"calendar-range__static_14o9b","calendar":"calendar-range__calendar_14o9b"};
-require('./views/index.css')
-
-export { styles as s };