diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
index 0e8431b96e..5a3aff172e 100644
--- a/core/src/components/datetime/datetime.tsx
+++ b/core/src/components/datetime/datetime.tsx
@@ -542,7 +542,11 @@ export class Datetime implements ComponentInterface {
     // create the text of the formatted data
     const template = this.displayFormat || this.pickerFormat || DEFAULT_FORMAT;
 
-    if (this.value === undefined || this.value === null) { return; }
+    if (
+      this.value === undefined ||
+      this.value === null ||
+      this.value.length === 0
+    ) { return; }
 
     return renderDatetime(template, this.datetimeValue, this.locale);
   }