ScheduleForm

client/src/components/Form/ScheduleForm.js

+import { useEffect, useRef } from "react";
+import BtnGroup from "../Buttons/BtnGroup.js";
+import styles from "./form.module.scss";
+
+const ScheduleForm = () => {
+
+    return (
+        <form className="my-5">
+            <input className="form-control form-control-lg mb-4" type="text" placeholder="제목" aria-label="title" autoFocus />
+            <div className="d-flex mb-4">
+                <label className="col-3 col-form-label">시작</label>
+                <div className="col-5">
+                    <input className="form-control" type="date" aria-label="startDate" />
+                </div>
+                <div className="col-4">
+                    <input className="form-control" type="time" aria-label="startTime" />
+                </div>
+            </div>
+            <div className="d-flex mb-3">
+                <label className="col-3 col-form-label">종료</label>
+                <div className="col-5">
+                    <input className="form-control" type="date" aria-label="endDate" />
+                </div>
+                <div className="col-4">
+                    <input className="form-control" type="time" aria-label="endTime" />
+                </div>
+            </div>
+            <div className="d-flex justify-content-end form-check">
+                <input className={`form-check-input border-dark shadow-none ${styles.checkBox}`} type="checkbox" value="" id="allDay" />
+                <label className="form-check-label" htmlFor="allDay">하루 종일</label>
+            </div>
+            <BtnGroup />
+        </form>
+    )
+}
+
+export default ScheduleForm
\ No newline at end of file

client/src/components/Form/form.module.scss

+.checkBox:checked {
+    background-color: crimson;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+}
\ No newline at end of file

client/src/components/ScheduleForm.js

-const ScheduleForm = () => {
-    return (
-        <></>
-    )
-}
-
-export default ScheduleForm
\ No newline at end of file

client/src/pages/ScheduleEditPage.js

+import ScheduleForm from "../components/Form/ScheduleForm.js";
+
 const ScheduleEditPage = () => {
     return (
-        <></>
+        <ScheduleForm />
     )
 }