import { Form, InputNumber } from "antd";
import { useTranslation } from "react-i18next";
import CourtesyCarFuelSlider from "../courtesy-car-fuel-select/courtesy-car-fuel-select.component";
import DateTimePicker from "../form-date-time-picker/form-date-time-picker.component.jsx";

export default function CourtesyCarReturnModalComponent() {
  const { t } = useTranslation();

  return (
    <div>
      <Form.Item
        label={t("contracts.fields.actualreturn")}
        name="actualreturn"
        rules={[
          {
            required: true
            //message: t("general.validation.required"),
          }
        ]}
      >
        <DateTimePicker isDateOnly />
      </Form.Item>
      <Form.Item
        label={t("contracts.fields.kmend")}
        name="kmend"
        rules={[
          {
            required: true
            //message: t("general.validation.required"),
          }
        ]}
      >
        <InputNumber precision={0} />
      </Form.Item>
      <Form.Item
        label={t("contracts.fields.fuelin")}
        name={"fuelin"}
        rules={[
          {
            required: true
            //message: t("general.validation.required"),
          }
        ]}
      >
        <CourtesyCarFuelSlider />
      </Form.Item>
    </div>
  );
}
