feat: [UI개선] 일정 수정시 시작일, 끝날짜 디폴트 넣기 및 버튼UI 수정

Author: jeongah2651

src/components/MyCalendar/CreateEventButton.tsx

@@ -2,6 +2,7 @@ import { InputRef } from '../common/InputForm.tsx';
 import { useState, useRef, useEffect } from 'react';
 import { Events } from '@/utils/index.ts';
 import { addPersonalSchedule, updatePersonalSchedule } from '@/apis/personalScheduleApi.ts';
+import { formatDate } from '@/utils/dateUtils.ts';
 
 export interface eventProps {
   id?: number;
@@ -21,11 +22,11 @@ const CreateEventDialog = ({ id, title, start_date, end_date }: eventProps) => {
   useEffect(() => {
     if (start_date) {
       setStartDate(start_date);
-      startRef!.current!.value = start_date;
+      startRef!.current!.value = formatDate(start_date);
     }
     if (end_date) {
       setEndDate(end_date);
-      endRef!.current!.value = end_date;
+      endRef!.current!.value = formatDate(end_date);
     }
     if (title) {
       setTitle(title);
@@ -118,7 +119,7 @@ const CreateEventDialog = ({ id, title, start_date, end_date }: eventProps) => {
         errorText="끝 날짜는 시작날짜보다 늦게 해주세요."
       />
       <hr className="mb-2 mt-2" />
-      <button className="btn w-full bg-primary text-base-100" onClick={onCreateClicked}>
+      <button className="btn w-full bg-lime-900 text-base-100" onClick={onCreateClicked}>
         {id ? '수정하기' : '추가하기'}
       </button>
     </div>

src/components/common/Dialog.tsx

@@ -36,7 +36,7 @@ const Dialog = forwardRef<DialogElement, Props>((props, ref) => {
         {title && <h3 className="text-lg font-bold">{title}</h3>}
         {desc && <p className={descClassName}>{desc}</p>}
         {children && <div>{children}</div>}
-        <div className="modal-action flex justify-center">
+        <div className="modal-action mt-1 flex justify-center">
           <button type="button" className="btn bg-primary text-base-100" onClick={() => dialogRef.current?.close()}>
             닫기
           </button>

src/utils/dateUtils.ts

@@ -28,3 +28,11 @@ export function formatTime(date: string): string {
 
   return isAM ? `오전${formattedHours}:${formattedMinutes}` : `오후${formattedHours}:${formattedMinutes}`;
 }
+
+export const formatDate = (dateString: string) => {
+  const date = new Date(dateString);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+};