diff --git a/src/pages/inquiryModal.js b/src/pages/inquiryModal.js new file mode 100644 index 0000000000000000000000000000000000000000..4987bd0cbeb8c9b921ca58aec3d6844e4d5b4fb8 --- /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;