ywana-core8 0.0.908 → 0.0.910

package/dist/index.cjs

@@ -3259,45 +3259,45 @@ var Calendar = function Calendar(props) {
   var range = moment.range(firstDayOfRange, lastDayOfRange);
   var days = Array.from(range.by('days'));
   var cells = days.map(function (day) {
-    var dayEvents = events.filter(function (event) {
-      var eventDate = moment(event.date, "YYYY-MM-DD");
-      return eventDate.isSame(day, 'day');
+    var eventsOfDay = events.filter(function (event) {
+      console.log(event.date, day.format("YYYY-MM-DD"));
+      var eventDay = moment(event.date);
+      return eventDay.isSame(day, 'day');
     });
     return {
       day: day,
-      events: dayEvents
+      events: eventsOfDay
     };
   });
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "calendar"
-  }, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement("label", null, " ", monthName, " ", year), /*#__PURE__*/React__default["default"].createElement(Button, {
+  }, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement("label", null, " ", /*#__PURE__*/React__default["default"].createElement(Text, null, monthName), " ", year), /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "chevron_left",
-    raised: true,
     action: prev
   }), /*#__PURE__*/React__default["default"].createElement(Button, {
-    label: "Hoy",
+    label: "Today",
     outlined: true,
     action: today
   }), /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "chevron_right",
-    raised: true,
     action: next
   })), /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Lun"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Mon")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Mar"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Tue")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Mi\xE9"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Wed")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Jue"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Thu")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Vie"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Fri")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Sab"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Sat")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "week-day-cell"
-  }, "Dom")), /*#__PURE__*/React__default["default"].createElement("main", null, cells.map(function (cell) {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, "Sun"))), /*#__PURE__*/React__default["default"].createElement("main", null, cells.map(function (cell) {
     return /*#__PURE__*/React__default["default"].createElement(DayCell, {
+      key: cell.day,
       cell: cell
     }, children);
   })));
@@ -3309,8 +3309,9 @@ var DayCell = function DayCell(props) {
   var day = cell.day,
     events = cell.events;
   var todayStyle = day.isSame(moment(), 'day') ? 'today' : '';
+  var sameMonthStyle = day.isSame(moment(), 'month') ? '' : 'other-month';
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "day-cell " + todayStyle
+    className: "day-cell " + todayStyle + " " + sameMonthStyle
   }, /*#__PURE__*/React__default["default"].createElement("header", null, day.format("DD")), /*#__PURE__*/React__default["default"].createElement("main", null, events.map(function (event) {
     return /*#__PURE__*/React__default["default"].createElement(Event, {
       key: event.id,