ywana-core8 0.0.937 → 0.0.939

package/dist/index.cjs

@@ -5749,10 +5749,13 @@ var Planner2 = function Planner2(_ref) {
     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', {
@@ -5762,12 +5765,23 @@ var Planner2 = function Planner2(_ref) {
           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);
   }
@@ -5822,9 +5836,17 @@ var Planner2 = function Planner2(_ref) {
   }), 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
@@ -5854,14 +5876,16 @@ var Planner2 = function Planner2(_ref) {
       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
@@ -5869,7 +5893,7 @@ var Planner2 = function Planner2(_ref) {
         key: "content" + index + "_" + year + "-" + month + "-" + day,
         onClick: function onClick() {
           return selectCell({
-            row: lane.id,
+            lane: lane.id,
             date: dayDate
           });
         }