Replaced date time pickers with another compoent to better choose time. BOD-122

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

@@ -0,0 +1,33 @@
+import React from "react";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { useTranslation } from "react-i18next";
+
+//To be used as a form element only.
+
+const DateTimePicker = ({ value, onChange, onBlur }) => {
+  const { t } = useTranslation();
+
+  const handleChange = (value) => {
+    if (onChange) {
+      onChange(value);
+    }
+  };
+
+  return (
+    <DatePicker
+      className='ant-picker ant-picker-input'
+      data-lpignore='true'
+      selected={value ? new Date(value) : null}
+      onChange={handleChange}
+      showTimeSelect
+      timeIntervals={5}
+      onBlur={onBlur}
+      isClearable
+      placeholderText={t("general.labels.selectdate")}
+      dateFormat='MMMM d, yyyy h:mm aa'
+    />
+  );
+};
+
+export default DateTimePicker;