feat: add hook for generating different date times (#3524)

* Added hook for generating different date times

* Fixed up logic to destructure the datetime params

---------

Co-authored-by: Martin MacDonald <martinmacdonald@Martins-MacBook-Pro.local>

web/src/hooks/index.ts

@@ -4,3 +4,4 @@ export * from "./useNavigateTo";
 export * from "./useAsyncEffect";
 export * from "./useFilterWithUrlParams";
 export * from "./useResponsiveWidth";
+export * from "./useDateTime";

web/src/hooks/useDateTime.ts

@@ -0,0 +1,13 @@
+import { useState } from "react";
+
+const useDateTime = (initalState?: Date) => {
+  const [dateTime, setDateTimeInternal] = useState<Date | undefined>(initalState && new Date(initalState));
+
+  return {
+    setDateTime: (dateTimeString: string) => setDateTimeInternal(new Date(dateTimeString)),
+    displayDateTime: dateTime && dateTime.toLocaleString(),
+    datePickerDateTime: dateTime && new Date(dateTime.getTime() - dateTime.getTimezoneOffset() * 60000).toISOString().split(".")[0],
+  };
+};
+
+export default useDateTime;