IO-899 Contract FInd Modal

client/src/components/contracts-find-modal/contracts-find-modal.component.jsx

@@ -0,0 +1,37 @@
+import { Form, Input } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import FormDateTimePicker from "../form-date-time-picker/form-date-time-picker.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+export default connect(mapStateToProps, null)(PartsReceiveModalComponent);
+
+export function PartsReceiveModalComponent({ bodyshop, form }) {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <Form.Item name="fleet" label={t("courtesycars.fields.fleetnumber")}>
+        <Input />
+      </Form.Item>
+      <Form.Item
+        name="time"
+        label={t("contracts.labels.time")}
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <FormDateTimePicker />
+      </Form.Item>
+    </div>
+  );
+}