Add payment number and date. IO-610

client/src/components/payment-form/payment-form.component.jsx

@@ -6,6 +6,7 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import Alert from "../alert/alert.component";
+import DatePickerFormItem from "../form-date-picker/form-date-picker.component";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
 import JobSearchSelect from "../job-search-select/job-search-select.component";
 
@@ -63,7 +64,18 @@ export function PaymentFormComponent({
       <Form.Item label={t("payments.fields.memo")} name="memo">
         <Input disabled={disabled} />
       </Form.Item>
-
+      <Form.Item
+        label={t("payments.fields.date")}
+        name="date"
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <DatePickerFormItem disabled={disabled} />
+      </Form.Item>
       <Form.Item
         label={t("payments.fields.payer")}
         name="payer"