57 lines
2.4 KiB
JavaScript
57 lines
2.4 KiB
JavaScript
import MuiDatePicker from "@/core/components/MuiDatePicker";
|
|
import MuiTimePicker from "@/core/components/MuiTimePicker";
|
|
import { makeDateTime } from "@/core/utils/makeDateTime";
|
|
import { Grid } from "@mui/material";
|
|
import { Controller, useWatch } from "react-hook-form";
|
|
|
|
const MissionDates = ({ control }) => {
|
|
const end_date = useWatch({ control, name: "end_date" });
|
|
const now = new Date();
|
|
|
|
return (
|
|
<>
|
|
<Grid item xs={12} sm={6}>
|
|
<Controller
|
|
control={control}
|
|
name={"end_date"}
|
|
render={({ field, fieldState: { error } }) => {
|
|
return (
|
|
<MuiDatePicker
|
|
name="end_date"
|
|
error={error}
|
|
value={field.value}
|
|
disableFuture={false}
|
|
minDate={end_date ? end_date : now}
|
|
placeholder={"تاریخ پایان ماموریت را وارد کنید"}
|
|
label={"تاریخ پایان ماموریت"}
|
|
setFieldValue={(name, value) => field.onChange(value || [])}
|
|
helperText={error ? error.message : null}
|
|
/>
|
|
);
|
|
}}
|
|
/>
|
|
</Grid>
|
|
<Grid item xs={12} sm={6}>
|
|
<Controller
|
|
control={control}
|
|
name={"end_time"}
|
|
render={({ field, fieldState: { error } }) => {
|
|
return (
|
|
<MuiTimePicker
|
|
name="end_time"
|
|
error={error}
|
|
value={field.value}
|
|
placeholder={"زمان پایان ماموریت را وارد کنید"}
|
|
label={"زمان پایان ماموریت"}
|
|
setFieldValue={(name, value) => field.onChange(value || null)}
|
|
helperText={error ? error.message : null}
|
|
/>
|
|
);
|
|
}}
|
|
/>
|
|
</Grid>
|
|
</>
|
|
);
|
|
};
|
|
export default MissionDates;
|