diff --git a/src/app/[activityId]/_components/MobileReserveModal.tsx b/src/app/[activityId]/_components/MobileReserveModal.tsx
index 3eea77ec..fe5a03bc 100644
--- a/src/app/[activityId]/_components/MobileReserveModal.tsx
+++ b/src/app/[activityId]/_components/MobileReserveModal.tsx
@@ -6,6 +6,7 @@ import activitiesApi from '@/api/activitiesApi';
import { useActivityDetail } from '@/app/[activityId]/_hooks/queries/useActivityDetail';
import { useAvailableSchedule } from '@/app/[activityId]/_hooks/queries/useAvailableSchedule';
import {
+ getKSTDateString,
getMonthNameEnglish,
isSameMonth,
} from '@/app/[activityId]/_utils/activityDetailDates';
@@ -110,7 +111,6 @@ export default function MobileReserveModal({
>
{step === 1 && (
<>
- {/* 날짜 선택 */}
날짜
{getMonthNameEnglish(currentDate)}
@@ -144,7 +144,6 @@ export default function MobileReserveModal({
- {/* 캘린더 */}
{['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((day, i) => (
@@ -153,7 +152,7 @@ export default function MobileReserveModal({
))}
{dates.map((date) => {
const isCurrent = isSameMonth(currentDate, date);
- const formatted = date.toISOString().split('T')[0];
+ const formatted = getKSTDateString(date);
const isAvailable = schedules.some((s) => s.date === formatted);
const isSelected = selectedDate === formatted;
@@ -179,7 +178,6 @@ export default function MobileReserveModal({
})}
- {/* 시간 선택 */}
예약 가능한 시간
{selectedDate ? (
@@ -222,7 +220,6 @@ export default function MobileReserveModal({
{step === 2 && (
<>
- {/* 인원 선택 */}