diff --git a/src/components/SharedComponents/DateTimePicker.tsx b/src/components/SharedComponents/DateTimePicker.tsx
index 900eb4078..367882827 100644
--- a/src/components/SharedComponents/DateTimePicker.tsx
+++ b/src/components/SharedComponents/DateTimePicker.tsx
@@ -50,6 +50,24 @@ const DatePicker = ( {
     );
   }
 
+  if ( mode === "time" ) {
+    return (
+      <DateTimePicker
+        display="spinner"
+        customHeaderIOS={EmptyHeader}
+        isDarkModeEnabled={false}
+        themeVariant="light"
+        isVisible={isDateTimePickerVisible}
+        mode="time"
+        onCancel={_toggleDateTimePicker}
+        onConfirm={selectedDate => {
+          onDatePicked( selectedDate );
+          _toggleDateTimePicker( );
+        }}
+      />
+    );
+  }
+
   // Base case we want to pick a date
   return (
     <DateTimePicker