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

client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx

@@ -1,18 +1,11 @@
 import { useMutation } from "@apollo/react-hooks";
-import {
-  Button,
-  Card,
-  DatePicker,
-  Form,
-  InputNumber,
-  notification,
-  Popover,
-} from "antd";
+import { Button, Card, Form, InputNumber, notification, Popover } from "antd";
 import moment from "moment";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { INSERT_SCOREBOARD_ENTRY } from "../../graphql/scoreboard.queries";
 import { logImEXEvent } from "../../firebase/firebase.utils";
+import { INSERT_SCOREBOARD_ENTRY } from "../../graphql/scoreboard.queries";
+import FormDatePicker from "../form-date-picker/form-date-picker.component";
 
 export default function ScoreboardAddButton({ job, ...otherBtnProps }) {
   const { t } = useTranslation();
@@ -49,44 +42,48 @@ export default function ScoreboardAddButton({ job, ...otherBtnProps }) {
       <div>
         <Form
           form={form}
-          layout='vertical'
+          layout="vertical"
           onFinish={handleFinish}
-          initialValues={{}}>
+          initialValues={{}}
+        >
           <Form.Item
             label={t("scoreboard.fields.date")}
-            name='date'
+            name="date"
             rules={[
               {
                 required: true,
                 message: t("general.validation.required"),
               },
-            ]}>
-            <DatePicker />
+            ]}
+          >
+            <FormDatePicker />
           </Form.Item>
           <Form.Item
             label={t("scoreboard.fields.bodyhrs")}
-            name='bodyhrs'
+            name="bodyhrs"
             rules={[
               {
                 required: true,
                 message: t("general.validation.required"),
               },
-            ]}>
+            ]}
+          >
             <InputNumber precision={1} />
           </Form.Item>
           <Form.Item
             label={t("scoreboard.fields.painthrs")}
-            name='painthrs'
+            name="painthrs"
             rules={[
               {
                 required: true,
                 message: t("general.validation.required"),
               },
-            ]}>
+            ]}
+          >
             <InputNumber precision={1} />
           </Form.Item>
 
-          <Button type='primary' htmlType='submit'>
+          <Button type="primary" htmlType="submit">
             {t("general.actions.save")}
           </Button>
         </Form>