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

client/src/components/form-date-picker/form-date-picker.component.jsx

@@ -1,12 +1,11 @@
-import React, { forwardRef, useEffect } from "react";
 import { DatePicker } from "antd";
-import { useTranslation } from "react-i18next";
 import moment from "moment";
+import React, { forwardRef } from "react";
 //To be used as a form element only.
 
-const CustomDatePicker = ({ value, onChange, onBlur, ...restProps }, ref) => {
-  const { t } = useTranslation();
+const dateFormat = "MM/DD/YYYY";
 
+const FormDatePicker = ({ value, onChange, onBlur, ...restProps }, ref) => {
   const handleChange = (newDate) => {
     if (value !== newDate && onChange) {
       onChange(newDate);
@@ -23,9 +22,14 @@ const CustomDatePicker = ({ value, onChange, onBlur, ...restProps }, ref) => {
 
   return (
     <div onKeyDown={handleKeyDown}>
-      <DatePicker value={value} onChange={handleChange} {...restProps} />
+      <DatePicker
+        value={value}
+        onChange={handleChange}
+        format={dateFormat}
+        {...restProps}
+      />
     </div>
   );
 };
 
-export default forwardRef(CustomDatePicker);
+export default forwardRef(FormDatePicker);