diff --git a/packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.tsx b/packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.tsx
index 20a0d92ad96..24db0426070 100644
--- a/packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.tsx
+++ b/packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.tsx
@@ -10,7 +10,7 @@ import { focusCss } from '../../themes/mixins';
 
 export interface Props {
   onChange: (value: DateTime) => void;
-  value: DateTime;
+  value?: DateTime;
   showHour?: boolean;
   minuteStep?: number;
   size?: FormInputSize;