|
|
@@ -205,10 +205,10 @@ class InputTanggal extends Component {
|
|
|
>
|
|
|
{({ isSubmitting }) => (
|
|
|
<Form className="form-horizontal">
|
|
|
- <FormGroup row className="mt-3">
|
|
|
+ <FormGroup row className="mt-3">
|
|
|
<label className="col-md-2 col-form-label">Sudah melakukan perpanjangan sanksi : </label>
|
|
|
<div className="col-md-10 mt-2">{this.props.data?.riwayat_sanksi?.length}</div>
|
|
|
- </FormGroup>
|
|
|
+ </FormGroup>
|
|
|
<FormGroup row className="mt-3">
|
|
|
<label className="col-md-2 col-form-label">Tanggal Perpanjangan Sanksi :</label>
|
|
|
<div className="col-md-6">
|
|
|
@@ -218,19 +218,22 @@ class InputTanggal extends Component {
|
|
|
<Field name="from_date">
|
|
|
{({ field, form }) => (
|
|
|
<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(this.props.data?.masa_berlaku?.to_date).getTime() + 86400000)
|
|
|
- }}
|
|
|
-
|
|
|
- />
|
|
|
+ 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(this.props.data?.masa_berlaku?.to_date).getTime() + 86400000)
|
|
|
+ }}
|
|
|
+ viewDate={
|
|
|
+ this.props.data?.masa_berlaku?.to_date
|
|
|
+ ? moment(this.props.data.masa_berlaku.to_date)
|
|
|
+ : moment()
|
|
|
+ } />
|
|
|
)}
|
|
|
</Field>
|
|
|
<ErrorMessage name="from_date" component="div" className="form-text text-danger" />
|
|
|
@@ -241,18 +244,25 @@ class InputTanggal extends Component {
|
|
|
<Field name="to_date">
|
|
|
{({ field, form }) => (
|
|
|
<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))
|
|
|
- }}
|
|
|
- />
|
|
|
+ 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))
|
|
|
+ }}
|
|
|
+ viewDate={
|
|
|
+ this.state.from_date
|
|
|
+ ? new Date(this.state.from_date)
|
|
|
+ : new Date()
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ />
|
|
|
)}
|
|
|
</Field>
|
|
|
<ErrorMessage name="to_date" component="div" className="form-text text-danger" />
|