fix: calendars not rendering first day of next month

huntabyte · Oct 17, 2024 · a23230b · a23230b
1 parent 07bfcd4
commit a23230b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/green-pumpkins-provide.md b/.changeset/green-pumpkins-provide.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix: bug with calendar months sometimes not rendering the first day of the month
diff --git a/packages/bits-ui/src/lib/internal/date-time/calendar-helpers.svelte.ts b/packages/bits-ui/src/lib/internal/date-time/calendar-helpers.svelte.ts
@@ -105,7 +105,13 @@ function createMonth(props: CreateMonthProps): Month<DateValue> {
 			startFrom = dateObj.add({ months: 1 }).set({ day: 1 });
 		}
 
-		const extraDaysArray = Array.from({ length: extraDays }, (_, i) => {
+		let length = extraDays;
+		if (nextMonthDays.length === 0) {
+			length = extraDays - 1;
+			nextMonthDays.push(startFrom);
+		}
+
+		const extraDaysArray = Array.from({ length }, (_, i) => {
 			const incr = i + 1;
 			return startFrom.add({ days: incr });
 		});