a

components/Extras/calendar.view.js

@@ -3,6 +3,7 @@ import ContentWrapper from "@/components/Layout/ContentWrapper";
 import { Card, CardBody, CardHeader, CardTitle } from "reactstrap";
 import { updateJadwal } from "../../actions/penjadwalan";
 import { getPelaporan } from "../../actions/pelaporan";
+import Select from "react-select";
 import Link from "next/link";
 
 import Scrollable from "@/components/Common/Scrollable";
@@ -15,6 +16,7 @@ import bootstrapPlugin from "@fullcalendar/bootstrap";
 
 import events from "./calendar.events";
 
+const selectInstanceId = 1;
 class Calendar extends Component {
 	calendarEvents = events;
 
@@ -30,6 +32,7 @@ class Calendar extends Component {
 		super(props);
 		this.state = {
 			selectedEvent: null,
+			selectedOption: null,
 			evRemoveOnDrop: true,
 			evNewName: "",
 			externalEvents: [],
@@ -64,6 +67,10 @@ class Calendar extends Component {
 		this.setState({ externalEvents: [{ id: this.props.query.number, color: color, name: "Jadwal Pemeriksaan - BI:" + this.props.query.number }] });
 	}
 
+	handleChangeSelect = (selectedOption) => {
+		this.setState({ selectedOption });
+	};
+
 	getDataEvent = () => {
 		const dataEvent = this.state.dataLaporan.data
 			.filter((e) => e.penjadwalan)
@@ -157,6 +164,24 @@ class Calendar extends Component {
 										</CardHeader>
 										<table className="table">
 											<tbody>
+												<tr>
+													<td>
+														<strong>Status</strong>
+													</td>
+													<td>
+														<Select
+															instanceId={selectInstanceId + 1}
+															value={this.state.selectedOption}
+															onChange={this.handleChangeSelect}
+															options={[
+																{ value: "ditolak", label: "Ditindaklanjuti Dikti Ristek", className: "State-ACT" },
+																{ value: "mengubah sanksi", label: "Delegasi ke lldikti", className: "State-ACT" },
+																{ value: "mencabut sanksi", label: "Ditutup", className: "State-ACT" },
+															]}
+															required
+														/>
+													</td>
+												</tr>
 												<tr>
 													<td>
 														<strong>Nomor Laporan</strong>