From c772e3251a3bd89f0cb2267f6df17dbf2c981354 Mon Sep 17 00:00:00 2001
From: Tristan Michael <steeldynamite@gmail.com>
Date: Mon, 6 Apr 2026 11:02:54 -0700
Subject: [PATCH] fix: add safe area bottom padding to DateTimePicker

Add bottom padding to DateTimePicker component to prevent content
from being obscured by notches or home indicators on mobile devices.
Uses CSS max() function to ensure minimum 0.75rem spacing while
respecting device safe area insets.
---
 apps/tauri/src/lib/components/DateTimePicker.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/tauri/src/lib/components/DateTimePicker.svelte b/apps/tauri/src/lib/components/DateTimePicker.svelte
index 98ceef2..f6415d3 100644
--- a/apps/tauri/src/lib/components/DateTimePicker.svelte
+++ b/apps/tauri/src/lib/components/DateTimePicker.svelte
@@ -183,5 +183,6 @@
         <button onclick={clear} class="text-sm text-danger hover:opacity-70">Clear date</button>
       </div>
     {/if}
+    <div style="height: max(0.75rem, var(--safe-bottom))"></div>
   </div>
 </div>