diff --git a/CHANGELOG.md b/CHANGELOG.md
index 71afb3e..ddbeb96 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v6.3.4
+### Fixed
+- Fix DatePicker + DateTimeField to return empty string and set value to empty when the value is removed
+
 ## v6.3.3
 ### Fixed
 - Fix alignment of items inside action trigger button and buttons.
diff --git a/lib/components/DateTime/DatePicker.tsx b/lib/components/DateTime/DatePicker.tsx
index 408912b..d90e7f6 100644
--- a/lib/components/DateTime/DatePicker.tsx
+++ b/lib/components/DateTime/DatePicker.tsx
@@ -330,7 +330,7 @@ export class DatePicker extends React.Component<DatePickerProps, Partial<DatePic
 
                 this.props.onChange(dateValue.dateObject.toJSON());
             } else {
-                this.props.onChange('invalid');
+                this.props.onChange(newValue === '' ? newValue : 'invalid');
                 this.setState({value: newValue});
             }
         }
diff --git a/lib/components/DateTime/DateTimeField.tsx b/lib/components/DateTime/DateTimeField.tsx
index 9ce8edb..9cd1723 100644
--- a/lib/components/DateTime/DateTimeField.tsx
+++ b/lib/components/DateTime/DateTimeField.tsx
@@ -240,6 +240,10 @@ export class DateTimeField extends React.Component<DateTimeFieldProps, Partial<D
     }
 
     onChange = (newDate: string | Date, newTime: string | Date): Date => {
+        if (newDate === '') {
+            this.props.onChange(newDate);
+            return null;
+        }
         if (newDate === 'invalid' || newTime === 'invalid' || !newDate || !newTime) {
             this.props.onChange('invalid');
             return null;
diff --git a/package.json b/package.json
index 724d1a6..6e95680 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@microsoft/azure-iot-ux-fluent-controls",
-    "version": "6.3.3",
+    "version": "6.3.4",
     "description": "Azure IoT UX Fluent Controls",
     "main": "./lib/index.js",
     "types": "./lib/index.d.ts",