DatePicker 수정 완료

client/src/components/Calendar/AdminMonthly.js

@@ -103,7 +103,7 @@ const AdminMonthly = () => {
                 themeSystem='bootstrap'
                 height='78vh'
             />
-            <DatePickerModal initialDate={initialDate} changeDate={changeDate} setChangeDate={setChangeDate} pickerShow={pickerShow} setPickerShow={setPickerShow} />
+            <DatePickerModal initialDate={initialDate} changeDate={changeDate} setChangeDate={setChangeDate} show={pickerShow} setShow={setPickerShow} />
             <ScheduleModal dateShow={dateShow} setDateShow={setDateShow} />
         </>
     )

client/src/components/Modal/DatePickerModal.js

 import { useState, useEffect } from "react";
 import moment from 'moment';
 
-const DatePickerModal = ({ initialDate, changeDate, setChangeDate, pickerShow, setPickerShow }) => {
+const DatePickerModal = ({ initialDate, changeDate, setChangeDate, show, setShow }) => {
     const [date, setDate] = useState({ year: moment(changeDate).get('year'), month: moment(changeDate).get('month') + 1 })
     const [year, setYear] = useState({ start: moment(initialDate).get('year') - 3, end: moment(initialDate).get('year') + 3 })
     const month = moment(initialDate).get('month') + 1
@@ -32,7 +32,7 @@ const DatePickerModal = ({ initialDate, changeDate, setChangeDate, pickerShow, s
 
     function cancel() {
         setDate({ year: moment(changeDate).get('year'), month: moment(changeDate).get('month') + 1 })
-        setPickerShow(false)
+        setShow(false)
     }
 
     function handleClick() {
@@ -41,26 +41,26 @@ const DatePickerModal = ({ initialDate, changeDate, setChangeDate, pickerShow, s
             else {
                 let dateStr = date.year + "-" + date.month + "-01"
                 setChangeDate(moment(dateStr).format("YYYY-MM-DD"))
-                setPickerShow(false)
+                setShow(false)
             }
         } else if (date.year === year.end) {
             if (month < date.month) alert("선택하신 날짜는 유효하지 않습니다. 다시 선택해주세요.")
             else {
                 let dateStr = date.year + "-" + date.month + "-01"
                 setChangeDate(moment(dateStr).format("YYYY-MM-DD"))
-                setPickerShow(false)
+                setShow(false)
             }
         } else {
             let dateStr = date.year + "-" + date.month + "-01"
             setChangeDate(moment(dateStr).format("YYYY-MM-DD"))
-            setPickerShow(false)
+            setShow(false)
         }
     }
 
     return (
         <>
-            {pickerShow ? <div className="offcanvas-backdrop fade show"></div> : null}
-            <div className={"offcanvas offcanvas-bottom " + (pickerShow ? "visible show" : "invisiblel")} tabIndex="-1" id="datePicker" aria-labelledby="datePicker">
+            {show ? <div className="offcanvas-backdrop fade show"></div> : null}
+            <div className={"offcanvas offcanvas-bottom " + (show ? "visible show" : "invisiblel")} tabIndex="-1" id="datePicker" aria-labelledby="datePicker">
                 <div className="offcanvas-body small py-2">
                     <div className="d-flex my-3">
                         <div className="col-6 d-flex flex-column justify-content-between align-items-center fs-4">