diff --git a/packages/grafana-ui/src/components/DateTimePickers/DatePickerWithInput/DatePickerWithInput.tsx b/packages/grafana-ui/src/components/DateTimePickers/DatePickerWithInput/DatePickerWithInput.tsx
index ac6b198158b..dc34ddc5a45 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/DatePickerWithInput/DatePickerWithInput.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/DatePickerWithInput/DatePickerWithInput.tsx
@@ -1,6 +1,6 @@
 import React, { ChangeEvent } from 'react';
 import { css } from '@emotion/css';
-import { dateTimeFormat } from '@grafana/data';
+import { dateTime, dateTimeFormat } from '@grafana/data';
 import { DatePicker } from '../DatePicker/DatePicker';
 import { Props as InputProps, Input } from '../../Input/Input';
 import { useStyles } from '../../../themes';
@@ -46,7 +46,7 @@ export const DatePickerWithInput = ({
       />
       <DatePicker
         isOpen={open}
-        value={value && typeof value !== 'string' ? value : new Date()}
+        value={value && typeof value !== 'string' ? value : dateTime().toDate()}
         onChange={(ev) => {
           onChange(ev);
           if (closeOnSelect) {