Added config provider with default small text. Replcaed all datepicker components to add proper format. BOD-166 BOD-246

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

@@ -1,11 +1,11 @@
-import { DatePicker, Form, Input, InputNumber } from "antd";
+import { Form, Input, InputNumber } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import ContractStatusSelector from "../contract-status-select/contract-status-select.component";
+import FormDatePicker from "../form-date-picker/form-date-picker.component";
 import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";
 import InputPhone from "../form-items-formatted/phone-form-item.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
-
 export default function ContractFormComponent({ form }) {
   const { t } = useTranslation();
   return (
@@ -36,7 +36,7 @@ export default function ContractFormComponent({ form }) {
             },
           ]}
         >
-          <DatePicker />
+          <FormDatePicker />
         </Form.Item>
         <Form.Item
           label={t("contracts.fields.scheduledreturn")}
@@ -48,13 +48,13 @@ export default function ContractFormComponent({ form }) {
             },
           ]}
         >
-          <DatePicker />
+          <FormDatePicker />
         </Form.Item>
         <Form.Item
           label={t("contracts.fields.actualreturn")}
           name="actualreturn"
         >
-          <DatePicker />
+          <FormDatePicker />
         </Form.Item>
       </LayoutFormRow>
 
@@ -98,7 +98,7 @@ export default function ContractFormComponent({ form }) {
             },
           ]}
         >
-          <DatePicker />
+          <FormDatePicker />
         </Form.Item>
         <Form.Item
           label={t("contracts.fields.driver_dlst")}
@@ -212,7 +212,7 @@ export default function ContractFormComponent({ form }) {
             },
           ]}
         >
-          <DatePicker />
+          <FormDatePicker />
         </Form.Item>
       </LayoutFormRow>