willba-component-library 0.2.63 → 0.2.64

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: outerRangeContext, }: FilterCalendarTypes): React.JSX.Element;
+export default function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates: outerDisableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, showFeedback, noActiveSelection, rangeContext: outerRangeContext, }: FilterCalendarTypes): React.JSX.Element;

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

@@ -1,14 +1,15 @@
 /// <reference types="react" />
 import { DateRange, Matcher } from 'react-day-picker';
-import { RangeContext } from 'src/core/components/calendar/CalendarTypes';
+import { DisableCalendarDates, RangeContext } from 'src/core/components/calendar/CalendarTypes';
 type Props = {
     onSubmit: (val: any) => void;
     setToggleCalendar: (val: boolean) => void;
     noActiveSelection?: boolean;
     toggleCalendar?: boolean;
     outerRangeContext?: RangeContext;
+    outerDisableCalendarDates?: DisableCalendarDates;
 };
-export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActiveSelection, toggleCalendar, outerRangeContext, }: Props) => {
+export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActiveSelection, toggleCalendar, outerRangeContext, outerDisableCalendarDates, }: Props) => {
     handleSubmit: () => void;
     handleClearDates: () => void;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
@@ -22,5 +23,6 @@ export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActive
     setCalendarHasError: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setUpdatedForSubmit: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     rangeContext: RangeContext | undefined;
+    disableCalendarDates: DisableCalendarDates | undefined;
 };
 export {};

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

@@ -1,4 +1,4 @@
-import { DateRange } from 'react-day-picker';
+import { DateRange, Matcher } from 'react-day-picker';
 import { DisableCalendarDates } from '../CalendarTypes';
 type Props = {
     disableCalendarDates?: DisableCalendarDates;
@@ -9,5 +9,6 @@ type Props = {
 export declare const useUpdateDisabledDates: ({ disableCalendarDates, calendarRange, updateCalendarMonthNavigation, updateCalendarDefaultMonth, }: Props) => {
     newDisableCalendarDates: DisableCalendarDates | undefined;
     overlappingDate: DateRange[] | undefined;
+    lastPossibleCheckout: Matcher;
 };
 export {};

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

@@ -8,6 +8,7 @@ type Props = {
         to: Date;
     }[];
     disabledDates?: Matcher[];
+    lastPossibleCheckout?: Matcher;
     overlappingDate?: DateRange[];
     rangeContext?: RangeContext;
     findFirstPossibleRangeContextCheckIn?: NonNullable<DisableCalendarDates['availableDates']>['0'];
@@ -16,7 +17,7 @@ type Props = {
     lastPossibleRangeContextCheckOut: Matcher[];
     currentSelectionLastCheckoutDate?: NonNullable<DisableCalendarDates['availableDates']>['0'];
 };
-export declare const handleCalendarModifiers: ({ newDisableCalendarDates, calendarRange, disabledDatesByPage, disabledDates, overlappingDate, rangeContext, firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut, findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate, }: Props) => {
+export declare const handleCalendarModifiers: ({ newDisableCalendarDates, calendarRange, disabledDatesByPage, disabledDates, overlappingDate, rangeContext, firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut, findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate, lastPossibleCheckout, }: Props) => {
     booked: Matcher[];
     disabledAfterCheckIn: {
         after: Date;

package/lib/index.d.ts

@@ -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: outerRangeContext, }: FilterCalendarTypes): React.JSX.Element;
+declare function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates: outerDisableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, showFeedback, noActiveSelection, rangeContext: outerRangeContext, }: FilterCalendarTypes): React.JSX.Element;
 
 export { Button, FilterBar, FilterCalendar, FilterCalendarTypes, Tab };

package/lib/index.esm.js

@@ -2819,7 +2819,8 @@ var calendar$1 = {
 	endDate: "End date",
 	title: "Calendar",
 	checkoutOnly: "Check-out only",
-	hasDisableDates: "Contains unavailable dates"
+	hasDisableDates: "Contains unavailable dates",
+	minNights: "2 nights min"
 };
 var guests$1 = {
 	label: "Number of guests",
@@ -2855,6 +2856,14 @@ var clearDates$1 = "Clear dates";
 var noCheckIn$1 = "Room not available";
 var noCheckOut$1 = "Check-out not available";
 var checkOutOnly$1 = "Check-out only";
+var onlyCheckOut$1 = "Check-in only";
+var onlyCheckIn$1 = "Check-out only";
+var errors$1 = {
+	calendarErrors: {
+		checkInAvailabilityError: "Check-in available for second room only with connection dates",
+		checkInAvailabilityGuide: "Start or end day need connection for previous reservation"
+	}
+};
 var enCommon = {
 	night: night$1,
 	nights: nights$1,
@@ -2865,7 +2874,10 @@ var enCommon = {
 	clearDates: clearDates$1,
 	noCheckIn: noCheckIn$1,
 	noCheckOut: noCheckOut$1,
-	checkOutOnly: checkOutOnly$1
+	checkOutOnly: checkOutOnly$1,
+	onlyCheckOut: onlyCheckOut$1,
+	onlyCheckIn: onlyCheckIn$1,
+	errors: errors$1
 };
 
 var calendar = {
@@ -2876,7 +2888,8 @@ var calendar = {
 	endDate: "Loppu",
 	title: "Kalenteri",
 	checkoutOnly: "Check-out only",
-	hasDisableDates: "Contains unavailable dates"
+	hasDisableDates: "Contains unavailable dates",
+	minNights: "2 nights min"
 };
 var guests = {
 	label: "Vierasmäärä",
@@ -2914,6 +2927,14 @@ var clearDates = "Tyhjennä";
 var noCheckIn = "Huone ei saatavilla";
 var noCheckOut = "Uloskirjaus ei saatavilla";
 var checkOutOnly = "Vain uloskirjaus";
+var onlyCheckOut = "Check-in only";
+var onlyCheckIn = "Check-out only";
+var errors = {
+	calendarErrors: {
+		checkInAvailabilityError: "Check-in available for second room only with connection dates",
+		checkInAvailabilityGuide: "Start or end day need connection for previous reservation"
+	}
+};
 var fiCommon = {
 	night: night,
 	nights: nights,
@@ -2924,7 +2945,10 @@ var fiCommon = {
 	clearDates: clearDates,
 	noCheckIn: noCheckIn,
 	noCheckOut: noCheckOut,
-	checkOutOnly: checkOutOnly
+	checkOutOnly: checkOutOnly,
+	onlyCheckOut: onlyCheckOut,
+	onlyCheckIn: onlyCheckIn,
+	errors: errors
 };
 
 var urlParams = typeof window !== 'undefined'
@@ -11150,7 +11174,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;
+    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;
     // 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);
@@ -11185,13 +11209,16 @@ var handleCalendarModifiers = function (_a) {
                     })));
         })
         : [];
-    console.log();
     return {
         booked: disabledDatesByPage.length
             ? disabledDatesByPage
             : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
-                ? __spreadArray$1(__spreadArray$1(__spreadArray$1([], __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([], __read(newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [],
+                ? __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) : [],
         disabledAfterCheckIn: calendarRangeFrom
             ? [{ after: calendarRangeFrom }]
             : [],
@@ -11409,6 +11436,7 @@ var useCalendarLoadingSpinner = function (_a) {
 var useUpdateDisabledDates = function (_a) {
     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 _c = __read(useState([]), 2), lastPossibleCheckout = _c[0], setLatsPossibleCheckout = _c[1];
     var newDisableCalendarDates = useMemo(function () {
         if (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.availableDates) {
             var dateFormat_1 = 'dd-MM-yyyy';
@@ -11437,12 +11465,21 @@ var useUpdateDisabledDates = function (_a) {
                 }
                 return acc;
             }, { updatedDisabledDates: [], newOverlappingDates: [] }), updatedDisabledDates = _a.updatedDisabledDates, newOverlappingDates_1 = _a.newOverlappingDates;
+            // Find last possible checkout ( disable all dates after the last possible checkout )
+            var lastPossibleCheckout_1 = disableCalendarDates.availableDates[disableCalendarDates.availableDates.length - 1].lastCheckOut;
+            if (lastPossibleCheckout_1) {
+                setLatsPossibleCheckout({ after: lastPossibleCheckout_1 });
+            }
+            // Extract overlapping dates ( dates that are only available for checkout )
             if (newOverlappingDates_1.length) {
                 setOverlappingDate(function (prev) {
                     if (prev === void 0) { prev = []; }
                     return __spreadArray$1(__spreadArray$1([], __read(prev), false), __read(newOverlappingDates_1), false);
                 });
             }
+            if (newOverlappingDates_1.length) {
+                console.log(newOverlappingDates_1);
+            }
             var newDisableCalendarDates_1 = __assign$2(__assign$2({}, disableCalendarDates), { disabledDates: updatedDisabledDates });
             return newDisableCalendarDates_1;
         }
@@ -11453,7 +11490,7 @@ var useUpdateDisabledDates = function (_a) {
         updateCalendarMonthNavigation,
         updateCalendarDefaultMonth,
     ]);
-    return { newDisableCalendarDates: newDisableCalendarDates, overlappingDate: overlappingDate };
+    return { newDisableCalendarDates: newDisableCalendarDates, overlappingDate: overlappingDate, lastPossibleCheckout: lastPossibleCheckout };
 };
 
 var css_248z$9 = ".rdp {\n  --rdp-cell-size: 40px;\n  --rdp-caption-font-size: 18px;\n  --rdp-accent-color: #0000ff;\n  --rdp-background-color: #e7edff;\n  --rdp-accent-color-dark: #3003e1;\n  --rdp-background-color-dark: #180270;\n  --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */\n  --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */\n\n  margin: 1em;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  position: absolute !important;\n  top: 0;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n  appearance: none;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  cursor: default;\n  color: inherit;\n  background: none;\n  font: inherit;\n\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n.rdp-button_reset:focus-visible {\n  /* Make sure to reset outline only when :focus-visible is supported */\n  outline: none;\n}\n\n.rdp-button {\n  border: 2px solid transparent;\n}\n\n.rdp-button[disabled]:not(.rdp-day_selected) {\n  opacity: 0.25;\n}\n\n.rdp-button:not([disabled]) {\n  cursor: pointer;\n}\n\n.rdp-button:focus-visible:not([disabled]) {\n  color: inherit;\n  background-color: var(--rdp-background-color);\n  border: var(--rdp-outline);\n}\n\n.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n  display: flex;\n}\n\n.rdp-month {\n  margin: 0 1em;\n}\n\n.rdp-month:first-child {\n  margin-left: 0;\n}\n\n.rdp-month:last-child {\n  margin-right: 0;\n}\n\n.rdp-table {\n  margin: 0;\n  max-width: calc(var(--rdp-cell-size) * 7);\n  border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n  max-width: calc(var(--rdp-cell-size) * 8);\n  border-collapse: collapse;\n}\n\n.rdp-caption {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n  position: relative;\n  display: block;\n  text-align: center;\n}\n\n.rdp-caption_dropdowns {\n  position: relative;\n  display: inline-flex;\n}\n\n.rdp-caption_label {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  padding: 0 0.25em;\n  white-space: nowrap;\n  color: currentColor;\n  border: 0;\n  border: 2px solid transparent;\n  font-family: inherit;\n  font-size: var(--rdp-caption-font-size);\n  font-weight: bold;\n}\n\n.rdp-nav {\n  white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  padding: 0.25em;\n  border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns  */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.rdp-dropdown {\n  appearance: none;\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: inherit;\n  opacity: 0;\n  border: none;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n  opacity: unset;\n  color: unset;\n}\n\n.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {\n  background-color: var(--rdp-background-color);\n  border: var(--rdp-outline);\n  border-radius: 6px;\n}\n\n.rdp-dropdown_icon {\n  margin: 0 0 0 5px;\n}\n\n.rdp-head {\n  border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n  height: 100%;\n}\n\n.rdp-head_cell {\n  vertical-align: middle;\n  font-size: 0.75em;\n  font-weight: 700;\n  text-align: center;\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n  text-transform: uppercase;\n}\n\n.rdp-tbody {\n  border: 0;\n}\n\n.rdp-tfoot {\n  margin: 0.5em;\n}\n\n.rdp-cell {\n  width: var(--rdp-cell-size);\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n  text-align: center;\n}\n\n.rdp-weeknumber {\n  font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--rdp-cell-size);\n  max-width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  margin: 0;\n  border: 2px solid transparent;\n  border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n  font-weight: bold;\n}\n\n.rdp-day_selected,\n.rdp-day_selected:focus-visible,\n.rdp-day_selected:hover {\n  color: white;\n  opacity: 1;\n  background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_outside {\n  opacity: 0.5;\n}\n\n.rdp-day_selected:focus-visible {\n  /* Since the background is the same use again the outline */\n  outline: var(--rdp-outline);\n  outline-offset: 2px;\n  z-index: 1;\n}\n\n.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n  border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n  border-radius: 0;\n}";
@@ -11463,7 +11500,7 @@ var css_248z$8 = ".will-calendar-filter-container {\n  display: flex;\n  justify
 styleInject(css_248z$8);
 
 var Calendar = forwardRef(function (_a, ref) {
-    var _b, _c, _d;
+    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;
     // Translations
     var t = useTranslation('common').t;
@@ -11471,13 +11508,15 @@ var Calendar = forwardRef(function (_a, ref) {
     var today = startOfDay(new Date());
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     var rangeContextStartDate = rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from;
-    // Handle overlapping availableDates.lastCheckOut and disabledDates.start
-    var _e = useUpdateDisabledDates({
+    console.log({ disableCalendarDates: disableCalendarDates });
+    // Handle initial disable dates including overlapping availableDates.lastCheckOut and disabledDates.start
+    var _d = useUpdateDisabledDates({
         disableCalendarDates: disableCalendarDates,
         calendarRange: calendarRange,
         updateCalendarMonthNavigation: updateCalendarMonthNavigation,
         updateCalendarDefaultMonth: updateCalendarDefaultMonth,
-    }), newDisableCalendarDates = _e.newDisableCalendarDates, overlappingDate = _e.overlappingDate;
+    }), newDisableCalendarDates = _d.newDisableCalendarDates, overlappingDate = _d.overlappingDate, lastPossibleCheckout = _d.lastPossibleCheckout;
+    console.log({ newDisableCalendarDates: newDisableCalendarDates });
     // Handle disable dates by page
     var disabledDatesByPage$1 = disabledDatesByPage({
         today: today,
@@ -11507,12 +11546,13 @@ var Calendar = forwardRef(function (_a, ref) {
         });
         setUpdatedForSubmit && setUpdatedForSubmit(true);
     };
+    console.log({ disabledDates: disabledDates });
     // Handle disabled dates for range context
-    var _f = handleRangeContextDisabledDates({
+    var _e = handleRangeContextDisabledDates({
         rangeContext: rangeContext,
         availableDates: newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates,
         calendarRange: calendarRange,
-    }), findFirstPossibleRangeContextCheckIn = _f.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _f.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _f.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _f.lastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _f.currentSelectionLastCheckoutDate;
+    }), findFirstPossibleRangeContextCheckIn = _e.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _e.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _e.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _e.lastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _e.currentSelectionLastCheckoutDate;
     // Handle check for continuous selection in the range context
     checkForContinuousSelection({
         setCalendarHasError: setCalendarHasError,
@@ -11520,25 +11560,21 @@ var Calendar = forwardRef(function (_a, ref) {
         calendarRange: calendarRange,
         calendarHasError: calendarHasError,
     });
-    // Find last possible checkout for dates
-    var lastPossibleCheckout = !!((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates) === null || _b === void 0 ? void 0 : _b.length)
-        ? newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates[newDisableCalendarDates.availableDates.length - 1].lastCheckOut
-        : null;
     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: 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 ||
-                    (((_c = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _c === void 0 ? void 0 : _c.length)
+                    (((_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 ? { after: lastPossibleCheckout } : []
-                        ], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_d = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _d === void 0 ? void 0 : _d.length)
+                            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 ? { after: lastPossibleCheckout } : []
+                            lastPossibleCheckout && lastPossibleCheckout
                         ], __read(newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [], fromMonth: today, onMonthChange: function (val) {
                     requestDates && setUpdateCalendarMonthNavigation
                         ? (requestDates(val),
@@ -11567,6 +11603,7 @@ var Calendar = forwardRef(function (_a, ref) {
                     disabledDates: disabledDates,
                     overlappingDate: overlappingDate,
                     rangeContext: rangeContext,
+                    lastPossibleCheckout: lastPossibleCheckout,
                     findFirstPossibleRangeContextCheckIn: findFirstPossibleRangeContextCheckIn,
                     findLastPossibleRangeContextCheckOut: findLastPossibleRangeContextCheckOut,
                     firstPossibleRangeContextCheckIn: firstPossibleRangeContextCheckIn,
@@ -11956,7 +11993,7 @@ 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, outerRangeContext = _a.outerRangeContext;
+    var onSubmit = _a.onSubmit, setToggleCalendar = _a.setToggleCalendar, noActiveSelection = _a.noActiveSelection, toggleCalendar = _a.toggleCalendar, outerRangeContext = _a.outerRangeContext, outerDisableCalendarDates = _a.outerDisableCalendarDates;
     // State
     var _b = __read(useState(), 2), calendarRange = _b[0], setCalendarRange = _b[1];
     var _c = __read(useState(outerRangeContext), 2), rangeContext = _c[0], setRangeContext = _c[1];
@@ -11966,7 +12003,15 @@ var useFilterCalendar = function (_a) {
     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];
+    var _k = __read(useState(), 2), disableCalendarDates = _k[0], setDisableCalendarDates = _k[1];
     // Lifecycle
+    // Handle update component with new data
+    useEffect(function () {
+        if (outerDisableCalendarDates) {
+            setDisableCalendarDates(outerDisableCalendarDates);
+        }
+    }, [outerDisableCalendarDates]);
+    // Handle Range Context initial selections
     useEffect(function () {
         if (typeof window === 'undefined')
             return;
@@ -11996,6 +12041,7 @@ var useFilterCalendar = function (_a) {
             }
         }
     }, [toggleCalendar]);
+    // Handle submit dates
     useEffect(function () {
         var formatString = 'dd.MM.yyyy';
         var initialRangeTo = (initialCalendarRange === null || initialCalendarRange === void 0 ? void 0 : initialCalendarRange.to)
@@ -12045,25 +12091,30 @@ var useFilterCalendar = function (_a) {
         setCalendarHasError: setCalendarHasError,
         setUpdatedForSubmit: setUpdatedForSubmit,
         rangeContext: rangeContext,
+        disableCalendarDates: disableCalendarDates,
     };
 };
 
-var css_248z = ".will-root .will-calendar-wrapper {\n    box-shadow: var(--will-box-shadow-dark);\n    border-radius: 20px;\n    background-color: var(--will-white);\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-header,\n.will-root .will-calendar-wrapper .will-calendar-main,\n.will-root .will-calendar-wrapper .will-calendar-footer {\n   padding: 20px;\n}\n\n/* Header */\n\n.will-root .will-calendar-wrapper .will-calendar-header {\n    display: flex;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--will-grey);\n    align-items: center;\n}\n\n/* Footer */\n\n.will-root .will-calendar-wrapper .will-calendar-footer {\n    border-top: 1px solid var(--will-grey);\n}\n\n/* Footer actions */\n\n.will-root .will-calendar-wrapper .will-calendar-footer-actions-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates > div {\n    margin-bottom: 5px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates-separator {\n    margin: 0 15px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates .will-calendar-footer-booked {\n    display: flex;\n    min-height: 20.5px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n@media (max-width: 960px) {\n    .will-root .will-calendar-wrapper {\n        width: -webkit-fill-available;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-header,\n    .will-root .will-calendar-wrapper .will-calendar-main,\n    .will-root .will-calendar-wrapper .will-calendar-footer {\n        padding: 20px 10px;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer {\n        flex-direction: column;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-dates  {\n        margin-bottom: 12px;\n        text-align: center;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-dates .will-calendar-footer-booked {\n       justify-content: center;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions {\n       flex-direction: column;\n       width: 100%;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions button{\n        width: 100%;\n     }\n  }\n\n.will-root .will-calendar-wrapper .will-calendar-header .will-filter-bar-close-button {\n    position: initial;\n}";
+var css_248z = ".will-root .will-calendar-wrapper {\n    box-shadow: var(--will-box-shadow-dark);\n    border-radius: 20px;\n    background-color: var(--will-white);\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-header,\n.will-root .will-calendar-wrapper .will-calendar-main,\n.will-root .will-calendar-wrapper .will-calendar-footer {\n   padding: 20px;\n}\n\n/* Header */\n\n.will-root .will-calendar-wrapper .will-calendar-header {\n    display: flex;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--will-grey);\n    align-items: center;\n}\n\n/* Footer */\n\n.will-root .will-calendar-wrapper .will-calendar-footer {\n    border-top: 1px solid var(--will-grey);\n}\n\n/* Footer actions */\n\n.will-root .will-calendar-wrapper .will-calendar-footer-actions-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates > div {\n    margin-bottom: 5px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates-separator {\n    margin: 0 15px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates .will-calendar-footer-booked {\n    display: flex;\n    min-height: 20.5px;\n    margin-top: 10px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-error {\n    display: flex;\n    align-items: center;\n}\n\n@media (max-width: 960px) {\n    .will-root .will-calendar-wrapper {\n        width: -webkit-fill-available;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-header,\n    .will-root .will-calendar-wrapper .will-calendar-main,\n    .will-root .will-calendar-wrapper .will-calendar-footer {\n        padding: 20px 10px;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions-wrapper {\n        flex-direction: column;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-dates  {\n        margin-bottom: 12px;\n        text-align: center;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-dates .will-calendar-footer-booked {\n       justify-content: center;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions {\n       flex-direction: column;\n       width: 100%;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions button{\n        width: 100%;\n     }\n\n     .will-root .will-calendar-wrapper .will-calendar-footer-error {\n       min-width: 20px;\n       margin-bottom: 10px; \n    }\n  }\n\n.will-root .will-calendar-wrapper .will-calendar-header .will-filter-bar-close-button {\n    position: initial;\n}";
 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, outerRangeContext = _a.rangeContext;
+    var calendarOffset = _a.calendarOffset, language = _a.language, palette = _a.palette, onSubmit = _a.onSubmit, outerDisableCalendarDates = _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 });
     var t = useTranslation().t;
+    var isMobile = reactResponsiveExports.useMediaQuery({ maxWidth: 690 });
+    console.log('1', { outerDisableCalendarDates: outerDisableCalendarDates });
     var _b = useFilterCalendar({
         onSubmit: onSubmit,
         setToggleCalendar: setToggleCalendar,
         noActiveSelection: noActiveSelection,
         toggleCalendar: toggleCalendar,
         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;
+        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;
+    console.log('1', { disableCalendarDates: disableCalendarDates });
     // Display component after fully loaded
     useAwaitRender();
     // Handle close filter section
@@ -12082,7 +12133,7 @@ function FilterCalendar(_a) {
         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" },
-                    calendarHasError ? (React__default__default.createElement("span", null, "Start or end day need connection for previous reservation")) : (React__default__default.createElement("div", null,
+                    calendarHasError ? (React__default__default.createElement("span", null, t("common:errors.calendarErrors.checkInAvailabilityGuide"))) : (React__default__default.createElement("div", null,
                         React__default__default.createElement("span", null, parseDate({
                             date: calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from,
                             dateFormat: 'EEEEEE d.M.yyyy',
@@ -12095,16 +12146,32 @@ function FilterCalendar(_a) {
                             language: language,
                         }) || t('common:checkOut')))),
                     React__default__default.createElement("span", { className: "will-calendar-footer-booked" }, calendarHasError
-                        ? '2 nights min'
+                        ? t("filterBar:calendar.minNights")
                         : nights
                             ? "".concat(nights, " ").concat(t("common:".concat(nights === 1 ? 'night' : 'nights')))
                             : '')),
+                calendarHasError &&
+                    isMobile &&
+                    renderCalendarErrorMessage({
+                        palette: palette,
+                        message: t("common:errors.calendarErrors.checkInAvailabilityError"),
+                    }),
                 React__default__default.createElement("div", { className: "will-calendar-footer-actions" },
                     React__default__default.createElement(SubmitButton, { onClick: handleClearDates, disabled: !(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from), label: t("common:clearDates") }))),
-            calendarHasError && (React__default__default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-                React__default__default.createElement(IconsSvg, { fill: (palette === null || palette === void 0 ? void 0 : palette.error) || 'inherit', size: 25, icon: "warning" }),
-                React__default__default.createElement("span", { style: { marginLeft: '10px' } }, "Check-in available for second room only with connection dates"))))))));
+            calendarHasError &&
+                !isMobile &&
+                renderCalendarErrorMessage({
+                    palette: palette,
+                    message: t("common:errors.calendarErrors.checkInAvailabilityError"),
+                }))))));
 }
+/////////
+var renderCalendarErrorMessage = function (_a) {
+    var message = _a.message, palette = _a.palette;
+    return (React__default__default.createElement("div", { className: "will-calendar-footer-error" },
+        React__default__default.createElement(IconsSvg, { fill: (palette === null || palette === void 0 ? void 0 : palette.error) || 'inherit', size: 25, icon: "warning" }),
+        React__default__default.createElement("span", { style: { marginLeft: '10px' } }, message || '')));
+};
 
 export { Button$1 as Button, FilterBar, FilterCalendar };
 //# sourceMappingURL=index.esm.js.map