commit

components/Sanksi/Ringkasan.js

@@ -1,6 +1,8 @@
 import Scrollable from "@/components/Common/Scrollable";
 import { Card, Row, Col, Table, FormGroup } from "reactstrap";
 import moment from "moment";
+import 'moment/locale/id'
+moment.locale('id')
 
 function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 	return (
@@ -119,7 +121,7 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 									<strong>
 										{dataUpload && dataUpload.akhirsanksi ? (
 											<p>
-												{moment(dataUpload.awalsanksi).format("DD MMMM YYYY")} - {moment(dataUpload.akhirsanksi).format("DD MMMM YYYY")}
+												{moment(dataUpload.awalsanksi).locale("id").format("DD MMMM YYYY")} - {moment(dataUpload.akhirsanksi).locale("id").format("DD MMMM YYYY")}
 											</p>
 										) : (
 											""
@@ -134,7 +136,7 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 									<strong>
 										{dataUpload && dataUpload.awalsanksi ? (
 											<p>
-												{moment(dataUpload.awalsanksi).format("DD MMMM YYYY")}
+												{moment(dataUpload.awalsanksi).locale("id").format("DD MMMM YYYY")}
 											</p>
 										) : (
 											""
@@ -162,7 +164,7 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 						<FormGroup row>
 							<Col md="4">Sanksi:</Col>
 							<Col md="8">
-								<strong>{dataUpload && dataUpload.listSanksi?.length ? dataUpload.listSanksi.map((e, index) => <p>{index + 1 + " " + e.value + " " + e.label_sanksi}</p>) : ""}</strong>
+								<strong>{dataUpload && dataUpload.listSanksi?.length ? dataUpload.listSanksi.map((e, index) => <p>{index + 1 + " " + e.value}</p>) : ""}</strong>
 							</Col>
 						</FormGroup>
 

components/Sanksi/UploadSurat.js

@@ -6,6 +6,8 @@ import "react-datepicker/dist/react-datepicker.css";
 import ms from "ms";
 import TmtDate from "./TmtDate";
 import { addDays, addMonths } from 'date-fns';
+import id from 'date-fns/locale/id';
+// registerLocale('id', id)
 
 let Dropzone = null;
 class DropzoneWrapper extends Component {
@@ -146,7 +148,6 @@ export class UploadSurat extends Component {
 				</span>
 			</div>
 		));
-		console.log(this.state.tmtCheck)
 		return (
 			<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
 				<FormGroup row>
@@ -183,6 +184,7 @@ export class UploadSurat extends Component {
 								dateFormat="dd/MM/yyyy"
 								maxDate={this.state.startDay}
 								placeholderText="Isi Tanggal"
+								locale={id}
 							/>
 						</span>
 					</FormGroup>
@@ -190,29 +192,41 @@ export class UploadSurat extends Component {
 				{!this.state.tmtCheck && (
 					<FormGroup row className="mt-3">
 						<label className="col-md-2 col-form-label">Isi TMT</label>
-						<span className="col-sm-3 float-left">
-							<DatePicker
-								selected={this.state.awalsanksi}
-								onChange={(awalsanksi) => {
-									this.setState({ awalsanksi }, this.toRingkasan)
-								}}
-								dateFormat="dd/MM/yyyy"
-								maxDate={this.state.startDay}
-								placeholderText="Dari Tanggal"
-							/>
-						</span>
-						<span className="col-sm-3 float-right">
-							<DatePicker
-								selected={this.state.akhirsanksi}
-								onChange={(akhirsanksi) => {
-									this.setState({ akhirsanksi }, this.toRingkasan)
-								}}
-								dateFormat="dd/MM/yyyy"
-								minDate={this.state.awalsanksi}
-								maxDate={addMonths(new Date(this.state.awalsanksi), 6)}
-								placeholderText="Sampai tanggal"
-							/>
-						</span>
+						<Row>
+							<Col>
+								<FormGroup>
+									<span className="col-sm-3 float-left">
+										<DatePicker
+											selected={this.state.awalsanksi}
+											onChange={(awalsanksi) => {
+												this.setState({ awalsanksi }, this.toRingkasan)
+											}}
+											dateFormat="dd/MM/yyyy"
+											maxDate={this.state.startDay}
+											placeholderText="Dari Tanggal"
+											locale={id}
+										/>
+									</span>
+								</FormGroup>
+							</Col>
+							<Col>
+								<FormGroup>
+									<span className="col-sm-3">
+										<DatePicker
+											selected={this.state.akhirsanksi}
+											onChange={(akhirsanksi) => {
+												this.setState({ akhirsanksi }, this.toRingkasan)
+											}}
+											dateFormat="dd/MM/yyyy"
+											minDate={this.state.awalsanksi}
+											maxDate={addMonths(new Date(this.state.awalsanksi), 6)}
+											placeholderText="Sampai tanggal"
+											locale={id}
+										/>
+									</span>
+								</FormGroup>
+							</Col>
+						</Row>
 					</FormGroup>
 				)}
 				{!this.state.tmtCheck && (