fix(Axis): Fix multiline month when day tick does not align on first of month (#517)

techniq · web-flow · commit 489ea1736f79 · 2025-05-25T09:56:01.000-04:00
diff --git a/.changeset/social-masks-teach.md b/.changeset/social-masks-teach.md
@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Axis): Fix multiline month when day tick does not align on first of month
diff --git a/packages/layerchart/src/lib/utils/ticks.ts b/packages/layerchart/src/lib/utils/ticks.ts
@@ -31,7 +31,7 @@ export function getDurationFormat(duration: Duration, multiline = false) {
       }
     } else if (+duration >= +new Duration({ duration: { days: 1 } })) {
       // Day
-      const isFirst = i === 0 || +timeMonth.floor(date) === +date;
+      const isFirst = i === 0 || date.getDate() < duration.days;
       if (multiline) {
         return (
           format(date, PeriodType.Custom, { custom: DateToken.DayOfMonth_numeric }) +

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'layerchart': patch
 +---
++
 +fix(Axis): Fix multiline month when day tick does not align on first of month
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ export function getDurationFormat(duration: Duration, multiline = false) {`
`31`	`31`	`}`
`32`	`32`	`} else if (+duration >= +new Duration({ duration: { days: 1 } })) {`
`33`	`33`	`// Day`
`34`		`- const isFirst = i === 0 \|\| +timeMonth.floor(date) === +date;`
	`34`	`+ const isFirst = i === 0 \|\| date.getDate() < duration.days;`
`35`	`35`	`if (multiline) {`
`36`	`36`	`return (`
`37`	`37`	`format(date, PeriodType.Custom, { custom: DateToken.DayOfMonth_numeric }) +`