From 9a9dc80e267a5c6403fec65ca9b408ed6c13a9e6 Mon Sep 17 00:00:00 2001
From: Tristan Michael <steeldynamite@gmail.com>
Date: Mon, 6 Apr 2026 10:57:11 -0700
Subject: [PATCH] fix: set fixed height on calendar grid

Add content-start alignment and fixed 192px height to the
calendar grid to prevent layout shift when switching between
months with different numbers of weeks. This ensures consistent
spacing and prevents the calendar from changing size based on
the month being displayed.
---
 apps/tauri/src/lib/components/DateTimePicker.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/tauri/src/lib/components/DateTimePicker.svelte b/apps/tauri/src/lib/components/DateTimePicker.svelte
index df7d969..98ceef2 100644
--- a/apps/tauri/src/lib/components/DateTimePicker.svelte
+++ b/apps/tauri/src/lib/components/DateTimePicker.svelte
@@ -121,7 +121,7 @@
     </div>
 
     <!-- Calendar grid -->
-    <div class="grid grid-cols-7 px-4 pb-2">
+    <div class="grid grid-cols-7 content-start px-4 pb-2" style="height: 192px;">
       {#each calendarCells as day}
         {#if day === null}
           <div></div>