From 305cc676f373268c4780d55def77d0d0719597ab Mon Sep 17 00:00:00 2001
From: Hunter Johnston <johnstonhuntera@gmail.com>
Date: Mon, 4 Dec 2023 19:41:42 -0500
Subject: [PATCH] styles: calendar previews

---
 src/components/demos/calendar-demo.svelte          | 1 +
 src/components/demos/date-picker-demo.svelte       | 2 +-
 src/components/demos/date-range-picker-demo.svelte | 2 +-
 src/components/demos/range-calendar-demo.svelte    | 1 +
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/demos/calendar-demo.svelte b/src/components/demos/calendar-demo.svelte
index 5a869efd8..c76bf0d57 100644
--- a/src/components/demos/calendar-demo.svelte
+++ b/src/components/demos/calendar-demo.svelte
@@ -13,6 +13,7 @@
 	let:weekdays
 	{isDateUnavailable}
 	weekdayFormat="short"
+	fixedWeeks={true}
 >
 	<Calendar.Header class="flex items-center justify-between">
 		<Calendar.PrevButton
diff --git a/src/components/demos/date-picker-demo.svelte b/src/components/demos/date-picker-demo.svelte
index 4925830ad..d836711ca 100644
--- a/src/components/demos/date-picker-demo.svelte
+++ b/src/components/demos/date-picker-demo.svelte
@@ -4,7 +4,7 @@
 	import { CaretLeft, CaretRight, CalendarBlank } from "phosphor-svelte";
 </script>
 
-<DatePicker.Root weekdayFormat="short">
+<DatePicker.Root weekdayFormat="short" fixedWeeks={true}>
 	<div class="flex min-w-[200px] flex-col gap-1">
 		<DatePicker.Label class="block select-none font-medium"
 			>Birthday</DatePicker.Label
diff --git a/src/components/demos/date-range-picker-demo.svelte b/src/components/demos/date-range-picker-demo.svelte
index 6905e5dba..cec6fb7f3 100644
--- a/src/components/demos/date-range-picker-demo.svelte
+++ b/src/components/demos/date-range-picker-demo.svelte
@@ -6,7 +6,7 @@
 	let value: DateRange | undefined = undefined;
 </script>
 
-<DateRangePicker.Root bind:value weekdayFormat="short">
+<DateRangePicker.Root bind:value weekdayFormat="short" fixedWeeks={true}>
 	<div class="flex min-w-[200px] flex-col gap-1">
 		<DateRangePicker.Label class="block select-none font-medium"
 			>Rental Days</DateRangePicker.Label
diff --git a/src/components/demos/range-calendar-demo.svelte b/src/components/demos/range-calendar-demo.svelte
index 8e71a5734..3b4097df5 100644
--- a/src/components/demos/range-calendar-demo.svelte
+++ b/src/components/demos/range-calendar-demo.svelte
@@ -9,6 +9,7 @@
 	let:months
 	let:weekdays
 	weekdayFormat="short"
+	fixedWeeks={true}
 >
 	<RangeCalendar.Header class="flex items-center justify-between">
 		<RangeCalendar.PrevButton