fix: 날짜 포맷 오류 해결

Author: xaexunxang

src/features/event/ui/DatePicker.tsx

@@ -3,7 +3,7 @@ import DatePicker from 'react-datepicker';
 import { ko } from 'date-fns/locale';
 import 'react-datepicker/dist/react-datepicker.css';
 import { FunnelState } from '../model/FunnelContext';
-import { formatDateLocalString } from '../../../shared/lib/date';
+import { formatDateLocalString, extractTimeFromDateString } from '../../../shared/lib/date';
 
 interface DatePickerProps {
   className?: string;
@@ -16,14 +16,6 @@ interface DatePickerProps {
   isLabel?: boolean;
 }
 
-function extractTimeFromDateString(dateString?: string, defaultTime = '06:00') {
-  if (!dateString) return defaultTime;
-  const date = new Date(dateString);
-  const hours = date.getHours().toString().padStart(2, '0');
-  const minutes = date.getMinutes().toString().padStart(2, '0');
-  return `${hours}:${minutes}`;
-}
-
 const EventDatePicker = ({
   className,
   eventState,
@@ -82,13 +74,18 @@ const EventDatePicker = ({
   }, [eventState, initialStartDate, initialEndDate]);
 
   useEffect(() => {
-    if (eventState?.startDate) {
-      setStartTime(extractTimeFromDateString(eventState.startDate, '06:00'));
+    if (eventState?.startDate || initialStartDate) {
+      const date = new Date(eventState?.startDate || initialStartDate!);
+      setStartDate(date);
+      setStartTime(extractTimeFromDateString(eventState?.startDate || initialStartDate, '06:00'));
     }
-    if (eventState?.endDate) {
-      setEndTime(extractTimeFromDateString(eventState.endDate, '23:00'));
+    if (eventState?.endDate || initialEndDate) {
+      const date = new Date(eventState?.endDate || initialEndDate!);
+      setEndDate(date);
+      setEndTime(extractTimeFromDateString(eventState?.endDate || initialEndDate, '23:00'));
     }
-  }, [eventState?.startDate, eventState?.endDate]);
+  }, [eventState?.startDate, eventState?.endDate, initialStartDate, initialEndDate]);
+
 
   const generateTimeOptions = () => {
     const options = [];

src/shared/lib/date.ts

@@ -22,6 +22,14 @@ export const formatISO = (date: Date, time: string): string => {
   return kstDate.toISOString();
 };
 
+export const extractTimeFromDateString = (dateString?: string, defaultTime = '06:00') => {
+  if (!dateString) return defaultTime;
+  const date = new Date(dateString);
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+  return `${hours}:${minutes}`;
+}
+
 export const formatDateLocalString = (date: Date, time: string): string => {
   const [hours, minutes] = time.split(':').map(Number);
   const newDate = new Date(date);