diff --git a/client/src/components/form-date-time-picker/form-date-time-picker.component.jsx b/client/src/components/form-date-time-picker/form-date-time-picker.component.jsx
index 90cfe5ef1..9b8cd3515 100644
--- a/client/src/components/form-date-time-picker/form-date-time-picker.component.jsx
+++ b/client/src/components/form-date-time-picker/form-date-time-picker.component.jsx
@@ -6,7 +6,7 @@ import { TimePicker } from "antd";
 import moment from "moment";
 //To be used as a form element only.
 
-const DateTimePicker = ({ value, onChange, onBlur, ...restProps }, ref) => {
+const DateTimePicker = ({ value, onChange, onBlur, id, ...restProps }, ref) => {
   // const handleChange = (newDate) => {
   //   if (value !== newDate && onChange) {
   //     onChange(newDate);
@@ -14,7 +14,7 @@ const DateTimePicker = ({ value, onChange, onBlur, ...restProps }, ref) => {
   // };
 
   return (
-    <div>
+    <div id={id}>
       <FormDatePicker
         {...restProps}
         value={value}