willba-component-library 0.2.18 → 0.2.20

package/lib/index.esm.js

@@ -10798,8 +10798,18 @@ var Calendar = forwardRef(function (_a, ref) {
     var today = startOfDay(new Date());
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     useEffect(function () {
-        if (!calendarRange)
+        if (!calendarRange) {
             setCalendarRange(undefined);
+        }
+        else if (calendarRange.from && calendarRange.to) {
+            handleSelectedCheckIn({
+                range: calendarRange,
+                disableCalendarDates: disableCalendarDates,
+                setCalendarRange: setCalendarRange,
+                setDisabledDates: setDisabledDates,
+                calendarRange: calendarRange,
+            });
+        }
     }, []);
     // Handle tooltip
     useEffect(function () {
@@ -10857,10 +10867,9 @@ 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, { id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range, days, activeModifiers, e) {
+            React__default__default.createElement(DayPicker, { id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) {
                     return handleSelectedCheckIn({
                         range: range,
-                        e: e,
                         disableCalendarDates: disableCalendarDates,
                         setCalendarRange: setCalendarRange,
                         setDisabledDates: setDisabledDates,
@@ -10900,7 +10909,7 @@ var Calendar = forwardRef(function (_a, ref) {
 /////////
 var handleSelectedCheckIn = function (_a) {
     var _b;
-    var range = _a.range; _a.e; var disableCalendarDates = _a.disableCalendarDates, setCalendarRange = _a.setCalendarRange, setDisabledDates = _a.setDisabledDates, calendarRange = _a.calendarRange;
+    var range = _a.range, disableCalendarDates = _a.disableCalendarDates, setCalendarRange = _a.setCalendarRange, setDisabledDates = _a.setDisabledDates, calendarRange = _a.calendarRange;
     // Calendar dates select logic
     var dateFormat = 'dd-MM-yyyy';
     var rangeFrom = (range === null || range === void 0 ? void 0 : range.from) ? format(range.from, dateFormat) : null;
@@ -11369,9 +11378,10 @@ var useFilterCalendar = function (_a) {
             });
         }
     }, []);
-    useEffect(function () {
-        onSubmit(calendarRange);
-    }, []);
+    // TODO - handle the onSubmit on calendar open
+    // useEffect(() => {
+    //   onSubmit(calendarRange)
+    // }, [])
     var handleSubmit = function () {
         setToggleCalendar(false);
         return onSubmit(calendarRange);