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

client/src/components/courtesy-car-form/courtesy-car-form.component.jsx

@@ -1,8 +1,9 @@
-import { Button, DatePicker, Form, Input, InputNumber } from "antd";
+import { Button, Form, Input, InputNumber } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import CourtesyCarFuelSlider from "../courtesy-car-fuel-select/courtesy-car-fuel-select.component";
 import CourtesyCarStatus from "../courtesy-car-status-select/courtesy-car-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 CurrencyInput from "../form-items-formatted/currency-form-item.component";
 
@@ -98,7 +99,7 @@ export default function CourtesyCarCreateFormComponent({ form }) {
         label={t("courtesycars.fields.purchasedate")}
         name="purchasedate"
       >
-        <DatePicker />
+        <FormDatePicker />
       </Form.Item>
       <Form.Item
         label={t("courtesycars.fields.servicestartdate")}
@@ -110,13 +111,13 @@ export default function CourtesyCarCreateFormComponent({ form }) {
         label={t("courtesycars.fields.serviceenddate")}
         name="serviceenddate"
       >
-        <DatePicker />
+        <FormDatePicker />
       </Form.Item>
       <Form.Item
         label={t("courtesycars.fields.leaseenddate")}
         name="leaseenddate"
       >
-        <DatePicker />
+        <FormDatePicker />
       </Form.Item>
       <Form.Item
         label={t("courtesycars.fields.status")}
@@ -152,7 +153,7 @@ export default function CourtesyCarCreateFormComponent({ form }) {
           },
         ]}
       >
-        <DatePicker />
+        <FormDatePicker />
       </Form.Item>
       <Form.Item label={t("courtesycars.fields.damage")} name="damage">
         <Input />
@@ -182,7 +183,7 @@ export default function CourtesyCarCreateFormComponent({ form }) {
           },
         ]}
       >
-        <DatePicker />
+        <FormDatePicker />
       </Form.Item>
       <Form.Item
         label={t("courtesycars.fields.insuranceexpires")}
@@ -194,7 +195,7 @@ export default function CourtesyCarCreateFormComponent({ form }) {
           },
         ]}
       >
-        <DatePicker />
+        <FormDatePicker />
       </Form.Item>
       <Form.Item label={t("courtesycars.fields.dailycost")} name="dailycost">
         <CurrencyInput />