From 7786a4a5c553843d309a29051c90e253829d1e79 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Tue, 16 Jun 2026 22:14:33 +0900
Subject: [PATCH] =?UTF-8?q?style(admin-schedule):=20=EB=82=A0=EC=A7=9C?=
 =?UTF-8?q?=EB=AF=B8=EC=A0=95=20=EC=97=B0/=EC=9B=94=20=EC=84=A0=ED=83=9D?=
 =?UTF-8?q?=EC=9D=84=20CustomSelect=EB=A1=9C=20=EA=B5=90=EC=B2=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

네이티브 select 대신 공통 커스텀 드롭다운 사용 (앱 스타일 통일).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../pages/pc/admin/schedules/ScheduleForm.jsx | 33 ++++++++-----------
 1 file changed, 13 insertions(+), 20 deletions(-)

diff --git a/frontend/src/pages/pc/admin/schedules/ScheduleForm.jsx b/frontend/src/pages/pc/admin/schedules/ScheduleForm.jsx
index 4672aee..49c7a5d 100644
--- a/frontend/src/pages/pc/admin/schedules/ScheduleForm.jsx
+++ b/frontend/src/pages/pc/admin/schedules/ScheduleForm.jsx
@@ -2,7 +2,7 @@ import { useState, useEffect, useMemo } from 'react';
 import { useNavigate, Link, useParams, useSearchParams } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 import { Home, ChevronRight, Save, Settings } from 'lucide-react';
-import { AdminLayout, DatePicker, TimePicker } from '@/components/pc/admin';
+import { AdminLayout, DatePicker, TimePicker, CustomSelect } from '@/components/pc/admin';
 import { Toast } from '@/components/common';
 import { MemberSelector } from '@/components/pc/admin/schedule';
 import { useAdminAuth } from '@/hooks/pc/admin';
@@ -277,25 +277,18 @@ function ScheduleForm() {
                   // 날짜 미정: 연 + 월 드롭다운
                   <div>
                     <label className="block text-sm font-medium text-gray-700 mb-2">연 / 월 *</label>
-                    <div className="flex gap-3">
-                      <select
-                        value={selYear || yearNow}
-                        onChange={(e) => setMonthDate(e.target.value, parseInt(selMonth, 10))}
-                        className="flex-1 px-4 py-3 border border-gray-200 rounded-xl bg-white focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-                      >
-                        {YEAR_OPTIONS.map((y) => (
-                          <option key={y} value={y}>{y}년</option>
-                        ))}
-                      </select>
-                      <select
-                        value={parseInt(selMonth, 10) || ''}
-                        onChange={(e) => setMonthDate(selYear || yearNow, e.target.value)}
-                        className="flex-1 px-4 py-3 border border-gray-200 rounded-xl bg-white focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-                      >
-                        {Array.from({ length: 12 }, (_, i) => i + 1).map((m) => (
-                          <option key={m} value={m}>{m}월</option>
-                        ))}
-                      </select>
+                    <div className="grid grid-cols-2 gap-3">
+                      <CustomSelect
+                        value={String(selYear || yearNow)}
+                        onChange={(v) => setMonthDate(v, parseInt(selMonth, 10) || 1)}
+                        options={YEAR_OPTIONS.map((y) => ({ value: String(y), label: `${y}년` }))}
+                      />
+                      <CustomSelect
+                        value={String(parseInt(selMonth, 10) || '')}
+                        onChange={(v) => setMonthDate(selYear || yearNow, v)}
+                        options={Array.from({ length: 12 }, (_, i) => ({ value: String(i + 1), label: `${i + 1}월` }))}
+                        placeholder="월 선택"
+                      />
                     </div>
                   </div>
                 ) : (