styles: calendar previews

huntabyte · Dec 5, 2023 · 305cc67 · 305cc67
1 parent 04afd24
commit 305cc67
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -9,6 +9,7 @@
 	let:months
 	let:weekdays
 	weekdayFormat="short"
+	fixedWeeks={true}
 >
 	<RangeCalendar.Header class="flex items-center justify-between">
 		<RangeCalendar.PrevButton