From 69e4a663755c516e8dee4f14f8fa9e1be6b9cd5a Mon Sep 17 00:00:00 2001
From: "ethan.chen" <ethan.chen@sangoai.cn>
Date: Tue, 27 May 2025 18:32:12 +0800
Subject: [PATCH] feat: update DatePicker to handle date selection via onSelect
 callback in MediaFormModal

---
 src/lib/DatePicker.svelte     | 4 ++--
 src/lib/MediaFormModal.svelte | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/DatePicker.svelte b/src/lib/DatePicker.svelte
index 2ff5afd..b7da90f 100644
--- a/src/lib/DatePicker.svelte
+++ b/src/lib/DatePicker.svelte
@@ -3,14 +3,14 @@
   import { zhCN } from 'date-fns/locale';
   import { fade, scale } from 'svelte/transition';
 
-  let { value, placeholder = '选择日期' } = $props();
+  let { value, placeholder = '选择日期', onSelect } = $props();
   let isOpen = $state(false);
   let currentMonth = $state(value ? new Date(value) : new Date());
   let inputElement: HTMLInputElement;
 
   function handleSelect(date: Date) {
     const dateStr = format(date, 'yyyy-MM-dd');
-    value = dateStr;
+    onSelect(dateStr);
     isOpen = false;
   }
 
diff --git a/src/lib/MediaFormModal.svelte b/src/lib/MediaFormModal.svelte
index 1a04209..fb15527 100644
--- a/src/lib/MediaFormModal.svelte
+++ b/src/lib/MediaFormModal.svelte
@@ -109,6 +109,7 @@
           <label class="font-medium text-gray-700 whitespace-nowrap" for="date">日期</label>
           <DatePicker
             value={media.date}
+            onSelect={(date: string) => media.date = date}
             placeholder="选择日期"
           />
         </div>