All CC screen improvements + date type changes. BOD-235 BOD-233

client/src/components/courtesy-car-status-select/courtesy-car-status-select.component.jsx

@@ -1,12 +1,12 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, forwardRef } from "react";
 import { Select } from "antd";
 import { useTranslation } from "react-i18next";
 const { Option } = Select;
 
-const CourtesyCarStatusComponent = ({
-  value = "courtesycars.status.in",
-  onChange
-}) => {
+const CourtesyCarStatusComponent = (
+  { value = "courtesycars.status.in", onChange },
+  ref
+) => {
   const [option, setOption] = useState(value);
   const { t } = useTranslation();
 
@@ -18,9 +18,10 @@ const CourtesyCarStatusComponent = ({
 
   return (
     <Select
+      ref={ref}
       value={option}
       style={{
-        width: 100
+        width: 100,
       }}
       onChange={setOption}
     >
@@ -36,4 +37,4 @@ const CourtesyCarStatusComponent = ({
     </Select>
   );
 };
-export default CourtesyCarStatusComponent;
+export default forwardRef(CourtesyCarStatusComponent);