@activecollab/components 2.0.198 → 2.0.199

package/dist/index.js

@@ -11410,8 +11410,13 @@
       return monthTransitionDirection && !disableAnimations ? monthTransitionDirection === "next" ? "slide-down" : "slide-up" : "";
     }, [disableAnimations, monthTransitionDirection]);
     var handleDayClick = function handleDayClick(day, modifiers) {
-      handleDateSelect(day);
+      if (modifiers.some(function (mod) {
+        return mod === "day_disabled";
+      })) {
+        return;
+      }
       if (onDayClick) onDayClick(day, modifiers);
+      handleDateSelect(day);
     };
     var getHoverRange = function getHoverRange() {
       if (!hoveredDate) return null;
@@ -19292,7 +19297,8 @@
       position = _ref.position,
       disableDaysBefore = _ref.disableDaysBefore,
       enableYearPicker = _ref.enableYearPicker,
-      disableAnimations = _ref.disableAnimations;
+      disableAnimations = _ref.disableAnimations,
+      disabledDaysAfter = _ref.disabledDaysAfter;
     var labelText = React.useMemo(function () {
       if (!selectedDays) {
         return defaultLabelText;
@@ -19304,6 +19310,9 @@
         if (selectedDays.to && selectedDays.from && toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))) {
           return formattedEndDate;
         }
+        if (!selectedDays.to && selectedDays.from) {
+          return formattedStartDate;
+        }
         return "".concat(formattedStartDate, " - ").concat(formattedEndDate);
       }
     }, [selectedDays, dateFormat, defaultLabelText, longDateFormat]);
@@ -19358,9 +19367,35 @@
             matched: isNonWorkingDay,
             title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null
           };
+        },
+        day_disabled: function day_disabled(day) {
+          if (disableDaysBefore) {
+            if (day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)) {
+              return {
+                matched: true,
+                title: ""
+              };
+            }
+          }
+          if (!weekendIsSelectable && weekends.some(function (value) {
+            return value === day.getDay();
+          })) {
+            return {
+              matched: true,
+              title: weekendLabel
+            };
+          }
+          var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
+          var globalDayOff = globalDaysOff.find(function (data) {
+            return isDayInRange(currentDay, data);
+          });
+          return {
+            matched: !!globalDayOff,
+            title: null
+          };
         }
       };
-    }, [daysToModify, _nonWorkingDaysOfWeek, nonWorkingDaysOfWeekLabel, weekendLabel, weekends]);
+    }, [daysToModify, disableDaysBefore, _nonWorkingDaysOfWeek, nonWorkingDaysOfWeekLabel, weekendIsSelectable, weekendLabel, weekends]);
     var renderTargetEl = React.useMemo(function () {
       if (labelType === "icon" && icon) {
         return /*#__PURE__*/React__default["default"].createElement(SelectDateTarget, {
@@ -19405,6 +19440,7 @@
       modalDiscardBtnText: modalDiscardBtnText,
       modalCancelBtnText: modalCancelBtnText,
       disabledDaysBefore: disableDaysBefore,
+      disabledDaysAfter: disabledDaysAfter,
       backgroundElementClass: backgroundElementClass,
       disabled: weekendIsSelectable ? [] : [0, 6],
       popperTooltipClassName: popperTooltipClassName,
@@ -19427,6 +19463,7 @@
       cancelLabel: cancelButtonText,
       clearLabel: clearButtonText,
       disabledDaysBefore: disableDaysBefore,
+      disabledDaysAfter: disabledDaysAfter,
       popperTooltipClassName: popperTooltipClassName,
       popperTooltipStyle: popperTooltipStyle,
       disabled: weekendIsSelectable ? [] : [0, 6],