From 25c637b92d88847c6913bb79f0a46f9696e6d8ee Mon Sep 17 00:00:00 2001 From: Gaeon Kim <rkdjs1104@ajou.ac.kr> Date: Sat, 25 Nov 2023 16:18:27 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20create=20=EC=9D=BC=EC=A0=95=EC=A1=B0?= =?UTF-8?q?=ED=9A=8C=EB=AA=A8=EB=8B=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/inquiryModal.js | 45 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 src/pages/inquiryModal.js diff --git a/src/pages/inquiryModal.js b/src/pages/inquiryModal.js new file mode 100644 index 0000000..4987bd0 --- /dev/null +++ b/src/pages/inquiryModal.js @@ -0,0 +1,45 @@ +// ScheduleModal.js +import React, { useState } from 'react'; +import schedule_inquiry from './inquiryModal.module.css'; +const ScheduleInquiryModal = ({ isOpen, onClose, onInquiry }) => { + const [formData, setFormData] = useState({ + InquiryDate:'' + }); + + const handleInputChange = (e) => { + const { name, value } = e.target; + setFormData(prevData => ({ + ...prevData, + [name]: value + })); + }; + + const handleInquiry = () => { + onInquiry(formData); + onClose(); + }; + + return ( + + <div className={`${schedule_inquiry.modal} ${isOpen ? schedule_inquiry.open : ''}`}> + <div className={schedule_inquiry.modal_content}> + <label>조회 날짜:</label> + <input + type="date" + name="InquiryDate" + value={formData.startDate} + onChange={handleInputChange} + /> + + + <button className={schedule_inquiry.save} onClick={handleInquiry}>조회</button> + <button className={schedule_inquiry.cancel} onClick={onClose}>취소</button> + </div> + </div> + ); +}; + + + + +export default ScheduleInquiryModal; -- GitLab