gantt-task-react-v 1.7.2 → 1.7.3

package/dist/gantt-task-react.es.js

@@ -11556,17 +11556,19 @@ const GanttTodayInner = ({
   ] });
 };
 const GanttToday = memo(GanttTodayInner);
-const calendarBottomText = "_calendarBottomText_15t8b_1";
-const calendarTopTick = "_calendarTopTick_15t8b_25";
-const calendarTopText = "_calendarTopText_15t8b_35";
-const calendarHeader = "_calendarHeader_15t8b_61";
-const calendar = "_calendar_15t8b_1";
-const calendarDragging$1 = "_calendarDragging_15t8b_85";
+const calendarBottomText = "_calendarBottomText_1mt8w_1";
+const calendarTopTick = "_calendarTopTick_1mt8w_31";
+const calendarTopText = "_calendarTopText_1mt8w_41";
+const calendarHeader = "_calendarHeader_1mt8w_67";
+const calendarBottomSeparator = "_calendarBottomSeparator_1mt8w_81";
+const calendar = "_calendar_1mt8w_1";
+const calendarDragging$1 = "_calendarDragging_1mt8w_103";
 const styles$c = {
   calendarBottomText,
   calendarTopTick,
   calendarTopText,
   calendarHeader,
+  calendarBottomSeparator,
   calendar,
   calendarDragging: calendarDragging$1
 };
@@ -11773,6 +11775,19 @@ const Calendar = ({
     for (let i = startColumnIndex; i <= endColumnIndex; i++) {
       const date = getDate(i);
       const bottomValue = renderBottomHeaderByDate(date, i);
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: additionalLeftSpace + columnWidth * i,
+            y1: 0,
+            x2: additionalLeftSpace + columnWidth * i,
+            y2: headerHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          `year-sep-${i}`
+        )
+      );
       bottomValues2.push(
         renderBottomText(
           columnWidth * i + columnWidth * 0.5,
@@ -11806,9 +11821,35 @@ const Calendar = ({
     const topValues2 = [];
     const bottomValues2 = [];
     const topDefaultHeight = headerHeight * 0.5;
+    bottomValues2.push(
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: 0,
+          y1: topDefaultHeight,
+          x2: fullSvgWidth,
+          y2: topDefaultHeight,
+          className: styles$c.calendarBottomSeparator
+        },
+        "month-top-border"
+      )
+    );
     for (let i = startColumnIndex; i <= endColumnIndex; i++) {
       const date = getDate(i);
       const bottomValue = renderBottomHeaderByDate(date, i);
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: additionalLeftSpace + columnWidth * i,
+            y1: topDefaultHeight,
+            x2: additionalLeftSpace + columnWidth * i,
+            y2: headerHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          `month-sep-${i}`
+        )
+      );
       bottomValues2.push(
         renderBottomText(
           additionalLeftSpace + columnWidth * i + columnWidth * 0.5,
@@ -11850,6 +11891,19 @@ const Calendar = ({
     const bottomValues2 = [];
     let weeksCount = 1;
     const topDefaultHeight = headerHeight * 0.5;
+    bottomValues2.push(
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: 0,
+          y1: topDefaultHeight,
+          x2: fullSvgWidth,
+          y2: topDefaultHeight,
+          className: styles$c.calendarBottomSeparator
+        },
+        "week-top-border"
+      )
+    );
     for (let i = endColumnIndex; i >= startColumnIndex; i--) {
       const date = getDate(i);
       const month = date.getMonth();
@@ -11859,6 +11913,19 @@ const Calendar = ({
         topValue = renderTopHeaderByDate(date);
       }
       const bottomValue = renderBottomHeaderByDate(date, i);
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: additionalLeftSpace + columnWidth * i,
+            y1: topDefaultHeight,
+            x2: additionalLeftSpace + columnWidth * i,
+            y2: headerHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          `week-sep-${i}`
+        )
+      );
       bottomValues2.push(
         renderBottomText(
           additionalLeftSpace + columnWidth * (i + +rtl),
@@ -11894,11 +11961,37 @@ const Calendar = ({
     const bottomValues2 = [];
     const topDefaultHeight = headerHeight * 0.5;
     const renderedMonths = /* @__PURE__ */ new Set();
+    bottomValues2.push(
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: 0,
+          y1: topDefaultHeight,
+          x2: fullSvgWidth,
+          y2: topDefaultHeight,
+          className: styles$c.calendarBottomSeparator
+        },
+        "day-top-border"
+      )
+    );
     for (let i = startColumnIndex; i <= endColumnIndex; i++) {
       const date = getDate(i);
       const bottomValue = renderBottomHeaderByDate(date, i);
       const month = date.getMonth();
       const fullYear = date.getFullYear();
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: additionalLeftSpace + columnWidth * i,
+            y1: topDefaultHeight,
+            x2: additionalLeftSpace + columnWidth * i,
+            y2: headerHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          `day-sep-${i}`
+        )
+      );
       bottomValues2.push(
         renderBottomText(
           additionalLeftSpace + columnWidth * i + columnWidth * 0.5,
@@ -11938,9 +12031,35 @@ const Calendar = ({
     const bottomValues2 = [];
     const ticks = dateSetup.viewMode === ViewMode.HalfDay ? 2 : 4;
     const topDefaultHeight = headerHeight * 0.5;
+    bottomValues2.push(
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: 0,
+          y1: topDefaultHeight,
+          x2: fullSvgWidth,
+          y2: topDefaultHeight,
+          className: styles$c.calendarBottomSeparator
+        },
+        "partday-top-border"
+      )
+    );
     for (let i = startColumnIndex; i <= endColumnIndex; i++) {
       const date = getDate(i);
       const bottomValue = renderBottomHeaderByDate(date, i);
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: additionalLeftSpace + columnWidth * i,
+            y1: topDefaultHeight,
+            x2: additionalLeftSpace + columnWidth * i,
+            y2: headerHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          `partday-sep-${i}`
+        )
+      );
       bottomValues2.push(
         renderBottomText(
           additionalLeftSpace + columnWidth * (i + +rtl),
@@ -11978,9 +12097,35 @@ const Calendar = ({
     const bottomValues2 = [];
     const topDefaultHeight = headerHeight * 0.5;
     const renderedDates = /* @__PURE__ */ new Set();
+    bottomValues2.push(
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: 0,
+          y1: topDefaultHeight,
+          x2: fullSvgWidth,
+          y2: topDefaultHeight,
+          className: styles$c.calendarBottomSeparator
+        },
+        "hour-top-border"
+      )
+    );
     for (let i = startColumnIndex; i <= endColumnIndex; i++) {
       const date = getDate(i);
       const bottomValue = renderBottomHeaderByDate(date, i);
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: additionalLeftSpace + columnWidth * i,
+            y1: topDefaultHeight,
+            x2: additionalLeftSpace + columnWidth * i,
+            y2: headerHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          `hour-sep-${i}`
+        )
+      );
       bottomValues2.push(
         renderBottomText(
           additionalLeftSpace + columnWidth * (i + +rtl),

package/dist/gantt-task-react.umd.js

@@ -11573,17 +11573,19 @@
     ] });
   };
   const GanttToday = React.memo(GanttTodayInner);
-  const calendarBottomText = "_calendarBottomText_15t8b_1";
-  const calendarTopTick = "_calendarTopTick_15t8b_25";
-  const calendarTopText = "_calendarTopText_15t8b_35";
-  const calendarHeader = "_calendarHeader_15t8b_61";
-  const calendar = "_calendar_15t8b_1";
-  const calendarDragging$1 = "_calendarDragging_15t8b_85";
+  const calendarBottomText = "_calendarBottomText_1mt8w_1";
+  const calendarTopTick = "_calendarTopTick_1mt8w_31";
+  const calendarTopText = "_calendarTopText_1mt8w_41";
+  const calendarHeader = "_calendarHeader_1mt8w_67";
+  const calendarBottomSeparator = "_calendarBottomSeparator_1mt8w_81";
+  const calendar = "_calendar_1mt8w_1";
+  const calendarDragging$1 = "_calendarDragging_1mt8w_103";
   const styles$c = {
     calendarBottomText,
     calendarTopTick,
     calendarTopText,
     calendarHeader,
+    calendarBottomSeparator,
     calendar,
     calendarDragging: calendarDragging$1
   };
@@ -11790,6 +11792,19 @@
       for (let i = startColumnIndex; i <= endColumnIndex; i++) {
         const date = getDate(i);
         const bottomValue = renderBottomHeaderByDate(date, i);
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: additionalLeftSpace + columnWidth * i,
+              y1: 0,
+              x2: additionalLeftSpace + columnWidth * i,
+              y2: headerHeight,
+              className: styles$c.calendarBottomSeparator
+            },
+            `year-sep-${i}`
+          )
+        );
         bottomValues2.push(
           renderBottomText(
             columnWidth * i + columnWidth * 0.5,
@@ -11823,9 +11838,35 @@
       const topValues2 = [];
       const bottomValues2 = [];
       const topDefaultHeight = headerHeight * 0.5;
+      bottomValues2.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: topDefaultHeight,
+            x2: fullSvgWidth,
+            y2: topDefaultHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          "month-top-border"
+        )
+      );
       for (let i = startColumnIndex; i <= endColumnIndex; i++) {
         const date = getDate(i);
         const bottomValue = renderBottomHeaderByDate(date, i);
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: additionalLeftSpace + columnWidth * i,
+              y1: topDefaultHeight,
+              x2: additionalLeftSpace + columnWidth * i,
+              y2: headerHeight,
+              className: styles$c.calendarBottomSeparator
+            },
+            `month-sep-${i}`
+          )
+        );
         bottomValues2.push(
           renderBottomText(
             additionalLeftSpace + columnWidth * i + columnWidth * 0.5,
@@ -11867,6 +11908,19 @@
       const bottomValues2 = [];
       let weeksCount = 1;
       const topDefaultHeight = headerHeight * 0.5;
+      bottomValues2.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: topDefaultHeight,
+            x2: fullSvgWidth,
+            y2: topDefaultHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          "week-top-border"
+        )
+      );
       for (let i = endColumnIndex; i >= startColumnIndex; i--) {
         const date = getDate(i);
         const month = date.getMonth();
@@ -11876,6 +11930,19 @@
           topValue = renderTopHeaderByDate(date);
         }
         const bottomValue = renderBottomHeaderByDate(date, i);
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: additionalLeftSpace + columnWidth * i,
+              y1: topDefaultHeight,
+              x2: additionalLeftSpace + columnWidth * i,
+              y2: headerHeight,
+              className: styles$c.calendarBottomSeparator
+            },
+            `week-sep-${i}`
+          )
+        );
         bottomValues2.push(
           renderBottomText(
             additionalLeftSpace + columnWidth * (i + +rtl),
@@ -11911,11 +11978,37 @@
       const bottomValues2 = [];
       const topDefaultHeight = headerHeight * 0.5;
       const renderedMonths = /* @__PURE__ */ new Set();
+      bottomValues2.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: topDefaultHeight,
+            x2: fullSvgWidth,
+            y2: topDefaultHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          "day-top-border"
+        )
+      );
       for (let i = startColumnIndex; i <= endColumnIndex; i++) {
         const date = getDate(i);
         const bottomValue = renderBottomHeaderByDate(date, i);
         const month = date.getMonth();
         const fullYear = date.getFullYear();
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: additionalLeftSpace + columnWidth * i,
+              y1: topDefaultHeight,
+              x2: additionalLeftSpace + columnWidth * i,
+              y2: headerHeight,
+              className: styles$c.calendarBottomSeparator
+            },
+            `day-sep-${i}`
+          )
+        );
         bottomValues2.push(
           renderBottomText(
             additionalLeftSpace + columnWidth * i + columnWidth * 0.5,
@@ -11955,9 +12048,35 @@
       const bottomValues2 = [];
       const ticks = dateSetup.viewMode === ViewMode.HalfDay ? 2 : 4;
       const topDefaultHeight = headerHeight * 0.5;
+      bottomValues2.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: topDefaultHeight,
+            x2: fullSvgWidth,
+            y2: topDefaultHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          "partday-top-border"
+        )
+      );
       for (let i = startColumnIndex; i <= endColumnIndex; i++) {
         const date = getDate(i);
         const bottomValue = renderBottomHeaderByDate(date, i);
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: additionalLeftSpace + columnWidth * i,
+              y1: topDefaultHeight,
+              x2: additionalLeftSpace + columnWidth * i,
+              y2: headerHeight,
+              className: styles$c.calendarBottomSeparator
+            },
+            `partday-sep-${i}`
+          )
+        );
         bottomValues2.push(
           renderBottomText(
             additionalLeftSpace + columnWidth * (i + +rtl),
@@ -11995,9 +12114,35 @@
       const bottomValues2 = [];
       const topDefaultHeight = headerHeight * 0.5;
       const renderedDates = /* @__PURE__ */ new Set();
+      bottomValues2.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: topDefaultHeight,
+            x2: fullSvgWidth,
+            y2: topDefaultHeight,
+            className: styles$c.calendarBottomSeparator
+          },
+          "hour-top-border"
+        )
+      );
       for (let i = startColumnIndex; i <= endColumnIndex; i++) {
         const date = getDate(i);
         const bottomValue = renderBottomHeaderByDate(date, i);
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: additionalLeftSpace + columnWidth * i,
+              y1: topDefaultHeight,
+              x2: additionalLeftSpace + columnWidth * i,
+              y2: headerHeight,
+              className: styles$c.calendarBottomSeparator
+            },
+            `hour-sep-${i}`
+          )
+        );
         bottomValues2.push(
           renderBottomText(
             additionalLeftSpace + columnWidth * (i + +rtl),

package/dist/style.css

@@ -534,10 +534,13 @@
 ._ganttTodayCircle_1oyhk_9 {
 
 }
-._calendarBottomText_15t8b_1 {
+._calendarBottomText_1mt8w_1 {
   text-anchor: middle;
   /*noinspection CssUnresolvedCustomProperty*/
-  fill: var(--gantt-calendar-bottom-text-color, var(--gantt-secondary-text-color));
+  fill: var(
+    --gantt-calendar-bottom-text-color,
+    var(--gantt-secondary-text-color)
+  );
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -546,12 +549,12 @@
   pointer-events: none;
 }
 
-._calendarTopTick_15t8b_25 {
+._calendarTopTick_1mt8w_31 {
   /*noinspection CssUnresolvedCustomProperty*/
   stroke: var(--gantt-calendar-top-divider-color, var(--gantt-divider-color));
 }
 
-._calendarTopText_15t8b_35 {
+._calendarTopText_1mt8w_41 {
   text-anchor: middle;
   /*noinspection CssUnresolvedCustomProperty*/
   fill: var(--gantt-calendar-top-text-color, var(--gantt-primary-text-color));
@@ -564,19 +567,25 @@
   font-weight: bold;
 }
 
-._calendarHeader_15t8b_61 {
+._calendarHeader_1mt8w_67 {
   fill: transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   stroke: var(--gantt-calendar-stroke-color);
   stroke-width: 1.4;
 }
 
-._calendar_15t8b_1 {
+._calendarBottomSeparator_1mt8w_81 {
+  /*noinspection CssUnresolvedCustomProperty*/
+  stroke: var(--gantt-calendar-stroke-color, #e0e0e0);
+  stroke-width: 1;
+}
+
+._calendar_1mt8w_1 {
   cursor: auto;
   user-select: none;
 }
 
-._calendarDragging_15t8b_85 {
+._calendarDragging_1mt8w_103 {
   cursor: ew-resize;
 }
 ._arrow_clickable_3u3q2_1 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",