date time ke semua menu

components/NaikSanksi/InputTanggal.js

@@ -5,8 +5,6 @@ import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
 import { connect } from "react-redux";
 import { getOneSanksi, update } from "@/actions/sanksi";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import { addDays, addMonths } from 'date-fns';
 import id from 'date-fns/locale/id';
 import moment from "moment";
@@ -17,6 +15,8 @@ import { getPelanggaranSanksi } from "@/actions/pelanggaran";
 import Select from "react-select";
 import { getCsrf } from "../../actions/security";
 import Swal from "sweetalert2";
+import Datetime from "react-datetime";
+
 
 
 const selectInstanceId = 1;
@@ -255,18 +255,19 @@ class InputTanggal extends Component {
                                         <span className="col-sm-3 float-left">
                                             <Field name="from_date">
                                                 {({ field, form }) => (
-                                                    <DatePicker
-                                                        selected={this.state.from_date}
-                                                        onChange={(from_date) => {
-                                                            this.setState({ from_date })
-                                                            form.setFieldValue(field.name, from_date);
-                                                        }}
-                                                        dateFormat="dd/MM/yyyy"
-                                                        maxDate={this.state.startDay}
-                                                        placeholderText="Dari Tanggal"
-                                                        locale={id}
-                                                        className="form-control bg-white"
-                                                    />
+                                                    <Datetime
+                                                    timeFormat={false}
+                                                    inputProps={{ className: "form-control" }}
+                                                    value={field.value || "DD/MM/YYYY"}
+                                                    onChange={(from_date) => {
+                                                        form.setFieldValue(field.name, from_date);
+                                                        this.setState({ from_date })
+                                                    }}
+                                                    closeOnSelect={true}
+                                                    isValidDate={(e) => {
+                                                        return e.isBefore(new Date())
+                                                    }}
+                                                />
                                                 )}
                                             </Field>
                                             <ErrorMessage name="from_date" component="div" className="form-text text-danger" />
@@ -282,18 +283,19 @@ class InputTanggal extends Component {
                                                     <FormGroup>
                                                         <Field name="from_date">
                                                             {({ field, form }) => (
-                                                                <DatePicker
-                                                                    selected={this.state.from_date}
-                                                                    onChange={(from_date) => {
-                                                                        this.setState({ from_date })
-                                                                        form.setFieldValue(field.name, from_date);
-                                                                    }}
-                                                                    dateFormat="dd/MM/yyyy"
-                                                                    maxDate={this.state.startDay}
-                                                                    placeholderText="Dari Tanggal"
-                                                                    locale={id}
-                                                                    className="form-control bg-white"
-                                                                />
+                                                                <Datetime
+                                                                timeFormat={false}
+                                                                inputProps={{ className: "form-control" }}
+                                                                value={field.value || "DD/MM/YYYY"}
+                                                                onChange={(from_date) => {
+                                                                    form.setFieldValue(field.name, from_date);
+                                                                    this.setState({ from_date })
+                                                                }}
+                                                                closeOnSelect={true}
+                                                                isValidDate={(e) => {
+                                                                    return e.isBefore(new Date())
+                                                                }}
+                                                            />
                                                             )}
                                                         </Field>
                                                         <ErrorMessage name="from_date" component="div" className="form-text text-danger" />
@@ -303,19 +305,19 @@ class InputTanggal extends Component {
                                                     <FormGroup>
                                                         <Field name="to_date">
                                                             {({ field, form }) => (
-                                                                <DatePicker
-                                                                    selected={this.state.to_date}
-                                                                    onChange={(to_date) => {
-                                                                        this.setState({ to_date })
-                                                                        form.setFieldValue(field.name, to_date);
-                                                                    }}
-                                                                    dateFormat="dd/MM/yyyy"
-                                                                    minDate={this.state.from_date}
-                                                                    maxDate={addMonths(new Date(this.state.from_date), 6)}
-                                                                    placeholderText="Sampai tanggal"
-                                                                    locale={id}
-                                                                    className="form-control bg-white"
-                                                                />
+                                                                <Datetime
+                                                                timeFormat={false}
+                                                                inputProps={{ className: "form-control" }}
+                                                                value={field.value || "DD/MM/YYYY"}
+                                                                onChange={(to_date) => {
+                                                                    form.setFieldValue(field.name, to_date);
+                                                                    this.setState({ to_date })
+                                                                }}
+                                                                closeOnSelect={true}
+                                                                isValidDate={(e) => {
+                                                                    return e.isBefore(addMonths(new Date(this.state.from_date), 6)) && e.isAfter(new Date(this.state.from_date))
+                                                                }}
+                                                            />
                                                             )}
                                                         </Field>
                                                         <ErrorMessage name="to_date" component="div" className="form-text text-danger" />
@@ -378,7 +380,7 @@ class InputTanggal extends Component {
                                                                                 <h5 className="text-center dz-default dz-message">Klik untuk tambah file</h5>
                                                                             </div> :
                                                                             <div className="text-center fa-2x icon-cloud-upload mr-2 ">
-                                                                                <h5 className="text-center dz-default dz-message">Upload dokumen rekomendasi delegasi</h5>
+                                                                                <h5 className="text-center dz-default dz-message">Upload dokumen Naik Sanksi</h5>
                                                                             </div>
                                                                         }
                                                                         </div>

components/Pemeriksaan/InputEvaluasi.js

@@ -271,6 +271,7 @@ class InputEvaluasi extends Component {
 				<button className="bg-transparent button-transparent border-0 fas fa-trash text-danger float-right" onClick={removeFile(file)} />
 			</p>
 		));
+		console.log(new Date(this.state.tanggal))
 		return (
 			<>
 				<Formik

components/PerpanjanganSanksi/InputTanggal.js

@@ -5,8 +5,6 @@ import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
 import { connect } from "react-redux";
 import { getOneSanksi, editTmt } from "@/actions/sanksi";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import { addDays, addMonths } from 'date-fns';
 import id from 'date-fns/locale/id';
 import moment from "moment";
@@ -15,6 +13,8 @@ moment.locale('id');
 import Router from "next/router";
 import { getCsrf } from "../../actions/security";
 import Swal from "sweetalert2";
+import Datetime from "react-datetime";
+
 
 
 const selectInstanceId = 1;
@@ -213,18 +213,20 @@ class InputTanggal extends Component {
                                                 <FormGroup>
                                                     <Field name="from_date">
                                                         {({ field, form }) => (
-                                                            <DatePicker
-                                                                selected={this.state.from_date}
-                                                                onChange={(from_date) => {
-                                                                    this.setState({ from_date })
-                                                                    form.setFieldValue(field.name, from_date);
-                                                                }}
-                                                                dateFormat="dd/MM/yyyy"
-                                                                maxDate={this.state.startDay}
-                                                                placeholderText="Dari Tanggal"
-                                                                locale={id}
-                                                                className="form-control bg-white"
-                                                            />
+                                                            <Datetime
+                                                            timeFormat={false}
+                                                            inputProps={{ className: "form-control" }}
+                                                            value={field.value || "DD/MM/YYYY"}
+                                                            onChange={(from_date) => {
+                                                                form.setFieldValue(field.name, from_date);
+                                                                this.setState({ from_date })
+                                                            }}
+                                                            closeOnSelect={true}
+                                                            isValidDate={(e) => {
+                                                                return e.isBefore(new Date())
+                                                            }}
+
+                                                        />
                                                         )}
                                                     </Field>
                                                     <ErrorMessage name="from_date" component="div" className="form-text text-danger" />
@@ -234,19 +236,19 @@ class InputTanggal extends Component {
                                                 <FormGroup>
                                                     <Field name="to_date">
                                                         {({ field, form }) => (
-                                                            <DatePicker
-                                                                selected={this.state.to_date}
-                                                                onChange={(to_date) => {
-                                                                    this.setState({ to_date })
-                                                                    form.setFieldValue(field.name, to_date);
-                                                                }}
-                                                                dateFormat="dd/MM/yyyy"
-                                                                minDate={this.state.from_date}
-                                                                maxDate={addMonths(new Date(this.state.from_date), 6)}
-                                                                placeholderText="Sampai tanggal"
-                                                                locale={id}
-                                                                className="form-control bg-white"
-                                                            />
+                                                            <Datetime
+                                                            timeFormat={false}
+                                                            inputProps={{ className: "form-control" }}
+                                                            value={field.value || "DD/MM/YYYY"}
+                                                            onChange={(to_date) => {
+                                                                form.setFieldValue(field.name, to_date);
+                                                                this.setState({ to_date })
+                                                            }}
+                                                            closeOnSelect={true}
+                                                            isValidDate={(e) => {
+                                                                return e.isBefore(addMonths(new Date(this.state.from_date), 6)) && e.isAfter(new Date(this.state.from_date))
+                                                            }}
+                                                        />
                                                         )}
                                                     </Field>
                                                     <ErrorMessage name="to_date" component="div" className="form-text text-danger" />
@@ -278,7 +280,7 @@ class InputTanggal extends Component {
                                                                                 <h5 className="text-center dz-default dz-message">Klik untuk tambah file</h5>
                                                                             </div> :
                                                                             <div className="text-center fa-2x icon-cloud-upload mr-2 ">
-                                                                                <h5 className="text-center dz-default dz-message">Upload dokumen rekomendasi delegasi</h5>
+                                                                                <h5 className="text-center dz-default dz-message">Upload dokumen Perpanjangan Sanksi</h5>
                                                                             </div>
                                                                         }
                                                                         </div>

components/Sanksi/BeritaAcara.js

@@ -2,8 +2,6 @@ import React, { useRef, Component } from 'react';
 import { Row, Col, Button, Popover, PopoverHeader, PopoverBody, Card, CardBody, Modal, ModalBody, ModalFooter } from "reactstrap";
 import ComponentToPrint from "./SuratBA_A";
 import ReactToPrint, { PrintContextConsumer } from 'react-to-print';
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import id from 'date-fns/locale/id';
 import CopyToClipboard from "react-copy-to-clipboard";
 import { getAutoSave } from "@/actions/autosave";
@@ -13,8 +11,8 @@ import { ToastContainer, toast } from "react-toastify";
 import Router from "next/router";
 import { getCsrf } from '../../actions/security';
 import { ENV } from '../../env';
-import { connect } from "react-redux";
 import Swal from 'sweetalert2';
+import Datetime from "react-datetime";
 
 
 
@@ -327,16 +325,16 @@ class BeritaAcara extends Component {
                             Pada hari ini
                             {dataSuratBA?.isEditTanggal &&
                                 <span style={{ textIndent: "0rem" }}>
-                                    <DatePicker
-                                        selected={tanggal ? new Date(tanggal) : tanggal}
-                                        onChange={(tanggal) => {
-                                            this.setState({ tanggal, setTanggal: true }, this.setDataSuratBA)
-                                        }}
-                                        dateFormat="dd/MM/yyyy"
-                                        placeholderText="Isi Tanggal"
-                                        locale={id}
-                                        className="form-control bg-white"
-                                    />
+                                     <Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={tanggal ? new Date(tanggal) : tanggal || "Isi Tanggal"}
+                                                                            onChange={(tanggal) => {
+                                                                                this.setState({ tanggal, setTanggal: true }, this.setDataSuratBA)
+                                                                            }}
+																			closeOnSelect={true}
+																			
+																		/>
                                     <button className='bg-transparent button-transparent border-0 fas fa-times-circle text-danger' onClick={this.isEditTanggal} />
                                     <button className='bg-transparent button-transparent border-0 fas fa-check-circle text-success' onClick={this.isEditTanggal}
                                     />
@@ -397,16 +395,16 @@ class BeritaAcara extends Component {
                                     } */}
                                     {dataSuratBA?.isEditTanggal_2 &&
                                         <span style={{ textIndent: "0rem" }}>
-                                            <DatePicker
-                                                selected={tanggal_2 ? new Date(tanggal_2) : tanggal_2}
-                                                onChange={(tanggal_2) => {
-                                                    this.setState({ tanggal_2, setTanggal_2: true }, this.setDataSuratBA)
-                                                }}
-                                                dateFormat="dd/MM/yyyy"
-                                                placeholderText="Isi Tanggal"
-                                                locale={id}
-                                                className="form-control bg-white"
-                                            />
+                                            <Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={tanggal_2 ? new Date(tanggal_2) : tanggal_2 || "Isi Tanggal"}
+                                                                            onChange={(tanggal_2) => {
+                                                                                this.setState({ tanggal_2, setTanggal_2: true }, this.setDataSuratBA)
+                                                                            }}
+																			closeOnSelect={true}
+																			
+																		/>
                                             <button className='bg-transparent button-transparent border-0 fas fa-times-circle text-danger' onClick={this.isEditTanggal_2} />
                                             <button className='bg-transparent button-transparent border-0 fas fa-check-circle text-success' onClick={this.isEditTanggal_2}
                                             />

components/Sanksi/Redudansi.js

@@ -1,7 +1,6 @@
 import React, { Component } from "react";
 import { Row, Col, Input, FormGroup, Label, Progress, Button } from "reactstrap";
 import Select from "react-select";
-import "react-datepicker/dist/react-datepicker.css";
 import Swal from "sweetalert2";
 import * as Yup from "yup";
 import { connect } from "react-redux";

components/Sanksi/UploadSurat.js

@@ -1,17 +1,9 @@
 import React, { Component } from "react";
 import { Row, Col, Input, FormGroup, Label, Progress, Button } from "reactstrap";
 import Select from "react-select";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
-// import "react-datepicker/dist/react-datepicker.css";
-import ms from "ms";
 import { addDays, addMonths } from 'date-fns';
-import id from 'date-fns/locale/id';
-// registerLocale('id', id)
-import { getAutoSave, inputAutoSave } from "@/actions/autosave";
-import ComponentToPrint from "./SuratBA_A";
-import ReactToPrint, { PrintContextConsumer } from 'react-to-print';
-import Link from "next/dist/client/link";
+import Datetime from "react-datetime";
+import moment from "moment";
 
 let Dropzone = null;
 class DropzoneWrapper extends Component {
@@ -181,6 +173,7 @@ export class UploadSurat extends Component {
 				<button className="bg-transparent button-transparent border-0 fas fa-trash text-danger float-right" onClick={removeFileTandaTerimaSS(file)} />
 			</p>
 		));
+		console.log(addMonths(new Date(this.state.awalTMT), 6))
 		return (
 			<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
 				<FormGroup row>
@@ -211,16 +204,18 @@ export class UploadSurat extends Component {
 						<Col>
 							<FormGroup>
 								<span>
-									<DatePicker
-										selected={this.state.awalTMT ? new Date(this.state.awalTMT) : this.state.awalTMT}
+									<Datetime
+										timeFormat={false}
+										inputProps={{ className: "form-control" }}
+										value={this.state.awalTMT ? new Date(this.state.awalTMT) : this.state.awalTMT}
 										onChange={(awalTMT) => {
 											this.setState({ awalTMT }, this.setUploadSuratSanksi)
 										}}
-										dateFormat="dd/MM/yyyy"
-										maxDate={new Date(this.state.startDay)}
-										placeholderText="Dari Tanggal"
-										locale={id}
-										className="form-control bg-white"
+										closeOnSelect={true}
+										isValidDate={(e) => {
+											return e.isBefore(new Date())
+										}}
+
 									/>
 								</span>
 
@@ -229,15 +224,20 @@ export class UploadSurat extends Component {
 						<Col>
 							<FormGroup>
 								<span >
-									<DatePicker
-										selected={this.state.akhirTMT ? new Date(this.state.akhirTMT) : this.state.akhirTMT}
-										onChange={(akhirTMT) => { this.setAkhirSanksi(akhirTMT) }}
-										dateFormat="dd/MM/yyyy"
-										minDate={new Date(this.state.awalTMT)}
-										maxDate={addMonths(new Date(this.state.awalTMT), 6)}
-										placeholderText="Sampai tanggal"
-										locale={id}
-										className="form-control bg-white"
+									<Datetime
+										timeFormat={false}
+										inputProps={{ className: "form-control" }}
+										value={this.state.akhirTMT ? new Date(this.state.akhirTMT) : this.state.akhirTMT}
+										onChange={(akhirTMT) => {
+											this.setState({ akhirTMT }, this.setUploadSuratSanksi)
+										}}
+										closeOnSelect={true}
+										isValidDate={(e) => {
+											return e.isBefore(addMonths(new Date(this.state.awalTMT), 6)) && e.isAfter(new Date(this.state.awalTMT))
+										}}
+									// isValidDate={(e) => {
+									// 	return e.isAfter(moment(new Date) && e.isBefore(moment(new Date)))
+									// }}
 									/>
 								</span>
 							</FormGroup>
@@ -317,16 +317,20 @@ export class UploadSurat extends Component {
 				<FormGroup row className="mt-3">
 					<label className="col-md-4 col-form-label">Tanggal Terima Surat Sanksi<span className="text-danger">*</span></label>
 					<span className="col-sm-8 float-left">
-						<DatePicker
-							selected={this.state.terimaSuratSanksi ? new Date(this.state.terimaSuratSanksi) : this.state.terimaSuratSanksi}
+						<Datetime
+							timeFormat={false}
+							inputProps={{ className: "form-control" }}
+							value={this.state.terimaSuratSanksi ? new Date(this.state.terimaSuratSanksi) : this.state.terimaSuratSanksi}
 							onChange={(terimaSuratSanksi) => {
 								this.setState({ terimaSuratSanksi }, this.setUploadSuratSanksi)
 							}}
-							dateFormat="dd/MM/yyyy"
-							minDate={new Date(this.state.awalTMT)}
-							placeholderText="DD/MM/YYYY"
-							locale={id}
-							className="form-control bg-white"
+							closeOnSelect={true}
+							isValidDate={(e) => {
+								return e.isAfter(new Date(this.state.awalTMT))
+							}}
+						// isValidDate={(e) => {
+						// 	return e.isAfter(moment(new Date) && e.isBefore(moment(new Date)))
+						// }}
 						/>
 					</span>
 				</FormGroup>
@@ -378,16 +382,17 @@ export class UploadSurat extends Component {
 							</p>
 						</label>
 						<span className="col-sm-8 float-left">
-							<DatePicker
-								selected={this.state.tglAkhirKeberatan ? new Date(this.state.tglAkhirKeberatan) : this.state.tglAkhirKeberatan}
+							<Datetime
+								timeFormat={false}
+								inputProps={{ className: "form-control" }}
+								value={this.state.tglAkhirKeberatan ? new Date(this.state.tglAkhirKeberatan) : this.state.tglAkhirKeberatan}
 								onChange={(tglAkhirKeberatan) => {
 									this.setState({ tglAkhirKeberatan }, this.setUploadSuratSanksi)
 								}}
-								dateFormat="dd/MM/yyyy"
-								minDate={new Date(terimaSuratSanksi)}
-								placeholderText="DD/MM/YYYY "
-								locale={id}
-								className="form-control bg-white"
+								closeOnSelect={true}
+								isValidDate={(e) => {
+									return e.isAfter(new Date(this.state.terimaSuratSanksi))
+								}}
 							/>
 						</span>
 					</FormGroup>

components/TurunSanksi/InputTanggal.js

@@ -5,8 +5,6 @@ import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
 import { connect } from "react-redux";
 import { getOneSanksi, update } from "@/actions/sanksi";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import { addDays, addMonths } from 'date-fns';
 import id from 'date-fns/locale/id';
 import moment from "moment";
@@ -17,6 +15,7 @@ import { getPelanggaranSanksi } from "@/actions/pelanggaran";
 import Select from "react-select";
 import { getCsrf } from "../../actions/security";
 import Swal from "sweetalert2";
+import Datetime from "react-datetime";
 
 const selectInstanceId = 1;
 const checkIfFilesAreTooBig = (files) => {
@@ -255,17 +254,18 @@ class InputTanggal extends Component {
                                         <span className="col-sm-3 float-left">
                                             <Field name="from_date">
                                                 {({ field, form }) => (
-                                                    <DatePicker
-                                                        selected={this.state.from_date}
+                                                    <Datetime
+                                                        timeFormat={false}
+                                                        inputProps={{ className: "form-control" }}
+                                                        value={field.value || "DD/MM/YYYY"}
                                                         onChange={(from_date) => {
-                                                            this.setState({ from_date })
                                                             form.setFieldValue(field.name, from_date);
+                                                            this.setState({ from_date })
+                                                        }}
+                                                        closeOnSelect={true}
+                                                        isValidDate={(e) => {
+                                                            return e.isBefore(new Date())
                                                         }}
-                                                        dateFormat="dd/MM/yyyy"
-                                                        maxDate={this.state.startDay}
-                                                        placeholderText="Dari Tanggal"
-                                                        locale={id}
-                                                        className="form-control bg-white"
                                                     />
                                                 )}
                                             </Field>
@@ -282,17 +282,19 @@ class InputTanggal extends Component {
                                                     <FormGroup>
                                                         <Field name="from_date">
                                                             {({ field, form }) => (
-                                                                <DatePicker
-                                                                    selected={this.state.from_date}
+                                                                <Datetime
+                                                                    timeFormat={false}
+                                                                    inputProps={{ className: "form-control" }}
+                                                                    value={field.value || "DD/MM/YYYY"}
                                                                     onChange={(from_date) => {
-                                                                        this.setState({ from_date })
                                                                         form.setFieldValue(field.name, from_date);
+                                                                        this.setState({ from_date })
                                                                     }}
-                                                                    dateFormat="dd/MM/yyyy"
-                                                                    maxDate={this.state.startDay}
-                                                                    placeholderText="Dari Tanggal"
-                                                                    locale={id}
-                                                                    className="form-control bg-white"
+                                                                    closeOnSelect={true}
+                                                                    isValidDate={(e) => {
+                                                                        return e.isBefore(new Date())
+                                                                    }}
+
                                                                 />
                                                             )}
                                                         </Field>
@@ -303,18 +305,18 @@ class InputTanggal extends Component {
                                                     <FormGroup>
                                                         <Field name="to_date">
                                                             {({ field, form }) => (
-                                                                <DatePicker
-                                                                    selected={this.state.to_date}
+                                                                <Datetime
+                                                                    timeFormat={false}
+                                                                    inputProps={{ className: "form-control" }}
+                                                                    value={field.value || "DD/MM/YYYY"}
                                                                     onChange={(to_date) => {
-                                                                        this.setState({ to_date })
                                                                         form.setFieldValue(field.name, to_date);
+                                                                        this.setState({ to_date })
+                                                                    }}
+                                                                    closeOnSelect={true}
+                                                                    isValidDate={(e) => {
+                                                                        return e.isBefore(addMonths(new Date(this.state.from_date), 6)) && e.isAfter(new Date(this.state.from_date))
                                                                     }}
-                                                                    dateFormat="dd/MM/yyyy"
-                                                                    minDate={this.state.from_date}
-                                                                    maxDate={addMonths(new Date(this.state.from_date), 6)}
-                                                                    placeholderText="Sampai tanggal"
-                                                                    locale={id}
-                                                                    className="form-control bg-white"
                                                                 />
                                                             )}
                                                         </Field>
@@ -378,7 +380,7 @@ class InputTanggal extends Component {
                                                                                 <h5 className="text-center dz-default dz-message">Klik untuk tambah file</h5>
                                                                             </div> :
                                                                             <div className="text-center fa-2x icon-cloud-upload mr-2 ">
-                                                                                <h5 className="text-center dz-default dz-message">Upload dokumen rekomendasi delegasi</h5>
+                                                                                <h5 className="text-center dz-default dz-message">Upload dokumen Turun Sanksi</h5>
                                                                             </div>
                                                                         }
                                                                         </div>

pages/app/banding/detail.js

@@ -3,7 +3,6 @@ import Router from "next/router";
 import Link from "next/link";
 import Select from "react-select";
 import DetailSanksi from "@/components/Main/DetailSanksi";
-import Header from "@/components/Main/Header";
 import DetailPT from "@/components/Main/DetailPT";
 import PermohonanPT from "@/components/Main/PermohonanPT";
 import Riwayat from "@/components/Banding/Riwayat";
@@ -11,16 +10,12 @@ import { getOneSanksi } from "@/actions/sanksi";
 import { addJawabanBanding } from "@/actions/banding";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
 import { Row, Col, Card, CardBody, FormGroup, Button, Modal, ModalHeader, ModalBody, ModalFooter, Input } from "reactstrap";
-import { getPT } from "@/actions/PT";
 import Loader from "@/components/Common/Loader";
 import { toast } from "react-toastify";
 import { connect } from "react-redux";
 import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
 import { createLog } from "@/actions/log";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
-import id from 'date-fns/locale/id';
 import moment from "moment";
 import Datetime from "react-datetime";
 import { getCsrf } from "../../../actions/security";
@@ -325,18 +320,16 @@ class JawabanBanding extends Component {
 																<div className="row-md-10">
 																	<Field name="tanggal_terima_banding">
 																		{({ field, form }) => (
-
-																			<DatePicker
-																				selected={this.state.tglTerimaBanding || field.value}
-																				onChange={(e) => {
-																					form.setFieldValue(field.name, e);
-																					this.setTglTerimaBanding(e)
-																				}}
-																				dateFormat="dd/MM/yyyy"
-																				placeholderText="Isi Tanggal"
-																				locale={id}
-																				className="form-control bg-white"
-																			/>
+																			<Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={field.value || "DD/MM/YYYY"}
+																			onChange={(tglTerimaBanding) => {
+																				form.setFieldValue(field.name, tglTerimaBanding);
+																				this.setState({ tglTerimaBanding })
+																			}}
+																			closeOnSelect={true}
+																		/>
 																		)}
 																	</Field>
 																	<ErrorMessage name="tanggal_terima_banding" component="div" className="form-text text-danger" />
@@ -398,19 +391,19 @@ class JawabanBanding extends Component {
 																<div className="row-md-10">
 																	<Field name="tanggal_surat_banding">
 																		{({ field, form }) => (
-
-																			<DatePicker
-																				selected={this.state.tglSuratBanding || field.value}
-																				onChange={(e) => {
-																					form.setFieldValue(field.name, e);
-																					this.setTglSuratBanding(e)
-																				}}
-																				minDate={tglTerimaBanding}
-																				dateFormat="dd/MM/yyyy"
-																				placeholderText="Isi Tanggal"
-																				locale={id}
-																				className="form-control bg-white"
-																			/>
+																			<Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={field.value || "DD/MM/YYYY"}
+																			onChange={(tglSuratBanding) => {
+																				form.setFieldValue(field.name, tglSuratBanding);
+																				this.setState({ tglSuratBanding })
+																			}}
+																			closeOnSelect={true}
+																			isValidDate={(e) => {
+																				return e.isAfter(new Date(this.state.tglTerimaBanding))
+																			}}
+																		/>
 																		)}
 																	</Field>
 																	<ErrorMessage name="tanggal_surat_banding" component="div" className="form-text text-danger" />

pages/app/keberatan/detail.js

@@ -3,23 +3,18 @@ import Router from "next/router";
 import Link from "next/link";
 import Select from "react-select";
 import DetailSanksi from "@/components/Main/DetailSanksi";
-import Header from "@/components/Main/Header";
 import DetailPT from "@/components/Main/DetailPT";
 import PermohonanPT from "@/components/Main/PermohonanPT";
 import Riwayat from "@/components/Keberatan/Riwayat";
 import { getOneSanksi } from "@/actions/sanksi";
-import { addJawabanKeberatan } from "@/actions/keberatan";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
 import { Row, Col, Card, CardBody, FormGroup, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from "reactstrap";
-import { getPT } from "@/actions/PT";
 import Loader from "@/components/Common/Loader";
 import { toast } from "react-toastify";
 import { connect } from "react-redux";
 import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
 import { createLog } from "@/actions/log";
-import DatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 import id from 'date-fns/locale/id';
 import moment from "moment";
 import Datetime from "react-datetime";
@@ -213,6 +208,7 @@ class DetailKeberatan extends Component {
 			data.dokumen_terima_keberatan.forEach((e) => {
 				formdata.append("dokumen_terima_keberatan", e);
 			});
+			console.log(data)
 			const toastid = toast.loading("Please wait...");
 			const added = await addJawabanKeberatan(token, id, formdata, _csrf);
 			if (!added) {
@@ -225,12 +221,6 @@ class DetailKeberatan extends Component {
 			}
 		}
 	};
-	setTglTerimaKeberatan = (tglTerimaKeberatan) => {
-		this.setState({ tglTerimaKeberatan })
-	}
-	setTglSuratKeberatan = (tglSuratKeberatan) => {
-		this.setState({ tglSuratKeberatan })
-	}
 
 	render() {
 		const { files, sanksi, pt, fileTTSKeberatan, tglTerimaKeberatan, tglSuratKeberatan } = this.state;
@@ -342,18 +332,16 @@ class DetailKeberatan extends Component {
 																<div className="row-md-10">
 																	<Field name="tanggal_surat_keberatan">
 																		{({ field, form }) => (
-
-																			<DatePicker
-																				selected={this.state.tglSuratKeberatan || field.value}
-																				onChange={(e) => {
-																					form.setFieldValue(field.name, e);
-																					this.setTglSuratKeberatan(e)
-																				}}
-																				dateFormat="dd/MM/yyyy"
-																				placeholderText="Isi Tanggal"
-																				locale={id}
-																				className="form-control bg-white"
-																			/>
+																			<Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={field.value || "DD/MM/YYYY"}
+																			onChange={(tglSuratKeberatan) => {
+																				form.setFieldValue(field.name, tglSuratKeberatan);
+																				this.setState({ tglSuratKeberatan })
+																			}}
+																			closeOnSelect={true}
+																		/>
 																		)}
 																	</Field>
 																	<ErrorMessage name="tanggal_surat_keberatan" component="div" className="form-text text-danger" />
@@ -415,19 +403,20 @@ class DetailKeberatan extends Component {
 																<div className="row-md-10">
 																	<Field name="tanggal_terima_keberatan">
 																		{({ field, form }) => (
+																			<Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={field.value || "DD/MM/YYYY"}
+																			onChange={(tglTerimaKeberatan) => {
+																				form.setFieldValue(field.name, tglTerimaKeberatan);
+																				this.setState({ tglTerimaKeberatan })
+																			}}
+																			closeOnSelect={true}
+																			isValidDate={(e) => {
+																				return e.isAfter(new Date(this.state.tglSuratKeberatan))
+																			}}
 
-																			<DatePicker
-																				selected={this.state.tglTerimaKeberatan || field.value}
-																				onChange={(e) => {
-																					form.setFieldValue(field.name, e);
-																					this.setTglTerimaKeberatan(e)
-																				}}
-																				dateFormat="dd/MM/yyyy"
-																				minDate={tglSuratKeberatan}
-																				placeholderText="Isi Tanggal"
-																				locale={id}
-																				className="form-control bg-white"
-																			/>
+																		/>
 																		)}
 																	</Field>
 																	<ErrorMessage name="tanggal_terima_keberatan" component="div" className="form-text text-danger" />
@@ -490,17 +479,19 @@ class DetailKeberatan extends Component {
 																<div className="row-md-10">
 																	<Field name="tanggal_akhir_banding">
 																		{({ field, form }) => (
-																			<DatePicker
-																				selected={this.state.tglAkhirBanding || field.value}
-																				onChange={(e) => {
-																					form.setFieldValue(field.name, e);
-																				}}
-																				minDate={tglTerimaKeberatan}
-																				dateFormat="dd/MM/yyyy"
-																				placeholderText="Isi Tanggal"
-																				locale={id}
-																				className="form-control bg-white"
-																			/>
+																			<Datetime
+																			timeFormat={false}
+																			inputProps={{ className: "form-control" }}
+																			value={field.value || "DD/MM/YYYY"}
+																			onChange={(tglAkhirBanding) => {
+																				form.setFieldValue(field.name, tglAkhirBanding);
+																				this.setState({ tglAkhirBanding })
+																			}}
+																			closeOnSelect={true}
+																			isValidDate={(e) => {
+																				return e.isAfter(new Date(this.state.tglTerimaKeberatan))
+																			}}
+																		/>
 																		)}
 																	</Field>
 																	<ErrorMessage name="tanggal_akhir_banding" component="div" className="form-text text-danger" />

styles/app/app/mycss.scss

@@ -209,4 +209,4 @@ border-radius: 4px;
       font-size: 20px;
     }
 
-    ///////////////////////// Menu Verifikasi
+