diff --git a/packages/ra-ui-materialui/src/field/DateField.spec.tsx b/packages/ra-ui-materialui/src/field/DateField.spec.tsx
index 4c854cc999f..08c9b0c34eb 100644
--- a/packages/ra-ui-materialui/src/field/DateField.spec.tsx
+++ b/packages/ra-ui-materialui/src/field/DateField.spec.tsx
@@ -37,6 +37,13 @@ describe('<DateField />', () => {
         expect(container.firstChild).toBeNull();
     });
 
+    it('should return null when the record has an invalid type for the source', () => {
+        const { container } = render(
+            <DateField record={{ id: 123, foo: {} }} source="foo" />
+        );
+        expect(container.firstChild).toBeNull();
+    });
+
     it('should render a date', () => {
         const { queryByText } = render(
             <DateField
diff --git a/packages/ra-ui-materialui/src/field/DateField.tsx b/packages/ra-ui-materialui/src/field/DateField.tsx
index b9af166cec0..a693d7abe10 100644
--- a/packages/ra-ui-materialui/src/field/DateField.tsx
+++ b/packages/ra-ui-materialui/src/field/DateField.tsx
@@ -61,7 +61,18 @@ const DateFieldImpl = <
     }
 
     const value = get(record, source);
-    if (value == null || value === '') {
+    const parsedDate = (value: any) => {
+        if (value == null || value === '') return undefined;
+
+        return value instanceof Date
+            ? value
+            : typeof value === 'string' || typeof value === 'number'
+            ? new Date(value)
+            : undefined;
+    };
+    const date = parsedDate(value);
+
+    if (typeof date === 'undefined') {
         return emptyText ? (
             <Typography
                 component="span"
@@ -74,13 +85,6 @@ const DateFieldImpl = <
         ) : null;
     }
 
-    const date =
-        value instanceof Date
-            ? value
-            : typeof value === 'string' || typeof value === 'number'
-            ? new Date(value)
-            : undefined;
-
     let dateOptions = options;
     if (
         typeof value === 'string' &&