diff --git a/src/panelWebView/components/Fields/DateTimeField.tsx b/src/panelWebView/components/Fields/DateTimeField.tsx
index 8b125ceb..7d63cf2a 100644
--- a/src/panelWebView/components/Fields/DateTimeField.tsx
+++ b/src/panelWebView/components/Fields/DateTimeField.tsx
@@ -24,11 +24,6 @@ const CustomInput = forwardRef<HTMLInputElement, InputProps>(({ value, onClick }
 
 export const DateTimeField: React.FunctionComponent<IDateTimeFieldProps> = ({label, date, format, onChange}: React.PropsWithChildren<IDateTimeFieldProps>) => {
   const [ dateValue, setDateValue ] = React.useState<Date | null>(null);
-  
-  const onDateChange = (date: Date) => {
-    setDateValue(date);
-    onChange(date);
-  };
 
   React.useEffect(() => {
     const crntValue = DateHelper.tryParse(date, format);
@@ -38,6 +33,11 @@ export const DateTimeField: React.FunctionComponent<IDateTimeFieldProps> = ({lab
       setDateValue(date);
     }
   }, [ date ]);
+  
+  const onDateChange = (date: Date) => {
+    setDateValue(date);
+    onChange(date);
+  };
 
   return (
     <div className={`metadata_field`}>