@activecollab/components 2.0.203 → 2.0.205

package/dist/index.js

@@ -11467,7 +11467,7 @@
         var modifierTitles = [];
         var titles;
         if (modifiers) Object.keys(modifiers || {}).forEach(function (modifier) {
-          var _modifiers$modifier = modifiers[modifier](clonedDate.toDate()),
+          var _modifiers$modifier = modifiers[modifier](clonedDate),
             matched = _modifiers$modifier.matched,
             title = _modifiers$modifier.title;
           if (matched) {
@@ -12082,7 +12082,7 @@
       return moment__default$1["default"].isMoment(maxValue) && moment__default$1["default"](moment__default$1["default"].utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
     }, [maxValue, toDate]);
     var isBeforeMinDate = React.useMemo(function () {
-      return moment__default$1["default"].isMoment(minValue) && moment__default$1["default"].utc(moment__default$1["default"](minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
+      return moment__default$1["default"].isMoment(minValue) && moment__default$1["default"].utc(moment__default$1["default"].utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
     }, [minValue, toDate]);
     React.useEffect(function () {
       if (isBeforeMinDate) {
@@ -19231,12 +19231,23 @@
   SelectDate.displayName = "SelectDate";
 
   var isDayInRange = function isDayInRange(day, data) {
+    var fromMoment = moment__default$1["default"].unix(data.from).utc();
+    var toMoment = moment__default$1["default"].unix(data.to).utc();
     if (data.repeating) {
-      var from = new Date(day.getFullYear(), data.from.getMonth(), data.from.getDate());
-      var to = new Date(day.getFullYear(), data.to.getMonth(), data.to.getDate());
-      return day >= from && day <= to;
+      var year = day.year();
+      var from = moment__default$1["default"].utc({
+        year,
+        month: fromMoment.month(),
+        date: fromMoment.date()
+      });
+      var to = moment__default$1["default"].utc({
+        year,
+        month: toMoment.month(),
+        date: toMoment.date()
+      });
+      return day.isSameOrAfter(from, "day") && day.isSameOrBefore(to, "day");
     }
-    return day >= data.from && day <= data.to;
+    return day.isSameOrAfter(fromMoment, "day") && day.isSameOrBefore(toMoment, "day");
   };
   var SelectDateV2 = function SelectDateV2(_ref) {
     var _ref$changeMode = _ref.changeMode,
@@ -19333,9 +19344,8 @@
       });
       return {
         userAvailability: function userAvailability(day) {
-          var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
           var matchedData = userAvailabilities.find(function (data) {
-            return isDayInRange(currentDay, data);
+            return isDayInRange(day, data);
           });
           return {
             matched: !!matchedData,
@@ -19343,23 +19353,22 @@
           };
         },
         weekend: function weekend(day) {
-          var isWeekend = weekends.includes(day.getDay());
+          var isWeekend = weekends.includes(day.day());
           return {
             matched: isWeekend,
             title: isWeekend ? weekendLabel : null
           };
         },
         nonWorkingDay: function nonWorkingDay(day) {
-          if (weekends.includes(day.getDay())) {
+          if (weekends.includes(day.day())) {
             return {
               matched: true,
               title: ""
             };
           }
           var nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];
-          var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
           var matchedData = nonWorkingDays.find(function (data) {
-            return isDayInRange(currentDay, data);
+            return isDayInRange(day, data);
           });
           return {
             matched: !!matchedData,
@@ -19367,16 +19376,15 @@
           };
         },
         nonWorkingDaysOfWeek: function nonWorkingDaysOfWeek(day) {
-          var isNonWorkingDay = _nonWorkingDaysOfWeek.includes(day.getDay());
+          var isNonWorkingDay = _nonWorkingDaysOfWeek.includes(day.day());
           return {
             matched: isNonWorkingDay,
             title: isNonWorkingDay ? nonWorkingDaysOfWeekLabel : null
           };
         },
         day_disabled: function day_disabled(day) {
-          var currentDay = new Date(day.getFullYear(), day.getMonth(), day.getDate());
           var globalDayOff = globalDaysOff.find(function (data) {
-            return isDayInRange(currentDay, data);
+            return isDayInRange(day, data);
           });
           return {
             matched: !!globalDayOff,
@@ -19851,7 +19859,8 @@
       _ref$stroke = _ref.stroke,
       stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
       _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 100 : _ref$width;
+      width = _ref$width === void 0 ? 100 : _ref$width,
+      className = _ref.className;
     var progressNumber = React.useMemo(function () {
       var width = progress;
       if (progress > 100) {
@@ -19880,7 +19889,7 @@
       return stroke_min;
     }, [stroke]);
     return /*#__PURE__*/React__default["default"].createElement(StyledProgressBar, {
-      className: "c-progress-bar",
+      className: classNames__default["default"]("c-progress-bar", className),
       $color: backgroundColor,
       $width: widthPercent
     }, /*#__PURE__*/React__default["default"].createElement(StyledProgressBarProgress, {