From 93d9e01d4e990418cd9815b25247220e0b56c20f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=89=E1=85=B3=E1=86=BC=E1=84=8B?=
 =?UTF-8?q?=E1=85=A7=E1=86=AB?= <sylee1274@mz.co.kr>
Date: Wed, 8 Jan 2025 17:53:04 +0900
Subject: [PATCH] feat: update `ScheduleSettingForm` for showing already
 created time data
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 .../schedule-setting-form/ScheduleSettingForm.vue           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/common/components/schedule-setting-form/ScheduleSettingForm.vue b/apps/web/src/common/components/schedule-setting-form/ScheduleSettingForm.vue
index cbeee28e32..43ca0b55f5 100644
--- a/apps/web/src/common/components/schedule-setting-form/ScheduleSettingForm.vue
+++ b/apps/web/src/common/components/schedule-setting-form/ScheduleSettingForm.vue
@@ -60,7 +60,7 @@ const state = reactive({
     selectedDayButton: ['MON', 'TUE', 'WED', 'THU', 'FRI'] as DayType[],
     start: 0,
     end: 24,
-    startHourTimeList: computed<SelectDropdownMenuItem[]>(() => range(state.start, state.end).map((h) => ({
+    startHourTimeList: computed<SelectDropdownMenuItem[]>(() => range(0, state.end).map((h) => ({
         label: `${h.toString().padStart(2, '0')}:00`,
         name: h.toString(),
     }))),
@@ -176,13 +176,13 @@ onMounted(() => {
             <div class="flex items-center gap-2">
                 <p-select-dropdown :menu="state.startHourTimeList"
                                    :selected="state.start"
-                                   placeholder="00:00"
+                                   :placeholder="state.startHourTimeList[state.start].label"
                                    @select="handleSelectDropdown('start', $event)"
                 />
                 <span>{{ $t('COMMON.SCHEDULE_SETTING.TO') }}</span>
                 <p-select-dropdown :menu="state.endHourTimeList"
                                    :selected="state.end"
-                                   placeholder="24:00"
+                                   :placeholder="state.endHourTimeList[state.end - state.start - 1].label"
                                    @select="handleSelectDropdown('end', $event)"
                 />
             </div>