ywana-core8 0.0.937 → 0.0.939

package/dist/index.umd.js

@@ -5742,10 +5742,13 @@
         days = _useState[0],
         setDays = _useState[1];
       var lastDay = new Date(to);
+      var today = new Date();
       React.useEffect(function () {
         var day = new Date(from);
         var nextDays = [];
         while (day <= lastDay) {
+          var isToday = day.getDate() === today.getDate() && day.getMonth() === today.getMonth() && day.getFullYear() === today.getFullYear();
+          var isWeekend = day.getDay() === 0 || day.getDay() === 6;
           nextDays.push({
             day: day.getDate(),
             weekday: day.toLocaleString('en-US', {
@@ -5755,12 +5758,23 @@
               month: 'short'
             }),
             monthNum: day.getMonth() + 1,
-            year: day.getFullYear()
+            year: day.getFullYear(),
+            isToday: isToday,
+            isWeekend: isWeekend,
+            isInCurrentWeek: isInCurrentWeek(day)
           });
           day.setDate(day.getDate() + 1);
         }
         setDays(nextDays);
       }, [from, to]);
+      function isInCurrentWeek(date) {
+        var today = new Date();
+        var first = today.getDate() - today.getDay();
+        var last = first + 5;
+        var firstDay = new Date(today.setDate(first));
+        var lastDay = new Date(today.setDate(last));
+        return date >= firstDay && date <= lastDay;
+      }
       function selectCell(cell) {
         if (onSelectCell) onSelectCell(cell);
       }
@@ -5815,9 +5829,17 @@
       }), days.map(function (_ref3) {
         var day = _ref3.day,
           weekday = _ref3.weekday,
-          month = _ref3.month;
+          month = _ref3.month,
+          _ref3$isToday = _ref3.isToday,
+          isToday = _ref3$isToday === void 0 ? false : _ref3$isToday,
+          _ref3$isWeekend = _ref3.isWeekend,
+          isWeekend = _ref3$isWeekend === void 0 ? false : _ref3$isWeekend,
+          isInCurrentWeek = _ref3.isInCurrentWeek;
+        var todayClass = isToday ? 'today' : '';
+        var weekendClass = isWeekend ? 'weekend' : '';
+        var currentWeekClass = isInCurrentWeek ? 'current-week' : '';
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "day-cell",
+          className: "day-cell " + todayClass + " " + weekendClass + " " + currentWeekClass,
           style: {
             minWidth: dayWidth,
             maxWidth: dayWidth
@@ -5847,14 +5869,16 @@
           var day = _ref4.day,
             month = _ref4.month,
             monthNum = _ref4.monthNum,
-            year = _ref4.year;
+            year = _ref4.year,
+            isWeekend = _ref4.isWeekend;
           var dayDate = new Date(year, monthNum - 1, day);
           var dayEvents = laneEvents.filter(function (event) {
             var eventDate = new Date(event.date);
             return eventDate.getDate() === dayDate.getDate() && eventDate.getMonth() === dayDate.getMonth() && eventDate.getFullYear() === dayDate.getFullYear();
           });
+          var weekendClass = isWeekend ? 'weekend' : '';
           return /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "content-cell",
+            className: "content-cell " + weekendClass,
             style: {
               minWidth: dayWidth,
               maxWidth: dayWidth
@@ -5862,7 +5886,7 @@
             key: "content" + index + "_" + year + "-" + month + "-" + day,
             onClick: function onClick() {
               return selectCell({
-                row: lane.id,
+                lane: lane.id,
                 date: dayDate
               });
             }