Skip to content
Snippets Groups Projects
Commit 25c637b9 authored by Gaeon Kim's avatar Gaeon Kim
Browse files

feat: create 일정조회모달

parent 3f66de8c
No related branches found
No related tags found
No related merge requests found
// 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;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment