ywana-core8 0.0.938 → 0.0.940

package/dist/index.umd.js

@@ -1495,7 +1495,8 @@
         editable = _props$editable === void 0 ? false : _props$editable,
         onBlur = props.onBlur,
         _props$position = props.position,
-        position = _props$position === void 0 ? "bottom" : _props$position;
+        position = _props$position === void 0 ? "bottom" : _props$position,
+        className = props.className;
       var _useState = React.useState(false),
         open = _useState[0],
         setOpen = _useState[1];
@@ -1584,7 +1585,7 @@
         size: "small"
       })) : props.label;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "dropdown"
+        className: "dropdown " + className
       }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
         label: title,
         onClick: onFocus,
@@ -5742,10 +5743,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 +5759,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 +5830,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 +5870,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