From 5ccdf3798a2112b910bbf9396063fb27d5cb77c5 Mon Sep 17 00:00:00 2001
From: jerry <becomegoodguy@gmail.com>
Date: Fri, 22 Nov 2024 22:58:52 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B3=B5=EC=97=B0=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=20=ED=8E=98=EC=9D=B4=EC=A7=80=20TimePicker=20DateTimePicker?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/modifyManage/ModifyManage.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/modifyManage/ModifyManage.tsx b/src/pages/modifyManage/ModifyManage.tsx
index 6cae3ab8..c166be27 100644
--- a/src/pages/modifyManage/ModifyManage.tsx
+++ b/src/pages/modifyManage/ModifyManage.tsx
@@ -1,5 +1,4 @@
 import {
-  useGetScheduleAvailable,
   usePerformanceDelete,
   usePerformanceEdit,
   usePostPerformance,
@@ -17,7 +16,6 @@ import {
   Stepper,
   TextArea,
   TextField,
-  TimePicker,
 } from "@components/commons";
 
 import { PresignedResponse } from "@apis/domains/files/api";
@@ -29,6 +27,7 @@ import { useHeader, useModal } from "@hooks";
 import Content from "@pages/gig/components/content/Content";
 import ShowInfo, { SchelduleListType } from "@pages/gig/components/showInfo/ShowInfo";
 import { SHOW_TYPE_KEY } from "@pages/gig/constants";
+import DateTimePicker from "@pages/register/components/DateTimePicker";
 import { numericFilter, phoneNumberFilter, priceFilter } from "@utils/useInputFilter";
 import dayjs, { Dayjs } from "dayjs";
 import { ChangeEvent, useEffect, useReducer, useState } from "react";
@@ -175,6 +174,7 @@ const ModifyManage = () => {
       const scheduleNumber = SCHEDULE_NUMBER[index + 1];
       return { ...existingSchedule, totalTicketCount, scheduleNumber };
     });
+
     dispatch({ type: "SET_FIELD", field: "scheduleModifyRequests", value: updatedScheduleList });
   }, [dataState.totalScheduleCount]);
 
@@ -643,12 +643,12 @@ const ModifyManage = () => {
                   <div key={index}>
                     <S.InputDescription>{index + 1}회차</S.InputDescription>
                     <Spacing marginBottom={"1"} />
-                    <TimePicker
-                      value={dayjs(schedule.performanceDate)}
-                      disabled={isExpired(schedule.performanceDate)}
-                      onChangeValue={(date) => {
+                    <DateTimePicker
+                      value={schedule.performanceDate ? dayjs(schedule.performanceDate) : null}
+                      onChangeDateTime={(date) => {
                         const updatedSchedules = [...dataState.scheduleModifyRequests];
                         updatedSchedules[index].performanceDate = date;
+
                         handleInputChange("scheduleModifyRequests", updatedSchedules);
                       }}
                     />