@alfalab/core-components-calendar-range 7.0.32 → 7.1.0

package/Component.d.ts

@@ -81,6 +81,10 @@ type CalendarRangeProps = {
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */
     defaultMonthPosition?: 'left' | 'right';
+    /**
+     * Возвращать невалидную дату для кастомной валидации
+     */
+    returnInvalidDates?: boolean;
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/Component.js

@@ -18,7 +18,7 @@ require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-require('./index.module-c07e0822.js');
+require('./index.module-9935cceb.js');
 require('date-fns/endOfMonth');
 require('date-fns/isSameMonth');
 require('@alfalab/core-components-calendar');

package/components/divider/Component.js

@@ -10,7 +10,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_9epx3","outer":"calendar-range__outer_9epx3","s":"calendar-range__s_9epx3","m":"calendar-range__m_9epx3","l":"calendar-range__l_9epx3","xl":"calendar-range__xl_9epx3"};
+var styles = {"component":"calendar-range__component_iquxi","outer":"calendar-range__outer_iquxi","s":"calendar-range__s_iquxi","m":"calendar-range__m_iquxi","l":"calendar-range__l_iquxi","xl":"calendar-range__xl_iquxi"};
 require('./index.css')
 
 var Divider = function (_a) {

package/components/divider/index.css

@@ -1,4 +1,4 @@
-/* hash: jddb2 */
+/* hash: 1i8ir */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,29 +41,29 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_9epx3 {
+} .calendar-range__component_iquxi {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-} .calendar-range__component_9epx3:after {
+} .calendar-range__component_iquxi:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    } .calendar-range__outer_9epx3 {
+    } .calendar-range__outer_iquxi {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-} .calendar-range__s_9epx3 {
+} .calendar-range__s_iquxi {
     height: var(--size-s-height);
-} .calendar-range__m_9epx3 {
+} .calendar-range__m_iquxi {
     height: var(--size-m-height);
-} .calendar-range__l_9epx3 {
+} .calendar-range__l_iquxi {
     height: var(--size-l-height);
-} .calendar-range__xl_9epx3 {
+} .calendar-range__xl_iquxi {
     height: var(--size-xl-height);
 }

package/cssm/Component.d.ts

@@ -81,6 +81,10 @@ type CalendarRangeProps = {
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */
     defaultMonthPosition?: 'left' | 'right';
+    /**
+     * Возвращать невалидную дату для кастомной валидации
+     */
+    returnInvalidDates?: boolean;
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/cssm/views/popover.js

@@ -27,33 +27,33 @@ 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 _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
-    var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
+    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, _k = _a.returnInvalidDates, returnInvalidDates = _k === void 0 ? false : _k, 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 _m = React.useState(0), resetKey = _m[0], setResetKey = _m[1];
+    var _o = React.useState(0), resetKey = _o[0], setResetKey = _o[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
         : null;
     var dateTo = coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
         : null;
-    var _o = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _o[0], setInputFromInvalid = _o[1];
-    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _p[0], setInputToInvalid = _p[1];
+    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
+    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
     var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
         coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
         coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
     var hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
-    var _q = hooks.usePopoverViewMonthes({
+    var _r = hooks.usePopoverViewMonthes({
         dateFrom: dateFrom,
         dateTo: dateTo,
         defaultMonth: defaultMonth,
         resetKey: resetKey,
-    }), monthFrom = _q.monthFrom, monthTo = _q.monthTo, handleMonthFromChange = _q.handleMonthFromChange, handleMonthToChange = _q.handleMonthToChange;
+    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
     var handleValidInputFrom = React.useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays));
     }, [inputFromValue, maxDate, minDate, offDays]);
@@ -106,11 +106,17 @@ var CalendarRangePopover = function (_a) {
     }, [inputFromValue]);
     hooks$1.useDidUpdateEffect(function () {
         onDateToChange({ value: inputToValue, date: dateTo });
+        // eslint-disable-next-line no-nested-ternary
+        var inputDateTo = returnInvalidDates
+            ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
+                ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
+                : null
+            : dateTo;
         onChange({
             valueFrom: inputFromValue,
             valueTo: inputToValue,
             dateFrom: dateFrom,
-            dateTo: dateTo,
+            dateTo: inputDateTo,
         });
         if (!inputToValue || coreComponentsDateInput.isCompleteDateInput(inputToValue)) {
             handleValidInputTo();

package/cssm/views/static.js

@@ -35,39 +35,39 @@ 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 _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
-    var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
+    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, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId;
+    var _m = React.useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
+    var _o = React.useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
         : null;
     var dateTo = coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
         : null;
-    if (coreComponentsDateInput.isCompleteDateInput(inputToValue) && !dateTo) {
+    if (coreComponentsDateInput.isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
         dateFrom = null;
     }
     var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
         coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
         coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
-    var _o = React.useState(undefined), highlightedDate = _o[0], setHighlightedDate = _o[1];
+    var _p = React.useState(undefined), highlightedDate = _p[0], setHighlightedDate = _p[1];
     var period = coreComponentsCalendar.usePeriodWithReset({
         initialSelectedFrom: dateFrom ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() : undefined,
         initialSelectedTo: dateTo ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime() : undefined,
     });
     var validateInputFromValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
     var validateInputToValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
-    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
+    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _q[0], setInputFromInvalid = _q[1];
+    var _r = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _r[0], setInputToInvalid = _r[1];
     var hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
     var calendarFromProps = inputFromProps.calendarProps, onInputChangeFrom = inputFromProps.onInputChange, dateInputFromProps = tslib.__rest(inputFromProps, ["calendarProps", "onInputChange"]);
     var calendarToProps = inputToProps.calendarProps, onInputChangeTo = inputToProps.onInputChange, dateInputToProps = tslib.__rest(inputToProps, ["calendarProps", "onInputChange"]);
-    var _r = hooks.useStaticViewMonthes({
+    var _s = hooks.useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth: defaultMonth,
         defaultMonthPosition: defaultMonthPosition,
-    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
+    }), monthFrom = _s.monthFrom, monthTo = _s.monthTo, handleMonthFromChange = _s.handleMonthFromChange, handleMonthToChange = _s.handleMonthToChange;
     var handleValidInputFrom = React.useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);
@@ -143,15 +143,21 @@ var CalendarRangeStatic = function (_a) {
             period.setStart(dateFrom);
         }
         if (inputToValue !== valueTo) {
+            // eslint-disable-next-line no-nested-ternary
+            var inputDateTo = returnInvalidDates
+                ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
+                    ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
+                    : null
+                : dateTo;
             onDateToChange({
                 value: inputToValue,
-                date: dateTo,
+                date: inputDateTo,
             });
             onChange({
                 valueFrom: inputFromValue,
                 valueTo: inputToValue,
                 dateFrom: dateFrom,
-                dateTo: dateTo,
+                dateTo: inputDateTo,
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/esm/Component.d.ts

@@ -81,6 +81,10 @@ type CalendarRangeProps = {
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */
     defaultMonthPosition?: 'left' | 'right';
+    /**
+     * Возвращать невалидную дату для кастомной валидации
+     */
+    returnInvalidDates?: boolean;
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/esm/Component.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-e2d51802.js';
+import './index.module-69c70a25.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '@alfalab/core-components-calendar/esm';

package/esm/components/divider/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"calendar-range__component_9epx3","outer":"calendar-range__outer_9epx3","s":"calendar-range__s_9epx3","m":"calendar-range__m_9epx3","l":"calendar-range__l_9epx3","xl":"calendar-range__xl_9epx3"};
+var styles = {"component":"calendar-range__component_iquxi","outer":"calendar-range__outer_iquxi","s":"calendar-range__s_iquxi","m":"calendar-range__m_iquxi","l":"calendar-range__l_iquxi","xl":"calendar-range__xl_iquxi"};
 require('./index.css')
 
 var Divider = function (_a) {

package/esm/components/divider/index.css

@@ -1,4 +1,4 @@
-/* hash: jddb2 */
+/* hash: 1i8ir */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,29 +41,29 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_9epx3 {
+} .calendar-range__component_iquxi {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-} .calendar-range__component_9epx3:after {
+} .calendar-range__component_iquxi:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    } .calendar-range__outer_9epx3 {
+    } .calendar-range__outer_iquxi {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-} .calendar-range__s_9epx3 {
+} .calendar-range__s_iquxi {
     height: var(--size-s-height);
-} .calendar-range__m_9epx3 {
+} .calendar-range__m_iquxi {
     height: var(--size-m-height);
-} .calendar-range__l_9epx3 {
+} .calendar-range__l_iquxi {
     height: var(--size-l-height);
-} .calendar-range__xl_9epx3 {
+} .calendar-range__xl_iquxi {
     height: var(--size-xl-height);
 }

package/esm/index.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-e2d51802.js';
+import './index.module-69c70a25.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/esm/index.module-69c70a25.js

@@ -0,0 +1,4 @@
+var styles = {"component":"calendar-range__component_ef2px","static":"calendar-range__static_ef2px","calendar":"calendar-range__calendar_ef2px"};
+require('./views/index.css')
+
+export { styles as s };

package/esm/views/index.css

@@ -1,4 +1,4 @@
-/* hash: 2std4 */
+/* hash: 11nyt */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -36,14 +36,14 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_1c11e {
+} .calendar-range__component_ef2px {
     display: flex
-} .calendar-range__component_1c11e button[aria-selected='true'] {
+} .calendar-range__component_ef2px button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_1c11e *[class*='errorIcon_'] {
+    } .calendar-range__component_ef2px *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_1c11e *[class*='calendarIcon_'] {
+    } .calendar-range__component_ef2px *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_1c11e .calendar-range__calendar_1c11e {
+    } .calendar-range__static_ef2px .calendar-range__calendar_ef2px {
         width: var(--calendar-inner-width);
     }

package/esm/views/popover.js

@@ -7,7 +7,7 @@ import { isCompleteDateInput } from '@alfalab/core-components-date-input/esm';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-e2d51802.js';
+import { s as styles } from '../index.module-69c70a25.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
@@ -15,33 +15,33 @@ import 'date-fns/min';
 import 'date-fns/subMonths';
 
 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;
-    var _k = useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
-    var _l = useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
+    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, _k = _a.returnInvalidDates, returnInvalidDates = _k === void 0 ? false : _k, dataTestId = _a.dataTestId;
+    var _l = useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
+    var _m = useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     /**
      * Ключ для сброса календарей
      * Пользователь открыл календарь, изменил месяц, но ничего не выбрал
      * — при следующем открытии в календаре будет установлен начальный месяц
      */
-    var _m = useState(0), resetKey = _m[0], setResetKey = _m[1];
+    var _o = useState(0), resetKey = _o[0], setResetKey = _o[1];
     var dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? parseDateString(inputFromValue).getTime()
         : null;
     var dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? parseDateString(inputToValue).getTime()
         : null;
-    var _o = useState(isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _o[0], setInputFromInvalid = _o[1];
-    var _p = useState(isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _p[0], setInputToInvalid = _p[1];
+    var _p = useState(isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
+    var _q = useState(isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
     var bothInvalid = isCompleteDateInput(inputFromValue) &&
         isCompleteDateInput(inputToValue) &&
         parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
     var hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
-    var _q = usePopoverViewMonthes({
+    var _r = usePopoverViewMonthes({
         dateFrom: dateFrom,
         dateTo: dateTo,
         defaultMonth: defaultMonth,
         resetKey: resetKey,
-    }), monthFrom = _q.monthFrom, monthTo = _q.monthTo, handleMonthFromChange = _q.handleMonthFromChange, handleMonthToChange = _q.handleMonthToChange;
+    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
     var handleValidInputFrom = useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays));
     }, [inputFromValue, maxDate, minDate, offDays]);
@@ -94,11 +94,17 @@ var CalendarRangePopover = function (_a) {
     }, [inputFromValue]);
     useDidUpdateEffect(function () {
         onDateToChange({ value: inputToValue, date: dateTo });
+        // eslint-disable-next-line no-nested-ternary
+        var inputDateTo = returnInvalidDates
+            ? isCompleteDateInput(inputToValue)
+                ? parseDateString(inputToValue).getTime()
+                : null
+            : dateTo;
         onChange({
             valueFrom: inputFromValue,
             valueTo: inputToValue,
             dateFrom: dateFrom,
-            dateTo: dateTo,
+            dateTo: inputDateTo,
         });
         if (!inputToValue || isCompleteDateInput(inputToValue)) {
             handleValidInputTo();

package/esm/views/static.js

@@ -13,44 +13,44 @@ 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-e2d51802.js';
+import { s as styles } from '../index.module-69c70a25.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;
-    var _l = useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
-    var _m = useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
+    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, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId;
+    var _m = useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
+    var _o = useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
     var dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? parseDateString(inputFromValue).getTime()
         : null;
     var dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? parseDateString(inputToValue).getTime()
         : null;
-    if (isCompleteDateInput(inputToValue) && !dateTo) {
+    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
         dateFrom = null;
     }
     var bothInvalid = isCompleteDateInput(inputFromValue) &&
         isCompleteDateInput(inputToValue) &&
         parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
-    var _o = useState(undefined), highlightedDate = _o[0], setHighlightedDate = _o[1];
+    var _p = useState(undefined), highlightedDate = _p[0], setHighlightedDate = _p[1];
     var period = usePeriodWithReset({
         initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,
         initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,
     });
     var validateInputFromValue = useCallback(function (value) { return isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
     var validateInputToValue = useCallback(function (value) { return isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _p = useState(isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
-    var _q = useState(isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
+    var _q = useState(isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _q[0], setInputFromInvalid = _q[1];
+    var _r = useState(isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _r[0], setInputToInvalid = _r[1];
     var hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
     var calendarFromProps = inputFromProps.calendarProps, onInputChangeFrom = inputFromProps.onInputChange, dateInputFromProps = __rest(inputFromProps, ["calendarProps", "onInputChange"]);
     var calendarToProps = inputToProps.calendarProps, onInputChangeTo = inputToProps.onInputChange, dateInputToProps = __rest(inputToProps, ["calendarProps", "onInputChange"]);
-    var _r = useStaticViewMonthes({
+    var _s = useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth: defaultMonth,
         defaultMonthPosition: defaultMonthPosition,
-    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
+    }), monthFrom = _s.monthFrom, monthTo = _s.monthTo, handleMonthFromChange = _s.handleMonthFromChange, handleMonthToChange = _s.handleMonthToChange;
     var handleValidInputFrom = useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);
@@ -126,15 +126,21 @@ var CalendarRangeStatic = function (_a) {
             period.setStart(dateFrom);
         }
         if (inputToValue !== valueTo) {
+            // eslint-disable-next-line no-nested-ternary
+            var inputDateTo = returnInvalidDates
+                ? isCompleteDateInput(inputToValue)
+                    ? parseDateString(inputToValue).getTime()
+                    : null
+                : dateTo;
             onDateToChange({
                 value: inputToValue,
-                date: dateTo,
+                date: inputDateTo,
             });
             onChange({
                 valueFrom: inputFromValue,
                 valueTo: inputToValue,
                 dateFrom: dateFrom,
-                dateTo: dateTo,
+                dateTo: inputDateTo,
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/index.js

@@ -18,7 +18,7 @@ require('date-fns/isEqual');
 require('date-fns/max');
 require('date-fns/min');
 require('date-fns/subMonths');
-require('./index.module-c07e0822.js');
+require('./index.module-9935cceb.js');
 require('./views/static.js');
 require('date-fns/endOfMonth');
 require('date-fns/isSameMonth');

package/index.module-9935cceb.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"component":"calendar-range__component_ef2px","static":"calendar-range__static_ef2px","calendar":"calendar-range__calendar_ef2px"};
+require('./views/index.css')
+
+exports.styles = styles;

package/modern/Component.d.ts

@@ -81,6 +81,10 @@ type CalendarRangeProps = {
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */
     defaultMonthPosition?: 'left' | 'right';
+    /**
+     * Возвращать невалидную дату для кастомной валидации
+     */
+    returnInvalidDates?: boolean;
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/modern/Component.js

@@ -13,7 +13,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-d44c552d.js';
+import './index.module-9c5da023.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '@alfalab/core-components-calendar/modern';

package/modern/components/divider/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"calendar-range__component_9epx3","outer":"calendar-range__outer_9epx3","s":"calendar-range__s_9epx3","m":"calendar-range__m_9epx3","l":"calendar-range__l_9epx3","xl":"calendar-range__xl_9epx3"};
+const styles = {"component":"calendar-range__component_iquxi","outer":"calendar-range__outer_iquxi","s":"calendar-range__s_iquxi","m":"calendar-range__m_iquxi","l":"calendar-range__l_iquxi","xl":"calendar-range__xl_iquxi"};
 require('./index.css')
 
 const Divider = ({ inputFromProps, inputToProps }) => {

package/modern/components/divider/index.css

@@ -1,4 +1,4 @@
-/* hash: jddb2 */
+/* hash: 1i8ir */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,29 +41,29 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_9epx3 {
+} .calendar-range__component_iquxi {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     margin: 0 var(--gap-xs)
-} .calendar-range__component_9epx3:after {
+} .calendar-range__component_iquxi:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
-    } .calendar-range__outer_9epx3 {
+    } .calendar-range__outer_iquxi {
     position: relative;
 
     /* FormControl .above height + margin-bottom */
     top: 24px;
-} .calendar-range__s_9epx3 {
+} .calendar-range__s_iquxi {
     height: var(--size-s-height);
-} .calendar-range__m_9epx3 {
+} .calendar-range__m_iquxi {
     height: var(--size-m-height);
-} .calendar-range__l_9epx3 {
+} .calendar-range__l_iquxi {
     height: var(--size-l-height);
-} .calendar-range__xl_9epx3 {
+} .calendar-range__xl_iquxi {
     height: var(--size-xl-height);
 }

package/modern/index.js

@@ -13,7 +13,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-d44c552d.js';
+import './index.module-9c5da023.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/modern/index.module-9c5da023.js

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

package/modern/views/index.css

@@ -1,4 +1,4 @@
-/* hash: 2std4 */
+/* hash: 11nyt */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -36,14 +36,14 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_1c11e {
+} .calendar-range__component_ef2px {
     display: flex
-} .calendar-range__component_1c11e button[aria-selected='true'] {
+} .calendar-range__component_ef2px button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_1c11e *[class*='errorIcon_'] {
+    } .calendar-range__component_ef2px *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_1c11e *[class*='calendarIcon_'] {
+    } .calendar-range__component_ef2px *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_1c11e .calendar-range__calendar_1c11e {
+    } .calendar-range__static_ef2px .calendar-range__calendar_ef2px {
         width: var(--calendar-inner-width);
     }

package/modern/views/popover.js

@@ -6,14 +6,14 @@ import { isCompleteDateInput } from '@alfalab/core-components-date-input/modern'
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-d44c552d.js';
+import { s as styles } from '../index.module-9c5da023.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
 
-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 CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);
     const [inputToValue, setInputToValue] = useState(valueTo);
     /**
@@ -90,11 +90,17 @@ const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date(
     }, [inputFromValue]);
     useDidUpdateEffect(() => {
         onDateToChange({ value: inputToValue, date: dateTo });
+        // eslint-disable-next-line no-nested-ternary
+        const inputDateTo = returnInvalidDates
+            ? isCompleteDateInput(inputToValue)
+                ? parseDateString(inputToValue).getTime()
+                : null
+            : dateTo;
         onChange({
             valueFrom: inputFromValue,
             valueTo: inputToValue,
             dateFrom,
-            dateTo,
+            dateTo: inputDateTo,
         });
         if (!inputToValue || isCompleteDateInput(inputToValue)) {
             handleValidInputTo();

package/modern/views/static.js

@@ -12,12 +12,12 @@ 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-d44c552d.js';
+import { s as styles } from '../index.module-9c5da023.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, }) => {
+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, returnInvalidDates = false, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);
     const [inputToValue, setInputToValue] = useState(valueTo);
     let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -26,7 +26,7 @@ const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()
     const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? parseDateString(inputToValue).getTime()
         : null;
-    if (isCompleteDateInput(inputToValue) && !dateTo) {
+    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
         dateFrom = null;
     }
     const bothInvalid = isCompleteDateInput(inputFromValue) &&
@@ -125,15 +125,21 @@ const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()
             period.setStart(dateFrom);
         }
         if (inputToValue !== valueTo) {
+            // eslint-disable-next-line no-nested-ternary
+            const inputDateTo = returnInvalidDates
+                ? isCompleteDateInput(inputToValue)
+                    ? parseDateString(inputToValue).getTime()
+                    : null
+                : dateTo;
             onDateToChange({
                 value: inputToValue,
-                date: dateTo,
+                date: inputDateTo,
             });
             onChange({
                 valueFrom: inputFromValue,
                 valueTo: inputToValue,
                 dateFrom,
-                dateTo,
+                dateTo: inputDateTo,
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-range",
-    "version": "7.0.32",
+    "version": "7.1.0",
     "description": "Calendar range component",
     "keywords": [],
     "license": "MIT",

package/utils.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isDayButton = function (node) { return node && node.tagName === 'BUTTON' && node.dataset.date; };
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
 
 exports.isDayButton = isDayButton;

package/views/index.css

@@ -1,4 +1,4 @@
-/* hash: 2std4 */
+/* hash: 11nyt */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -36,14 +36,14 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_1c11e {
+} .calendar-range__component_ef2px {
     display: flex
-} .calendar-range__component_1c11e button[aria-selected='true'] {
+} .calendar-range__component_ef2px button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_1c11e *[class*='errorIcon_'] {
+    } .calendar-range__component_ef2px *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_1c11e *[class*='calendarIcon_'] {
+    } .calendar-range__component_ef2px *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_1c11e .calendar-range__calendar_1c11e {
+    } .calendar-range__static_ef2px .calendar-range__calendar_ef2px {
         width: var(--calendar-inner-width);
     }

package/views/popover.js

@@ -11,7 +11,7 @@ var coreComponentsDateInput = require('@alfalab/core-components-date-input');
 var hooks$1 = require('@alfalab/hooks');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
-var index_module = require('../index.module-c07e0822.js');
+var index_module = require('../index.module-9935cceb.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
@@ -25,33 +25,33 @@ 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 _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
-    var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
+    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, _k = _a.returnInvalidDates, returnInvalidDates = _k === void 0 ? false : _k, 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 _m = React.useState(0), resetKey = _m[0], setResetKey = _m[1];
+    var _o = React.useState(0), resetKey = _o[0], setResetKey = _o[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
         : null;
     var dateTo = coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
         : null;
-    var _o = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _o[0], setInputFromInvalid = _o[1];
-    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _p[0], setInputToInvalid = _p[1];
+    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
+    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
     var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
         coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
         coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
     var hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
-    var _q = hooks.usePopoverViewMonthes({
+    var _r = hooks.usePopoverViewMonthes({
         dateFrom: dateFrom,
         dateTo: dateTo,
         defaultMonth: defaultMonth,
         resetKey: resetKey,
-    }), monthFrom = _q.monthFrom, monthTo = _q.monthTo, handleMonthFromChange = _q.handleMonthFromChange, handleMonthToChange = _q.handleMonthToChange;
+    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
     var handleValidInputFrom = React.useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays));
     }, [inputFromValue, maxDate, minDate, offDays]);
@@ -104,11 +104,17 @@ var CalendarRangePopover = function (_a) {
     }, [inputFromValue]);
     hooks$1.useDidUpdateEffect(function () {
         onDateToChange({ value: inputToValue, date: dateTo });
+        // eslint-disable-next-line no-nested-ternary
+        var inputDateTo = returnInvalidDates
+            ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
+                ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
+                : null
+            : dateTo;
         onChange({
             valueFrom: inputFromValue,
             valueTo: inputToValue,
             dateFrom: dateFrom,
-            dateTo: dateTo,
+            dateTo: inputDateTo,
         });
         if (!inputToValue || coreComponentsDateInput.isCompleteDateInput(inputToValue)) {
             handleValidInputTo();

package/views/static.js

@@ -17,7 +17,7 @@ var coreComponentsDateInput = require('@alfalab/core-components-date-input');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-var index_module = require('../index.module-c07e0822.js');
+var index_module = require('../index.module-9935cceb.js');
 require('date-fns/isEqual');
 require('date-fns/min');
 
@@ -33,39 +33,39 @@ 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 _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
-    var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
+    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, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId;
+    var _m = React.useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
+    var _o = React.useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
         : null;
     var dateTo = coreComponentsCalendarInput.isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
         : null;
-    if (coreComponentsDateInput.isCompleteDateInput(inputToValue) && !dateTo) {
+    if (coreComponentsDateInput.isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
         dateFrom = null;
     }
     var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
         coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
         coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
-    var _o = React.useState(undefined), highlightedDate = _o[0], setHighlightedDate = _o[1];
+    var _p = React.useState(undefined), highlightedDate = _p[0], setHighlightedDate = _p[1];
     var period = coreComponentsCalendar.usePeriodWithReset({
         initialSelectedFrom: dateFrom ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() : undefined,
         initialSelectedTo: dateTo ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime() : undefined,
     });
     var validateInputFromValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
     var validateInputToValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _p = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
-    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _q[0], setInputToInvalid = _q[1];
+    var _q = React.useState(coreComponentsDateInput.isCompleteDateInput(inputFromValue) && dateFrom === null), inputFromInvalid = _q[0], setInputFromInvalid = _q[1];
+    var _r = React.useState(coreComponentsDateInput.isCompleteDateInput(inputToValue) && dateTo === null), inputToInvalid = _r[0], setInputToInvalid = _r[1];
     var hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
     var calendarFromProps = inputFromProps.calendarProps, onInputChangeFrom = inputFromProps.onInputChange, dateInputFromProps = tslib.__rest(inputFromProps, ["calendarProps", "onInputChange"]);
     var calendarToProps = inputToProps.calendarProps, onInputChangeTo = inputToProps.onInputChange, dateInputToProps = tslib.__rest(inputToProps, ["calendarProps", "onInputChange"]);
-    var _r = hooks.useStaticViewMonthes({
+    var _s = hooks.useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth: defaultMonth,
         defaultMonthPosition: defaultMonthPosition,
-    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
+    }), monthFrom = _s.monthFrom, monthTo = _s.monthTo, handleMonthFromChange = _s.handleMonthFromChange, handleMonthToChange = _s.handleMonthToChange;
     var handleValidInputFrom = React.useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);
@@ -141,15 +141,21 @@ var CalendarRangeStatic = function (_a) {
             period.setStart(dateFrom);
         }
         if (inputToValue !== valueTo) {
+            // eslint-disable-next-line no-nested-ternary
+            var inputDateTo = returnInvalidDates
+                ? coreComponentsDateInput.isCompleteDateInput(inputToValue)
+                    ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime()
+                    : null
+                : dateTo;
             onDateToChange({
                 value: inputToValue,
-                date: dateTo,
+                date: inputDateTo,
             });
             onChange({
                 valueFrom: inputFromValue,
                 valueTo: inputToValue,
                 dateFrom: dateFrom,
-                dateTo: dateTo,
+                dateTo: inputDateTo,
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/esm/index.module-e2d51802.js

@@ -1,4 +0,0 @@
-var styles = {"component":"calendar-range__component_1c11e","static":"calendar-range__static_1c11e","calendar":"calendar-range__calendar_1c11e"};
-require('./views/index.css')
-
-export { styles as s };

package/index.module-c07e0822.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {"component":"calendar-range__component_1c11e","static":"calendar-range__static_1c11e","calendar":"calendar-range__calendar_1c11e"};
-require('./views/index.css')
-
-exports.styles = styles;

package/modern/index.module-d44c552d.js

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