|  | @@ -18,6 +18,11 @@ 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";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  let Dropzone = null;
 | 
	
		
			
				|  |  |  class DropzoneWrapper extends Component {
 | 
	
	
		
			
				|  | @@ -78,7 +83,7 @@ class JawabanBanding extends Component {
 | 
	
		
			
				|  |  |  			pt: null,
 | 
	
		
			
				|  |  |  			fileDocTerimaBanding: [],
 | 
	
		
			
				|  |  |  			no_banding: "",
 | 
	
		
			
				|  |  | -			tglJawabanBanding: "",
 | 
	
		
			
				|  |  | +			tglTerimaBanding: "",
 | 
	
		
			
				|  |  |  			keterangan: "",
 | 
	
		
			
				|  |  |  			tglSuratBanding: "",
 | 
	
		
			
				|  |  |  		};
 | 
	
	
		
			
				|  | @@ -189,15 +194,15 @@ class JawabanBanding extends Component {
 | 
	
		
			
				|  |  |  		}
 | 
	
		
			
				|  |  |  	};
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -	setTglJawabanBanding = (tglJawabanBanding) => {
 | 
	
		
			
				|  |  | -		this.setState({ tglJawabanBanding })
 | 
	
		
			
				|  |  | +	setTglTerimaBanding = (tglTerimaBanding) => {
 | 
	
		
			
				|  |  | +		this.setState({ tglTerimaBanding })
 | 
	
		
			
				|  |  |  	}
 | 
	
		
			
				|  |  |  	setTglSuratBanding = (tglSuratBanding) => {
 | 
	
		
			
				|  |  |  		this.setState({ tglSuratBanding })
 | 
	
		
			
				|  |  |  	}
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  	render() {
 | 
	
		
			
				|  |  | -		const { files, sanksi, pt, fileDocTerimaBanding } = this.state;
 | 
	
		
			
				|  |  | +		const { files, sanksi, pt, fileDocTerimaBanding, tglSuratBanding } = this.state;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  		const thumbs = files.map((file, index) => (
 | 
	
		
			
				|  |  |  			<div md={3} key={index}>
 | 
	
	
		
			
				|  | @@ -300,10 +305,10 @@ class JawabanBanding extends Component {
 | 
	
		
			
				|  |  |  																		{({ field, form }) => (
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  																			<DatePicker
 | 
	
		
			
				|  |  | -																				selected={this.state.tglJawabanBanding || field.value}
 | 
	
		
			
				|  |  | +																				selected={this.state.tglTerimaBanding || field.value}
 | 
	
		
			
				|  |  |  																				onChange={(e) => {
 | 
	
		
			
				|  |  |  																					form.setFieldValue(field.name, e);
 | 
	
		
			
				|  |  | -																					this.setTglJawabanBanding(e)
 | 
	
		
			
				|  |  | +																					this.setTglTerimaBanding(e)
 | 
	
		
			
				|  |  |  																				}}
 | 
	
		
			
				|  |  |  																				dateFormat="dd/MM/yyyy"
 | 
	
		
			
				|  |  |  																				placeholderText="Isi Tanggal"
 | 
	
	
		
			
				|  | @@ -378,6 +383,7 @@ class JawabanBanding extends Component {
 | 
	
		
			
				|  |  |  																					form.setFieldValue(field.name, e);
 | 
	
		
			
				|  |  |  																					this.setTglSuratBanding(e)
 | 
	
		
			
				|  |  |  																				}}
 | 
	
		
			
				|  |  | +																				minDate={tglSuratBanding}
 | 
	
		
			
				|  |  |  																				dateFormat="dd/MM/yyyy"
 | 
	
		
			
				|  |  |  																				placeholderText="Isi Tanggal"
 | 
	
		
			
				|  |  |  																				locale={id}
 |