From 542bbd19854cc7d844bde51836f1621a20b7ad70 Mon Sep 17 00:00:00 2001
From: GUARDiA <dev@zioinfo.co.kr>
Date: Sun, 5 Jul 2026 08:43:20 +0900
Subject: [PATCH] =?UTF-8?q?feat(ux):=20=EB=82=A0=EC=A7=9C=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=20=EC=BA=98=EB=A6=B0=EB=8D=94=20=EC=A0=84=ED=99=98=20?=
 =?UTF-8?q?-=20=EC=9D=BC=EC=A0=95=EB=93=B1=EB=A1=9D=20datetime-local=20(su?=
 =?UTF-8?q?rgical,=20=EC=BA=98=EB=A6=B0=EB=8D=94=20=ED=8C=8C=EC=9D=BC?=
 =?UTF-8?q?=EB=A7=8C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/components/Crud.tsx      | 5 +++--
 frontend/src/pages/AdScheduleList.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Crud.tsx b/frontend/src/components/Crud.tsx
index 2388d6a..061904d 100644
--- a/frontend/src/components/Crud.tsx
+++ b/frontend/src/components/Crud.tsx
@@ -6,7 +6,7 @@ import { PageHeader, Toolbar, Table, Modal, Button, Field, TextInput, Select, ty
 export interface FormFieldSpec {
   key: string
   label: string
-  type?: 'text' | 'number' | 'select' | 'textarea' | 'checkbox'
+  type?: 'text' | 'number' | 'select' | 'textarea' | 'checkbox' | 'date' | 'time' | 'datetime-local'
   opts?: string[] | { value: string; label: string }[]
   placeholder?: string
   required?: boolean
@@ -117,7 +117,8 @@ export function CrudForm({ spec, initial, onSave, saving }: {
               활성
             </label>
           ) : (
-            <TextInput className="w-full" type={fs.type === 'number' ? 'number' : 'text'}
+            <TextInput className="w-full"
+              type={fs.type === 'number' ? 'number' : (fs.type === 'date' || fs.type === 'time' || fs.type === 'datetime-local') ? fs.type : 'text'}
               value={String(f[fs.key] ?? '')} onChange={v => set(fs.key, fs.type === 'number' ? (v === '' ? '' : Number(v)) : v)}
               placeholder={fs.placeholder} />
           )}
diff --git a/frontend/src/pages/AdScheduleList.tsx b/frontend/src/pages/AdScheduleList.tsx
index acb35f9..55381c7 100644
--- a/frontend/src/pages/AdScheduleList.tsx
+++ b/frontend/src/pages/AdScheduleList.tsx
@@ -32,10 +32,10 @@ export default function AdScheduleList() {
         { key: 'mediaType', label: '미디어 유형', type: 'select', opts: MEDIA },
         { key: 'mediaPath', label: '미디어 경로' },
         { key: 'templateCode', label: '템플릿코드' },
-        { key: 'startAt', label: '시작(YYYY-MM-DDTHH:mm)', placeholder: '2026-07-01T09:00' },
-        { key: 'endAt', label: '종료(YYYY-MM-DDTHH:mm)', placeholder: '2026-07-31T22:00' },
-        { key: 'dailyStart', label: '일일 시작(HH:mm)', placeholder: '09:00' },
-        { key: 'dailyEnd', label: '일일 종료(HH:mm)', placeholder: '22:00' },
+        { key: 'startAt', label: '시작 일시', type: 'datetime-local' },
+        { key: 'endAt', label: '종료 일시', type: 'datetime-local' },
+        { key: 'dailyStart', label: '일일 시작 시각', type: 'time' },
+        { key: 'dailyEnd', label: '일일 종료 시각', type: 'time' },
         { key: 'priority', label: '우선순위(1~10)', type: 'number' },
         { key: 'status', label: '상태', type: 'select', opts: STATUS },
       ]}