willba-component-library 0.2.58 → 0.2.60

package/lib/components/FilterCalendar/FilterCalendar.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import '../../themes/Default.css';
 import { FilterCalendarTypes } from './FilterCalendarTypes';
 import './FilterCalendar.css';
-export default function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, showFeedback, noActiveSelection, rangeContext, }: FilterCalendarTypes): React.JSX.Element;
+export default function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, showFeedback, noActiveSelection, rangeContext: outerRangeContext, }: FilterCalendarTypes): React.JSX.Element;

package/lib/components/FilterCalendar/hooks/useFilterCalendar.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 import { DateRange, Matcher } from 'react-day-picker';
+import { RangeContext } from 'src/core/components/calendar/CalendarTypes';
 type Props = {
     onSubmit: (val: any) => void;
     setToggleCalendar: (val: boolean) => void;
     noActiveSelection?: boolean;
     toggleCalendar?: boolean;
+    outerRangeContext?: RangeContext;
 };
-export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActiveSelection, toggleCalendar, }: Props) => {
+export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActiveSelection, toggleCalendar, outerRangeContext, }: Props) => {
     handleSubmit: () => void;
     handleClearDates: () => void;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
@@ -15,9 +17,10 @@ export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActive
     calendarRange: DateRange | undefined;
     disabledDates: Matcher[];
     updateCalendarMonthNavigation: boolean;
-    updateCalendarDefaultMoth: number;
+    updateCalendarDefaultMonth: number;
     calendarHasError: boolean;
     setCalendarHasError: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setUpdatedForSubmit: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    rangeContext: RangeContext | undefined;
 };
 export {};

package/lib/core/components/calendar/CalendarTypes.d.ts

@@ -38,7 +38,7 @@ export type CalendarTypes = {
     palette?: Palette;
     updateCalendarMonthNavigation?: boolean;
     setUpdateCalendarMonthNavigation?: (arg: (prev: boolean) => boolean) => void;
-    updateCalendarDefaultMoth?: number;
+    updateCalendarDefaultMonth?: number;
     setCalendarHasError?: (arg: boolean) => void;
     setUpdatedForSubmit?: (arg: boolean) => void;
     rangeContext?: RangeContext;

package/lib/core/components/calendar/hooks/useCalendarLoadingSpinner.d.ts

@@ -1,7 +1,5 @@
 type Props = {
     loadingData?: boolean;
-    updateCalendarMonthNavigation?: boolean;
-    updateCalendarDefaultMoth?: number;
 };
-export declare const useCalendarLoadingSpinner: ({ loadingData, updateCalendarMonthNavigation, updateCalendarDefaultMoth, }: Props) => void;
+export declare const useCalendarLoadingSpinner: ({ loadingData }: Props) => void;
 export {};

package/lib/core/components/calendar/hooks/useCalendarTooltips.d.ts

@@ -1,10 +1,5 @@
-import { DateRange } from 'react-day-picker';
 type Props = {
-    calendarRange?: DateRange;
-    updateCalendarMonthNavigation?: boolean;
-    overlappingDate?: DateRange[];
-    updateCalendarDefaultMoth?: number;
     showFeedback?: boolean;
 };
-export declare const useCalendarTooltips: ({ calendarRange, updateCalendarMonthNavigation, overlappingDate, updateCalendarDefaultMoth, showFeedback, }: Props) => void;
+export declare const useCalendarTooltips: ({ showFeedback }: Props) => void;
 export {};

package/lib/core/components/calendar/hooks/useUpdateDisabledDates.d.ts

@@ -4,9 +4,9 @@ type Props = {
     disableCalendarDates?: DisableCalendarDates;
     calendarRange?: DateRange;
     updateCalendarMonthNavigation?: boolean;
-    updateCalendarDefaultMoth?: number;
+    updateCalendarDefaultMonth?: number;
 };
-export declare const useUpdateDisabledDates: ({ disableCalendarDates, calendarRange, updateCalendarMonthNavigation, updateCalendarDefaultMoth, }: Props) => {
+export declare const useUpdateDisabledDates: ({ disableCalendarDates, calendarRange, updateCalendarMonthNavigation, updateCalendarDefaultMonth, }: Props) => {
     newDisableCalendarDates: DisableCalendarDates | undefined;
     overlappingDate: DateRange[] | undefined;
 };

package/lib/core/components/calendar/utils/handleCalendarModifiers.d.ts

@@ -25,11 +25,11 @@ export declare const handleCalendarModifiers: ({ newDisableCalendarDates, calend
         from: Date | undefined;
     }[];
     noActiveSelectionStart: never[] | Date;
+    noActiveSelectionEnd: never[] | Date;
     noActiveSelectionMid: {
         from: Date;
         to: Date;
     }[];
-    noActiveSelectionEnd: never[] | Date;
     checkoutOptionsMid: {
         after: Date;
         before: Date;

package/lib/index.d.ts

@@ -72,7 +72,7 @@ type CalendarTypes = {
     palette?: Palette;
     updateCalendarMonthNavigation?: boolean;
     setUpdateCalendarMonthNavigation?: (arg: (prev: boolean) => boolean) => void;
-    updateCalendarDefaultMoth?: number;
+    updateCalendarDefaultMonth?: number;
     setCalendarHasError?: (arg: boolean) => void;
     setUpdatedForSubmit?: (arg: boolean) => void;
     rangeContext?: RangeContext;
@@ -122,6 +122,6 @@ interface FilterCalendarTypes extends Partial<CalendarTypes> {
     setToggleCalendar: (val: boolean) => void;
 }
 
-declare function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, showFeedback, noActiveSelection, rangeContext, }: FilterCalendarTypes): React.JSX.Element;
+declare function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, showFeedback, noActiveSelection, rangeContext: outerRangeContext, }: FilterCalendarTypes): React.JSX.Element;
 
 export { Button, FilterBar, FilterCalendar, FilterCalendarTypes, Tab };

package/lib/index.esm.js

@@ -10978,6 +10978,8 @@ var calendarSelectionRules = function (_a) {
         ? endOfDay(rangeContext.from)
         : null;
     var rangeContextTo = (rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.to) ? endOfDay(rangeContext.to) : null;
+    // When some dates are not available for selection, the earliest date will be available only for "end"
+    // and the latest date will only be available for "start"
     var overlappingDateFrom = (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.length)
         ? overlappingDate.find(function (date) {
             return !!(date.from && rangeFrom)
@@ -10985,6 +10987,12 @@ var calendarSelectionRules = function (_a) {
                 : false;
         })
         : null;
+    var overlappingDateTo = (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.length)
+        ? overlappingDate.find(function (date) {
+            return !!(date.from && rangeTo) ? isEqual(endOfDay(date.from), rangeTo) : false;
+        })
+        : null;
+    //----------
     var checkOutRange = ((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates) === null || _b === void 0 ? void 0 : _b.length)
         ? newDisableCalendarDates.availableDates.find(function (checkInDate) {
             return !!(checkInDate.checkIn && rangeFrom)
@@ -11002,7 +11010,8 @@ var calendarSelectionRules = function (_a) {
     // Calendar selection rules: The cases are handled sequentially, starting from simple selections to more complex contextual selections.
     // The rules are processed in a specific order, so one case is handled before another.
     // Changing the order will cause the rules to break or not work properly.
-    if (!!overlappingDateFrom) {
+    if (!!overlappingDateFrom ||
+        (calendarRangeFrom && calendarRangeTo && overlappingDateTo)) {
         // 1. If dates overlap, clear the selection.
         return setCalendarRange(undefined);
     }
@@ -11123,24 +11132,26 @@ var handleCalendarModifiers = function (_a) {
         disabledAfterCheckIn: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from)
             ? [{ after: calendarRange.from }]
             : [],
-        overlappingDate: __spreadArray$1([], __read((!(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) && !!(overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.length) && !rangeContext
+        overlappingDate: __spreadArray$1([], __read((!(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) && !!(overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.length)
             ? overlappingDate.map(function (date) { return ({ from: date.from }); })
             : [])), false),
         noActiveSelectionStart: (rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from) &&
-            !((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) &&
-                (rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from) &&
-                isEqual(endOfDay(rangeContext.from), endOfDay(calendarRange.from)))
+            !(((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) &&
+                isEqual(endOfDay(rangeContext.from), endOfDay(calendarRange.from))) ||
+                ((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) &&
+                    isEqual(endOfDay(rangeContext.from), endOfDay(calendarRange.to))))
             ? rangeContext.from
             : [],
-        noActiveSelectionMid: __spreadArray$1([], __read((rangeContextMiddleSelection.length
-            ? rangeContextMiddleSelection
-            : [])), false),
         noActiveSelectionEnd: (rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.to) &&
-            !((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) &&
-                (rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.to) &&
-                isEqual(endOfDay(rangeContext.to), endOfDay(calendarRange.from)))
+            !(((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) &&
+                isEqual(endOfDay(rangeContext.to), endOfDay(calendarRange.from))) ||
+                ((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) &&
+                    isEqual(endOfDay(rangeContext.to), endOfDay(calendarRange.to))))
             ? rangeContext.to
             : [],
+        noActiveSelectionMid: __spreadArray$1([], __read((rangeContextMiddleSelection.length
+            ? rangeContextMiddleSelection
+            : [])), false),
         checkoutOptionsMid: __spreadArray$1([], __read(((calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) &&
             !(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) &&
             (currentSelectionLastCheckoutDate === null || currentSelectionLastCheckoutDate === void 0 ? void 0 : currentSelectionLastCheckoutDate.lastCheckOut)
@@ -11243,7 +11254,7 @@ var checkForContinuousSelection = function (_a) {
 };
 
 var useCalendarTooltips = function (_a) {
-    var calendarRange = _a.calendarRange, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, overlappingDate = _a.overlappingDate, updateCalendarDefaultMoth = _a.updateCalendarDefaultMoth, showFeedback = _a.showFeedback;
+    var showFeedback = _a.showFeedback;
     return useEffect(function () {
         if (typeof document === 'undefined' || !showFeedback)
             return;
@@ -11310,16 +11321,11 @@ var useCalendarTooltips = function (_a) {
             tooltipClonesSpinner.forEach(function (clone) { return clone.remove(); });
             tooltipClonesOverlappingDates.forEach(function (clone) { return clone.remove(); });
         };
-    }, [
-        calendarRange,
-        updateCalendarMonthNavigation,
-        overlappingDate,
-        updateCalendarDefaultMoth,
-    ]);
+    });
 };
 
 var useCalendarLoadingSpinner = function (_a) {
-    var loadingData = _a.loadingData, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, updateCalendarDefaultMoth = _a.updateCalendarDefaultMoth;
+    var loadingData = _a.loadingData;
     return useEffect(function () {
         if (typeof document === 'undefined')
             return;
@@ -11332,11 +11338,11 @@ var useCalendarLoadingSpinner = function (_a) {
             if (loadingSpinner)
                 loadingSpinner.style.display = 'none';
         }
-    }, [loadingData, updateCalendarMonthNavigation, updateCalendarDefaultMoth]);
+    });
 };
 
 var useUpdateDisabledDates = function (_a) {
-    var disableCalendarDates = _a.disableCalendarDates, calendarRange = _a.calendarRange, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, updateCalendarDefaultMoth = _a.updateCalendarDefaultMoth;
+    var disableCalendarDates = _a.disableCalendarDates, calendarRange = _a.calendarRange, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, updateCalendarDefaultMonth = _a.updateCalendarDefaultMonth;
     var _b = __read(useState(undefined), 2), overlappingDate = _b[0], setOverlappingDate = _b[1];
     var newDisableCalendarDates = useMemo(function () {
         if (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.availableDates) {
@@ -11380,7 +11386,7 @@ var useUpdateDisabledDates = function (_a) {
         disableCalendarDates,
         calendarRange,
         updateCalendarMonthNavigation,
-        updateCalendarDefaultMoth,
+        updateCalendarDefaultMonth,
     ]);
     return { newDisableCalendarDates: newDisableCalendarDates, overlappingDate: overlappingDate };
 };
@@ -11393,7 +11399,7 @@ styleInject(css_248z$8);
 
 var Calendar = forwardRef(function (_a, ref) {
     var _b, _c;
-    var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, setDisabledDates = _a.setDisabledDates, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation = _a.setUpdateCalendarMonthNavigation, updateCalendarDefaultMoth = _a.updateCalendarDefaultMoth, loadingData = _a.loadingData, showFeedback = _a.showFeedback, palette = _a.palette, setCalendarHasError = _a.setCalendarHasError, setUpdatedForSubmit = _a.setUpdatedForSubmit, rangeContext = _a.rangeContext, calendarHasError = _a.calendarHasError;
+    var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, setDisabledDates = _a.setDisabledDates, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation = _a.setUpdateCalendarMonthNavigation, updateCalendarDefaultMonth = _a.updateCalendarDefaultMonth, loadingData = _a.loadingData, showFeedback = _a.showFeedback, palette = _a.palette, setCalendarHasError = _a.setCalendarHasError, setUpdatedForSubmit = _a.setUpdatedForSubmit, rangeContext = _a.rangeContext, calendarHasError = _a.calendarHasError;
     // Translations
     var t = useTranslation('common').t;
     var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
@@ -11405,7 +11411,7 @@ var Calendar = forwardRef(function (_a, ref) {
         disableCalendarDates: disableCalendarDates,
         calendarRange: calendarRange,
         updateCalendarMonthNavigation: updateCalendarMonthNavigation,
-        updateCalendarDefaultMoth: updateCalendarDefaultMoth,
+        updateCalendarDefaultMonth: updateCalendarDefaultMonth,
     }), newDisableCalendarDates = _d.newDisableCalendarDates, overlappingDate = _d.overlappingDate;
     // Handle disable dates by page
     var disabledDatesByPage$1 = disabledDatesByPage({
@@ -11415,17 +11421,11 @@ var Calendar = forwardRef(function (_a, ref) {
     });
     // Handle tooltip
     useCalendarTooltips({
-        calendarRange: calendarRange,
-        updateCalendarMonthNavigation: updateCalendarMonthNavigation,
-        overlappingDate: overlappingDate,
-        updateCalendarDefaultMoth: updateCalendarDefaultMoth,
         showFeedback: showFeedback,
     });
     // Handle loading spinner
     useCalendarLoadingSpinner({
         loadingData: loadingData,
-        updateCalendarMonthNavigation: updateCalendarMonthNavigation,
-        updateCalendarDefaultMoth: updateCalendarDefaultMoth,
     });
     // Handle the date selection and availability for selection logic.
     var handleOnSelect = function (range) {
@@ -11457,7 +11457,7 @@ var Calendar = forwardRef(function (_a, ref) {
     });
     return (React__default__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
         React__default__default.createElement("div", { className: "will-calendar-filter-container" },
-            React__default__default.createElement(DayPicker, { key: updateCalendarDefaultMoth, id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) { return handleOnSelect(range); }, captionLayout: "dropdown-buttons", defaultMonth: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) ||
+            React__default__default.createElement(DayPicker, { key: updateCalendarDefaultMonth, id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) { return handleOnSelect(range); }, captionLayout: "dropdown-buttons", defaultMonth: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) ||
                     selectedStartDate ||
                     rangeContextStartDate ||
                     (((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
@@ -11883,15 +11883,16 @@ var AGE_CATEGORIES_FALLBACK = [
 var REDIRECT_URL_FALLBACK = 'http://localhost:3000/';
 
 var useFilterCalendar = function (_a) {
-    var onSubmit = _a.onSubmit, setToggleCalendar = _a.setToggleCalendar, noActiveSelection = _a.noActiveSelection, toggleCalendar = _a.toggleCalendar;
+    var onSubmit = _a.onSubmit, setToggleCalendar = _a.setToggleCalendar, noActiveSelection = _a.noActiveSelection, toggleCalendar = _a.toggleCalendar, outerRangeContext = _a.outerRangeContext;
     // State
     var _b = __read(useState(), 2), calendarRange = _b[0], setCalendarRange = _b[1];
-    var _c = __read(useState(), 2), initialCalendarRange = _c[0], setInitialCalendarRange = _c[1];
-    var _d = __read(useState([]), 2), disabledDates = _d[0], setDisabledDates = _d[1];
-    var _e = __read(useState(false), 2), updateCalendarMonthNavigation = _e[0], setUpdateCalendarMonthNavigation = _e[1];
-    var _f = __read(useState(0), 2), updateCalendarDefaultMoth = _f[0], setUpdateCalendarDefaultMoth = _f[1];
-    var _g = __read(useState(false), 2), calendarHasError = _g[0], setCalendarHasError = _g[1];
-    var _h = __read(useState(false), 2), updatedForSubmit = _h[0], setUpdatedForSubmit = _h[1];
+    var _c = __read(useState(outerRangeContext), 2), rangeContext = _c[0], setRangeContext = _c[1];
+    var _d = __read(useState(), 2), initialCalendarRange = _d[0], setInitialCalendarRange = _d[1];
+    var _e = __read(useState([]), 2), disabledDates = _e[0], setDisabledDates = _e[1];
+    var _f = __read(useState(false), 2), updateCalendarMonthNavigation = _f[0], setUpdateCalendarMonthNavigation = _f[1];
+    var _g = __read(useState(0), 2), updateCalendarDefaultMonth = _g[0], setUpdateCalendarDefaultMonth = _g[1];
+    var _h = __read(useState(false), 2), calendarHasError = _h[0], setCalendarHasError = _h[1];
+    var _j = __read(useState(false), 2), updatedForSubmit = _j[0], setUpdatedForSubmit = _j[1];
     // Lifecycle
     useEffect(function () {
         if (typeof window === 'undefined')
@@ -11902,8 +11903,9 @@ var useFilterCalendar = function (_a) {
         if (startDateParam && endDateParam) {
             if (noActiveSelection) {
                 handleClearDates();
-                setUpdateCalendarDefaultMoth(function (prev) { return prev + 1; });
+                setUpdateCalendarDefaultMonth(function (prev) { return prev + 1; });
                 setUpdatedForSubmit(false);
+                setRangeContext(outerRangeContext);
                 setInitialCalendarRange({
                     from: new Date(startDateParam),
                     to: new Date(endDateParam),
@@ -11965,10 +11967,11 @@ var useFilterCalendar = function (_a) {
         calendarRange: calendarRange,
         disabledDates: disabledDates,
         updateCalendarMonthNavigation: updateCalendarMonthNavigation,
-        updateCalendarDefaultMoth: updateCalendarDefaultMoth,
+        updateCalendarDefaultMonth: updateCalendarDefaultMonth,
         calendarHasError: calendarHasError,
         setCalendarHasError: setCalendarHasError,
         setUpdatedForSubmit: setUpdatedForSubmit,
+        rangeContext: rangeContext,
     };
 };
 
@@ -11976,7 +11979,7 @@ var css_248z = ".will-root .will-calendar-wrapper {\n    box-shadow: var(--will-
 styleInject(css_248z);
 
 function FilterCalendar(_a) {
-    var calendarOffset = _a.calendarOffset, language = _a.language, palette = _a.palette, onSubmit = _a.onSubmit, disableCalendarDates = _a.disableCalendarDates, toggleCalendar = _a.toggleCalendar, loadingData = _a.loadingData, setToggleCalendar = _a.setToggleCalendar, requestDates = _a.requestDates, showFeedback = _a.showFeedback, noActiveSelection = _a.noActiveSelection, rangeContext = _a.rangeContext;
+    var calendarOffset = _a.calendarOffset, language = _a.language, palette = _a.palette, onSubmit = _a.onSubmit, disableCalendarDates = _a.disableCalendarDates, toggleCalendar = _a.toggleCalendar, loadingData = _a.loadingData, setToggleCalendar = _a.setToggleCalendar, requestDates = _a.requestDates, showFeedback = _a.showFeedback, noActiveSelection = _a.noActiveSelection, outerRangeContext = _a.rangeContext;
     var themePalette = useTheme({ palette: palette });
     // Translations
     useUpdateTranslations({ language: language });
@@ -11986,7 +11989,8 @@ function FilterCalendar(_a) {
         setToggleCalendar: setToggleCalendar,
         noActiveSelection: noActiveSelection,
         toggleCalendar: toggleCalendar,
-    }), setCalendarRange = _b.setCalendarRange, handleClearDates = _b.handleClearDates, calendarRange = _b.calendarRange, disabledDates = _b.disabledDates, setDisabledDates = _b.setDisabledDates, updateCalendarMonthNavigation = _b.updateCalendarMonthNavigation, updateCalendarDefaultMoth = _b.updateCalendarDefaultMoth, setUpdateCalendarMonthNavigation = _b.setUpdateCalendarMonthNavigation, calendarHasError = _b.calendarHasError, setCalendarHasError = _b.setCalendarHasError, setUpdatedForSubmit = _b.setUpdatedForSubmit;
+        outerRangeContext: outerRangeContext,
+    }), setCalendarRange = _b.setCalendarRange, handleClearDates = _b.handleClearDates, calendarRange = _b.calendarRange, disabledDates = _b.disabledDates, setDisabledDates = _b.setDisabledDates, updateCalendarMonthNavigation = _b.updateCalendarMonthNavigation, updateCalendarDefaultMonth = _b.updateCalendarDefaultMonth, setUpdateCalendarMonthNavigation = _b.setUpdateCalendarMonthNavigation, calendarHasError = _b.calendarHasError, setCalendarHasError = _b.setCalendarHasError, setUpdatedForSubmit = _b.setUpdatedForSubmit, rangeContext = _b.rangeContext;
     // Display component after fully loaded
     useAwaitRender();
     // Handle close filter section
@@ -12001,7 +12005,7 @@ function FilterCalendar(_a) {
             React__default__default.createElement("h2", null, t('filterBar:calendar.title')),
             React__default__default.createElement(CloseButton, { handleClose: function () { return setToggleCalendar(false); } })),
         React__default__default.createElement("div", { className: "will-calendar-main" },
-            React__default__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, calendarOffset: calendarOffset, selectedPath: '/rooms', language: language, disableCalendarDates: disableCalendarDates, requestDates: requestDates, disabledDates: disabledDates, setDisabledDates: setDisabledDates, updateCalendarMonthNavigation: updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation, updateCalendarDefaultMoth: updateCalendarDefaultMoth, loadingData: loadingData, showFeedback: showFeedback, noActiveSelection: noActiveSelection, palette: palette, setCalendarHasError: setCalendarHasError, setUpdatedForSubmit: setUpdatedForSubmit, rangeContext: rangeContext, calendarHasError: calendarHasError })),
+            React__default__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, calendarOffset: calendarOffset, selectedPath: '/rooms', language: language, disableCalendarDates: disableCalendarDates, requestDates: requestDates, disabledDates: disabledDates, setDisabledDates: setDisabledDates, updateCalendarMonthNavigation: updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation, updateCalendarDefaultMonth: updateCalendarDefaultMonth, loadingData: loadingData, showFeedback: showFeedback, noActiveSelection: noActiveSelection, palette: palette, setCalendarHasError: setCalendarHasError, setUpdatedForSubmit: setUpdatedForSubmit, rangeContext: rangeContext, calendarHasError: calendarHasError })),
         React__default__default.createElement("div", { className: "will-calendar-footer" },
             React__default__default.createElement("div", { className: "will-calendar-footer-actions-wrapper" },
                 React__default__default.createElement("div", { className: "will-calendar-footer-dates" },