willba-component-library 0.2.93 → 0.2.95

package/lib/index.js

@@ -11000,26 +11000,6 @@ var reactResponsive = {exports: {}};
 
 var reactResponsiveExports = reactResponsive.exports;
 
-var IconsSvg = function (_a) {
-    var fill = _a.fill, size = _a.size, icon = _a.icon;
-    switch (icon) {
-        case 'spinner':
-            return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "".concat(size || 25), height: "".concat(size || 25), viewBox: "0 0 24 24" },
-                React__default.createElement("style", null, "\n      .spinner_z9k8 {\n      transform-origin: center;\n      animation: spinner_StKS .75s infinite linear;\n      }\n      @keyframes spinner_StKS {\n      100% {\n      transform: rotate(360deg);\n      }\n      }\n      "),
-                React__default.createElement("path", { d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25", fill: fill }),
-                React__default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z", className: "spinner_z9k8", fill: fill })));
-        case 'warning':
-            return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "".concat(size || 25), height: "".concat(size || 25), className: "svg-icon", style: {
-                    verticalAlign: 'middle',
-                    fill: fill,
-                    overflow: 'hidden',
-                    minWidth: '25px',
-                    minHeight: '25px',
-                }, viewBox: "0 0 1024 1024", version: "1.1" },
-                React__default.createElement("path", { d: "M42.666667 896h938.666666L512 85.333333 42.666667 896z m512-128h-85.333334v-85.333333h85.333334v85.333333z m0-170.666667h-85.333334v-170.666666h85.333334v170.666666z" })));
-    }
-};
-
 var parseDates = function (_a) {
     var calendarRange = _a.calendarRange;
     return (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) && (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from)
@@ -11045,7 +11025,7 @@ var nightsCount = function (_a) {
 
 var calendarSelectionRules = function (_a) {
     var _b;
-    var range = _a.range, newDisableCalendarDates = _a.newDisableCalendarDates, setCalendarRange = _a.setCalendarRange, setDisabledDates = _a.setDisabledDates, calendarRange = _a.calendarRange, overlappingDate = _a.overlappingDate, setCalendarHasError = _a.setCalendarHasError, rangeContext = _a.rangeContext;
+    var range = _a.range, newDisableCalendarDates = _a.newDisableCalendarDates, setCalendarRange = _a.setCalendarRange, calendarRange = _a.calendarRange, overlappingDate = _a.overlappingDate, setCalendarHasError = _a.setCalendarHasError, rangeContext = _a.rangeContext;
     // Get and parse needed data
     var rangeFrom = (range === null || range === void 0 ? void 0 : range.from) ? endOfDay(range.from) : null;
     var rangeTo = (range === null || range === void 0 ? void 0 : range.to) ? endOfDay(range.to) : null;
@@ -11082,13 +11062,6 @@ var calendarSelectionRules = function (_a) {
                 : false;
         })
         : null;
-    // On check-in, disable future dates that are unavailable for checkout
-    disableFutureDates({
-        rangeFrom: rangeFrom,
-        checkOutRange: checkOutRange,
-        setDisabledDates: setDisabledDates,
-        newDisableCalendarDates: newDisableCalendarDates,
-    });
     // 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.
@@ -11183,22 +11156,6 @@ var calendarSelectionRules = function (_a) {
     }
     setCalendarRange(range);
 };
-/////////
-var disableFutureDates = function (_a) {
-    var rangeFrom = _a.rangeFrom, checkOutRange = _a.checkOutRange, setDisabledDates = _a.setDisabledDates, newDisableCalendarDates = _a.newDisableCalendarDates;
-    if (rangeFrom && checkOutRange && setDisabledDates) {
-        // Get parse data
-        var checkIn = addDays(checkOutRange.checkIn, 1);
-        var firstCheckOut = addDays(checkOutRange.firstCheckOut, -1);
-        var noDatesRange = isEqual(checkIn, checkOutRange.firstCheckOut);
-        setDisabledDates(__spreadArray$1(__spreadArray$1([], __read(((newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [])), false), [
-            {
-                from: noDatesRange ? undefined : checkIn,
-                to: noDatesRange ? undefined : firstCheckOut,
-            },
-        ], false));
-    }
-};
 
 var disabledDatesByPage = function (_a) {
     var _b, _c, _d;
@@ -11219,8 +11176,7 @@ var disabledDatesByPage = function (_a) {
 };
 
 var handleCalendarModifiers = function (_a) {
-    var _b;
-    var newDisableCalendarDates = _a.newDisableCalendarDates, calendarRange = _a.calendarRange, disabledDatesByPage = _a.disabledDatesByPage, disabledDates = _a.disabledDates, overlappingDate = _a.overlappingDate, rangeContext = _a.rangeContext, firstPossibleRangeContextCheckIn = _a.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _a.lastPossibleRangeContextCheckOut, findFirstPossibleRangeContextCheckIn = _a.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _a.findLastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _a.currentSelectionLastCheckoutDate, lastPossibleCheckout = _a.lastPossibleCheckout;
+    var calendarRange = _a.calendarRange, disabledDates = _a.disabledDates, overlappingDate = _a.overlappingDate, rangeContext = _a.rangeContext, findFirstPossibleRangeContextCheckIn = _a.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _a.findLastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _a.currentSelectionLastCheckoutDate;
     // Parse data
     var calendarRangeFrom = (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) && endOfDay(calendarRange.from);
     var calendarRangeTo = (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) && endOfDay(calendarRange.to);
@@ -11241,15 +11197,7 @@ var handleCalendarModifiers = function (_a) {
             .map(function (date) { return ({ from: date.from }); })
         : [];
     return {
-        booked: disabledDatesByPage.length
-            ? disabledDatesByPage
-            : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
-                ? __spreadArray$1(__spreadArray$1(__spreadArray$1([
-                    lastPossibleCheckout || []
-                ], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
-                ? __spreadArray$1(__spreadArray$1(__spreadArray$1([
-                    lastPossibleCheckout || []
-                ], __read(newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [],
+        booked: disabledDates || [],
         disabledAfterCheckIn: calendarRangeFrom
             ? [{ after: calendarRangeFrom }]
             : [],
@@ -11327,8 +11275,8 @@ var handleRangeContextDisabledDates = function (_a) {
             });
         }
     }
-    // Get last possible check-out dates for current check-in
-    var currentSelectionLastCheckoutDate = availableDates === null || availableDates === void 0 ? void 0 : availableDates.find(function (date) {
+    // Get possible check-out dates for current check-in
+    var currentSelectionAvailability = availableDates === null || availableDates === void 0 ? void 0 : availableDates.find(function (date) {
         return calendarRangeFrom
             ? isEqual(endOfDay(date.checkIn), calendarRangeFrom)
             : false;
@@ -11338,7 +11286,7 @@ var handleRangeContextDisabledDates = function (_a) {
         findLastPossibleRangeContextCheckOut: findLastPossibleRangeContextCheckOut,
         firstPossibleRangeContextCheckIn: firstPossibleRangeContextCheckIn,
         lastPossibleRangeContextCheckOut: lastPossibleRangeContextCheckOut,
-        currentSelectionLastCheckoutDate: currentSelectionLastCheckoutDate,
+        currentSelectionAvailability: currentSelectionAvailability,
     };
 };
 
@@ -11513,9 +11461,9 @@ var useUpdateDisabledDates = function (_a) {
                 return acc;
             }, { updatedDisabledDates: [], newOverlappingDates: [] }), updatedDisabledDates = _b.updatedDisabledDates, newOverlappingDates = _b.newOverlappingDates;
             // Find last possible checkout ( disable all dates after the last possible checkout )
-            var lastPossibleCheckout_1 = (_a = disableCalendarDates.availableDates.at(-1)) === null || _a === void 0 ? void 0 : _a.lastCheckOut;
-            if (lastPossibleCheckout_1) {
-                setLatsPossibleCheckout({ after: lastPossibleCheckout_1 });
+            var lastPossibleCheckoutDate = (_a = disableCalendarDates.availableDates.at(-1)) === null || _a === void 0 ? void 0 : _a.lastCheckOut;
+            if (lastPossibleCheckoutDate) {
+                setLatsPossibleCheckout({ after: lastPossibleCheckoutDate });
             }
             // Extract overlapping dates ( dates that are only available for checkout )
             if (newOverlappingDates.length) {
@@ -11540,9 +11488,31 @@ styleInject(css_248z$9);
 var css_248z$8 = ".will-calendar-filter-container {\n  display: flex;\n  justify-content: center;\n  user-select: none;\n}\n\n/* Calendar overrides */\n\n.will-calendar-filter-container .DayPicker {\n  font-size: 25px;\n}\n\n.will-calendar-filter-container .rdp-month {\n  position: relative;\n}\n\n.will-calendar-filter-container .rdp-month.rdp-caption_start {\n  padding-left: 70px;\n}\n\n.will-calendar-filter-container .rdp-month.rdp-caption_end {\n  padding-right: 70px;\n}\n\n.will-calendar-filter-container .rdp-month .rdp-nav {\n  border: 1px solid var(--will-primary);\n  border-radius: 50%;\n}\n\n.will-calendar-filter-container .rdp-month .rdp-nav svg {\n  color: var(--will-primary);\n}\n\n\n.will-calendar-filter-container .rdp-month .rdp-caption {\n  position: initial;\n}\n\n.will-calendar-filter-container .rdp-month .rdp-caption > .rdp-caption_label,\n.will-calendar-filter-container .rdp-table .rdp-head {\n  opacity: .6;\n}\n\n.will-calendar-filter-container .rdp-table {\n  border-collapse: separate;\n  border-spacing: 0px 2px;\n}\n\n.will-calendar-filter-container .rdp-button_reset.rdp-button.rdp-day.rdp-day_selected {\n  background-color: var(--will-primary);\n  opacity: 1;\n  color: var(--will-white)\n}\n\n.will-calendar-filter-container .my-today:not(.rdp-day_selected) { \n  font-weight: 700;\n  opacity: 1;\n  color: var(--will-primary);\n}\n\n.will-calendar-filter-container .rdp-cell {\n  position: relative;\n}\n\n.will-calendar-filter-container .rdp-cell button {\n  font-weight: 500;\n}\n\n.will-calendar-filter-container .rdp-cell button.booked  {\n  font-weight: 400;\n  cursor: not-allowed;\n}\n\n.will-calendar-filter-container .rdp-cell .rdp-button[disabled] {\n  color: var(--will-transparent-black);\n  opacity: 1\n}\n\n@media (max-width: 960px) {\n  .will-calendar-filter-container .rdp-month .rdp-nav {\n    border: none;\n    border-radius: initial;\n  }\n\n  .will-calendar-filter-container .rdp-month.rdp-caption_start {\n    padding-left: 10px;\n  }\n  \n  .will-calendar-filter-container .rdp-month.rdp-caption_end {\n    padding-right: 10px;\n  }\n}\n\n/* Tooltips */\n.will-root .will-calendar-filter-container .will-calendar-tooltip,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-overlapping-date,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out-only,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-in-only {\n position: absolute;\n top: -42px;\n transform: translateX(calc(-50% + 20px));\n display: none;\n white-space: nowrap;\n z-index: 2;\n}\n\n.will-root .will-calendar-filter-container .will-calendar-tooltip > div,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out > div,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-overlapping-date > div,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out-only > div,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-in-only > div {\n  background-color: white;\n  position: relative;\n  padding: 5px 10px;\n  border: 1px solid var(--will-primary);\n  border-radius: 5px;\n}\n\n.will-root .will-calendar-filter-container .will-calendar-tooltip::before,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out::before,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-overlapping-date::before,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out-only::before,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-in-only::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border: 1px solid var(--will-primary);\n  position: absolute;\n  bottom: -4px;\n  left:calc(50% - 5.555px);\n  rotate: 45deg;\n  z-index: 0;\n  background-color: var(--will-white);\n}\n\n.will-root .will-calendar-filter-container .rdp-cell:hover .will-calendar-tooltip,\n.will-root .will-calendar-filter-container .rdp-cell:hover .will-calendar-tooltip-check-out,\n.will-root .will-calendar-filter-container .rdp-cell:hover .will-calendar-tooltip-overlapping-date,\n.will-root .will-calendar-filter-container .rdp-cell:hover .will-calendar-tooltip-check-out-only,\n.will-root .will-calendar-filter-container .rdp-cell:hover .will-calendar-tooltip-check-in-only {\n  display: block;\n}\n\n/* Loading spinner */\n\n.will-root .will-calendar-filter-container .rdp-months {\n  position: relative;\n}\n\n.will-root .will-calendar-filter-container .will-calendar-spinner {\n  position: absolute;\n  top:0;\n  bottom:0;\n  left: 0;\n  right: 0;\n  background-color: var(--will-white-transparent);\n  z-index: 3;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n}\n\n/* No active selection */\n\n.will-root .will-calendar-filter-container .no-active-selection-start,\n.will-root .will-calendar-filter-container .no-active-selection-mid,\n.will-root .will-calendar-filter-container .no-active-selection-end { \n  position: initial;\n}\n\n.will-root .will-calendar-filter-container .no-active-selection-start::before,\n.will-root .will-calendar-filter-container .no-active-selection-mid::before,\n.will-root .will-calendar-filter-container .no-active-selection-end::before { \n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 2px solid var(--will-light-grey);\n  box-sizing: border-box;\n}\n\n.will-root .will-calendar-filter-container .no-active-selection-start::before {\n  border-right: none;\n  border-top-left-radius: 50%;\n  border-bottom-left-radius: 50%;\n}\n\n.will-root .will-calendar-filter-container .no-active-selection-mid::before {\n  border-right: none;\n  border-left: none;\n}\n\n.will-root .will-calendar-filter-container .no-active-selection-end::before {\n  border-left: none;\n  border-top-right-radius: 50%;\n  border-bottom-right-radius: 50%;\n}\n\n.will-root .will-calendar-filter-container .rdp-day_selected.rdp-day_range_middle.checkout-option {\n  background-color: var(--will-primary-lightest);\n  color: inherit;\n}\n\n/* Overlapping date */\n\n.will-root .will-calendar-filter-container .overlapping-date {\n  user-select: none;\n  pointer-events: none;\n}\n\n.will-root .will-calendar-filter-container .overlapping-date:hover {\n  cursor: not-allowed;\n}\n\n@media (max-width: 600px) {\n /* Tooltips */\n.will-root .will-calendar-filter-container .will-calendar-tooltip,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-overlapping-date,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-out-only,\n.will-root .will-calendar-filter-container .will-calendar-tooltip-check-in-only {\n  top: -70px;\n  white-space: wrap;\n  max-width: 120px;\n}\n}\n\n\n";
 styleInject(css_248z$8);
 
+var IconsSvg = function (_a) {
+    var fill = _a.fill, size = _a.size, icon = _a.icon;
+    switch (icon) {
+        case 'spinner':
+            return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "".concat(size || 25), height: "".concat(size || 25), viewBox: "0 0 24 24" },
+                React__default.createElement("style", null, "\n      .spinner_z9k8 {\n      transform-origin: center;\n      animation: spinner_StKS .75s infinite linear;\n      }\n      @keyframes spinner_StKS {\n      100% {\n      transform: rotate(360deg);\n      }\n      }\n      "),
+                React__default.createElement("path", { d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25", fill: fill }),
+                React__default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z", className: "spinner_z9k8", fill: fill })));
+        case 'warning':
+            return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "".concat(size || 25), height: "".concat(size || 25), className: "svg-icon", style: {
+                    verticalAlign: 'middle',
+                    fill: fill,
+                    overflow: 'hidden',
+                    minWidth: '25px',
+                    minHeight: '25px',
+                }, viewBox: "0 0 1024 1024", version: "1.1" },
+                React__default.createElement("path", { d: "M42.666667 896h938.666666L512 85.333333 42.666667 896z m512-128h-85.333334v-85.333333h85.333334v85.333333z m0-170.666667h-85.333334v-170.666666h85.333334v170.666666z" })));
+        default:
+            return null;
+    }
+};
+
 var Calendar = React__default.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, updateCalendarDefaultMonth = _a.updateCalendarDefaultMonth, loadingData = _a.loadingData, showFeedback = _a.showFeedback, palette = _a.palette, setCalendarHasError = _a.setCalendarHasError, setUpdatedForSubmit = _a.setUpdatedForSubmit, rangeContext = _a.rangeContext, calendarHasError = _a.calendarHasError;
+    var _b;
+    var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, 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 });
@@ -11550,12 +11520,12 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     var rangeContextStartDate = rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from;
     // Handle initial disable dates including overlapping availableDates.lastCheckOut and disabledDates.start
-    var _d = useUpdateDisabledDates({
+    var _c = useUpdateDisabledDates({
         disableCalendarDates: disableCalendarDates,
         calendarRange: calendarRange,
         updateCalendarMonthNavigation: updateCalendarMonthNavigation,
         updateCalendarDefaultMonth: updateCalendarDefaultMonth,
-    }), newDisableCalendarDates = _d.newDisableCalendarDates, overlappingDate = _d.overlappingDate, lastPossibleCheckout = _d.lastPossibleCheckout;
+    }), newDisableCalendarDates = _c.newDisableCalendarDates, overlappingDate = _c.overlappingDate, lastPossibleCheckout = _c.lastPossibleCheckout;
     // Handle disable dates by page
     var disabledDatesByPage$1 = disabledDatesByPage({
         today: today,
@@ -11577,7 +11547,6 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
             range: range,
             newDisableCalendarDates: newDisableCalendarDates,
             setCalendarRange: setCalendarRange,
-            setDisabledDates: setDisabledDates,
             calendarRange: calendarRange,
             overlappingDate: overlappingDate,
             setCalendarHasError: setCalendarHasError,
@@ -11586,11 +11555,11 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
         setUpdatedForSubmit && setUpdatedForSubmit(true);
     };
     // Handle disabled dates for range context
-    var _e = handleRangeContextDisabledDates({
+    var _d = handleRangeContextDisabledDates({
         rangeContext: rangeContext,
         availableDates: newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates,
         calendarRange: calendarRange,
-    }), findFirstPossibleRangeContextCheckIn = _e.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _e.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _e.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _e.lastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _e.currentSelectionLastCheckoutDate;
+    }), findFirstPossibleRangeContextCheckIn = _d.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _d.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _d.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _d.lastPossibleRangeContextCheckOut, currentSelectionAvailability = _d.currentSelectionAvailability;
     // Handle check for continuous selection in the range context
     checkForContinuousSelection({
         setCalendarHasError: setCalendarHasError,
@@ -11599,6 +11568,35 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
         calendarHasError: calendarHasError,
         disabledDates: newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates,
     });
+    var disabledInsideSelectableRange = function () {
+        if (
+        // Range end already selected
+        (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ||
+            // No current check-in availability
+            !currentSelectionAvailability ||
+            // No gap between check-in and first possible check-out, nothing to disable
+            addDays(currentSelectionAvailability.checkIn, 1) >=
+                currentSelectionAvailability.firstCheckOut) {
+            return [];
+        }
+        // Disable dates between current check-in and first possible check-out
+        return [
+            {
+                from: addDays(currentSelectionAvailability.checkIn, 1),
+                to: addDays(currentSelectionAvailability.firstCheckOut, -1),
+            },
+        ];
+    };
+    var base = disabledDatesByPage$1.length
+        ? disabledDatesByPage$1
+        : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
+            ? disabledDates
+            : (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [];
+    var disabled = disabledDatesByPage$1.length
+        ? base
+        : __spreadArray$1(__spreadArray$1(__spreadArray$1(__spreadArray$1([
+            lastPossibleCheckout
+        ], __read(base), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false), __read(disabledInsideSelectableRange()), false);
     return (React__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
         React__default.createElement("div", { className: "will-calendar-filter-container" },
             React__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) ||
@@ -11606,19 +11604,9 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
                     rangeContextStartDate ||
                     (((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
                         ? newDisableCalendarDates.disabledDates[0].from
-                        : today), disabled: disabledDatesByPage$1.length
-                    ? disabledDatesByPage$1
-                    : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
-                        ? __spreadArray$1(__spreadArray$1(__spreadArray$1([
-                            lastPossibleCheckout && lastPossibleCheckout
-                        ], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_c = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _c === void 0 ? void 0 : _c.length)
-                        ? __spreadArray$1(__spreadArray$1(__spreadArray$1([
-                            lastPossibleCheckout && lastPossibleCheckout
-                        ], __read(newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [], fromMonth: today, onMonthChange: function (val) {
-                    requestDates && setUpdateCalendarMonthNavigation
-                        ? (requestDates(val),
-                            setUpdateCalendarMonthNavigation(function (prev) { return !prev; }))
-                        : null;
+                        : today), disabled: disabled, fromMonth: today, onMonthChange: function (val) {
+                    requestDates === null || requestDates === void 0 ? void 0 : requestDates(val);
+                    setUpdateCalendarMonthNavigation === null || setUpdateCalendarMonthNavigation === void 0 ? void 0 : setUpdateCalendarMonthNavigation(function (prev) { return !prev; });
                 }, classNames: {
                     day_range_start: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) ? 'rdp-day_range_start' : '',
                     day_range_end: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? 'rdp-day_range_end' : '',
@@ -11636,18 +11624,13 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
                 }, modifiers: 
                 // This function handles conditions for applying the modifiersClassNames
                 handleCalendarModifiers({
-                    newDisableCalendarDates: newDisableCalendarDates,
                     calendarRange: calendarRange,
-                    disabledDatesByPage: disabledDatesByPage$1,
-                    disabledDates: disabledDates,
+                    disabledDates: disabled,
                     overlappingDate: overlappingDate,
                     rangeContext: rangeContext,
-                    lastPossibleCheckout: lastPossibleCheckout,
                     findFirstPossibleRangeContextCheckIn: findFirstPossibleRangeContextCheckIn,
                     findLastPossibleRangeContextCheckOut: findLastPossibleRangeContextCheckOut,
-                    firstPossibleRangeContextCheckIn: firstPossibleRangeContextCheckIn,
-                    lastPossibleRangeContextCheckOut: lastPossibleRangeContextCheckOut,
-                    currentSelectionLastCheckoutDate: currentSelectionLastCheckoutDate,
+                    currentSelectionLastCheckoutDate: currentSelectionAvailability,
                 }) }),
             React__default.createElement("div", { className: 'will-calendar-tooltip' },
                 React__default.createElement("div", null, t('noCheckIn'))),
@@ -11899,17 +11882,17 @@ function GuestCount(_a) {
     return (React__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
         React__default.createElement("p", { className: "will-guests-filter-label" }, label),
         React__default.createElement("div", { className: "will-guests-filter-counter" },
-            React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: (minVal && count <= minVal) || !count ? true : false, style: {
+            React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: (minVal && count <= minVal) || !count, style: {
                     cursor: (minVal && count <= minVal) || !count ? 'initial' : 'pointer',
                     paddingBottom: '4px',
                     opacity: (minVal && count <= minVal) || !count ? 0.4 : 1,
                 } },
                 React__default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React__default.createElement("path", { d: "M4 10H16", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))),
+                    React__default.createElement("path", { d: "M4 10H16", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }))),
             React__default.createElement("span", { className: "will-guests-filter-count" }, count),
             React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleIncrement },
                 React__default.createElement("svg", { width: "15", height: "15", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React__default.createElement("path", { d: "M10 4V16M4 10H16", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))))));
+                    React__default.createElement("path", { d: "M10 4V16M4 10H16", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }))))));
 }
 
 var css_248z$4 = ".will-filter-bar-guests {\n  text-align: initial;\n}\n\n.will-guests-filter-title {\n  font-size: 22px;\n  margin: 10px 0;\n}\n\n.will-guests-filter-subtitle {\n  font-size: 15px;\n  font-weight: 500;\n  color:var(--will-text)\n}\n\n\n.will-guests-filter-container {\n  display: flex;\n  flex-direction: column;\n  min-width: 400px;\n}\n\n\n@media (max-width: 960px) {\n  .will-guests-filter-title {\n    font-size: 18px;\n  }\n\n  .will-guests-filter-container {\n   margin-top: 15px;\n   min-width: 100%;\n  }\n}";
@@ -11920,7 +11903,7 @@ var Guests = React__default.forwardRef(function (_a, ref) {
     var t = useTranslation('filterBar').t;
     return (React__default.createElement("div", { className: "will-filter-bar-guests", ref: ref },
         React__default.createElement("h3", { className: "will-guests-filter-title" }, t('guests.title')),
-        React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default.createElement(GuestCount, { key: category.id, id: parseInt(category.id), label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts["guests-".concat(category.id)] || 0 })); }))));
+        React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default.createElement(GuestCount, { key: category.id, id: category.id, label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts["guests-".concat(category.id)] || 0 })); }))));
 });
 
 var css_248z$3 = ".will-filter-bar-divider {\n  width: 1px;\n  margin: 0 10px;\n  background-color: var(--will-charcoal-blue);\n}\n\n@media (max-width: 960px) {\n  .will-filter-bar-divider {\n    width: auto;\n    margin: 0 10px;\n    height: 1px;\n    background-color: var(--will-charcoal-blue);\n  }\n}";
@@ -12127,7 +12110,6 @@ var useFilterCalendar = function (_a) {
         handleSubmit: handleSubmit,
         handleClearDates: handleClearDates,
         setCalendarRange: setCalendarRange,
-        setDisabledDates: setDisabledDates,
         setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation,
         calendarRange: calendarRange,
         disabledDates: disabledDates,
@@ -12196,7 +12178,7 @@ function FilterCalendar(_a) {
         toggleCalendar: toggleCalendar,
         outerRangeContext: outerRangeContext,
         outerDisableCalendarDates: outerDisableCalendarDates,
-    }), 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, disableCalendarDates = _b.disableCalendarDates;
+    }), setCalendarRange = _b.setCalendarRange, handleClearDates = _b.handleClearDates, calendarRange = _b.calendarRange, disabledDates = _b.disabledDates, updateCalendarMonthNavigation = _b.updateCalendarMonthNavigation, updateCalendarDefaultMonth = _b.updateCalendarDefaultMonth, setUpdateCalendarMonthNavigation = _b.setUpdateCalendarMonthNavigation, calendarHasError = _b.calendarHasError, setCalendarHasError = _b.setCalendarHasError, setUpdatedForSubmit = _b.setUpdatedForSubmit, rangeContext = _b.rangeContext, disableCalendarDates = _b.disableCalendarDates;
     // Display component after fully loaded
     useAwaitRender();
     // Handle close filter section
@@ -12208,7 +12190,7 @@ function FilterCalendar(_a) {
             React__default.createElement("h2", null, t('filterBar:calendar.title')),
             React__default.createElement(CloseButton, { handleClose: function () { return setToggleCalendar(false); } })),
         React__default.createElement("div", { className: "will-calendar-main" },
-            React__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.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, calendarOffset: calendarOffset, selectedPath: '/rooms', language: language, disableCalendarDates: disableCalendarDates, requestDates: requestDates, disabledDates: disabledDates, updateCalendarMonthNavigation: updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation, updateCalendarDefaultMonth: updateCalendarDefaultMonth, loadingData: loadingData, showFeedback: showFeedback, noActiveSelection: noActiveSelection, palette: palette, setCalendarHasError: setCalendarHasError, setUpdatedForSubmit: setUpdatedForSubmit, rangeContext: rangeContext, calendarHasError: calendarHasError })),
         React__default.createElement("div", { className: "will-calendar-footer" },
             React__default.createElement(Footer, { calendarHasError: calendarHasError, calendarRange: calendarRange, handleClearDates: handleClearDates, language: language, palette: palette }))))));
 }