From c01e45759d3315baab395dd76fc604517b2cde72 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Tue, 8 Apr 2025 10:47:13 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=ED=83=80?=
 =?UTF-8?q?=EC=9E=84=ED=94=BC=EC=BB=A4=20=EC=98=81=EC=97=AD=20=EB=88=84?=
 =?UTF-8?q?=EB=A5=BC=EB=95=8C=20=EC=8B=9C=EA=B0=84=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=EA=B0=80=EB=8A=A5=ED=95=98=EA=B2=8C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/custom.css                     |  6 ++++++
 src/components/main/EventModal.vue        | 21 ++++++++++++++++++++-
 src/components/main/MainEventCalendar.vue |  7 ++++---
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 446192a..6ef6f37 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -719,6 +719,12 @@
     pointer-events: none;
 }
 
+.hidden-time-input {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+}
+
 /* 권한부여 */
 .user-card-container {
     display: flex;
diff --git a/src/components/main/EventModal.vue b/src/components/main/EventModal.vue
index 31ca713..0db263f 100644
--- a/src/components/main/EventModal.vue
+++ b/src/components/main/EventModal.vue
@@ -33,9 +33,20 @@
                 <span v-if="noInputAlert" class="invalid-feedback d-block" style="padding-left: 5px">{{ noInputAlert }}</span>
             </div>
             <div class="mb-2">
+                <div @click="focusPicker">
+                    <input
+                        type="time"
+                        class="form-control form-control-sm py-1"
+                        style="height: 25px; font-size: 12px"
+                        v-model="eventTime"
+                        @input="handleChangeInput2"
+                    />
+                </div>
+
                 <input
+                    ref="timeInput"
                     type="time"
-                    class="form-control form-control-sm py-1"
+                    class="hidden-time-input"
                     style="height: 25px; font-size: 12px"
                     v-model="eventTime"
                     @input="handleChangeInput2"
@@ -81,6 +92,14 @@
     const eventTime = ref('');
     const noInputAlert = ref(null);
     const noInputAlert2 = ref(null);
+    const timeInput = ref(null);
+
+    const focusPicker = () => {
+        if (timeInput.value) {
+            timeInput.value.showPicker(); // 달력 자동 열기 (일부 브라우저에서 지원)
+            timeInput.value.focus(); // 포커스 이동
+        }
+    };
 
     const eventTypes = [
         { type: 'birthdayParty', code: '300203', title: '생일파티' },
diff --git a/src/components/main/MainEventCalendar.vue b/src/components/main/MainEventCalendar.vue
index 489c622..45bf25b 100644
--- a/src/components/main/MainEventCalendar.vue
+++ b/src/components/main/MainEventCalendar.vue
@@ -543,8 +543,10 @@
         const dateStr = $common.dateFormatter(arg.date, 'YMD');
         // 해당 셀의 날짜와 일치하는 데이터
         const theDayWeatherInfo = dailyWeatherList.value.find(weather => weather.date === dateStr);
+        const dayTopEl = arg.el.querySelector('.fc-daygrid-day-top');
+        const isWeatherInfoExist = dayTopEl.getElementsByClassName('weather-icon').length > 0; // 중복 방지
 
-        if (theDayWeatherInfo) {
+        if (theDayWeatherInfo && !isWeatherInfoExist) {
             let weatherIconUrl = `https://openweathermap.org/img/wn/${theDayWeatherInfo.icon}.png`;
             if (theDayWeatherInfo.icon === '01d' || theDayWeatherInfo.icon === '01n') {
                 weatherIconUrl = '/img/icons/sunny-custom.png';
@@ -558,9 +560,8 @@
             weatherEl.style.height = '28px';
 
             // 해당 셀에 이미지 넣기
-            const dayTopEl = arg.el.querySelector('.fc-daygrid-day-top');
             dayTopEl.classList.add('align-items-center');
-            dayTopEl.prepend(weatherEl); // 이상하게 가장 앞에 넣어야 일자 뒤에 나옴
+            dayTopEl.prepend(weatherEl); // 이상하게 가장 앞에 넣어야 일자 뒤에 나옴 reverse 옵션이 있는듯
         }
     };