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

client/src/components/vendor-search-select/vendor-search-select.component.jsx

@@ -14,7 +14,7 @@ const VendorSearchSelect = (
     if (value !== option && onChange) {
       onChange(option);
     }
-  }, [option, onChange]);
+  }, [value, option, onChange]);
 
   return (
     <Select
@@ -25,15 +25,16 @@ const VendorSearchSelect = (
         width: 300,
       }}
       onChange={setOption}
-      optionFilterProp='name'
+      optionFilterProp="name"
       onSelect={onSelect}
-      disabled={disabled || false}>
+      disabled={disabled || false}
+    >
       {options
         ? options.map((o) => (
             <Option key={o.id} value={o.id} name={o.name} discount={o.discount}>
               <div style={{ display: "flex" }}>
                 {o.name}
-                <Tag color='green'>{`${o.discount * 100}%`}</Tag>
+                <Tag color="green">{`${o.discount * 100}%`}</Tag>
               </div>
             </Option>
           ))