diff --git a/core/src/components/datetime/readme.md b/core/src/components/datetime/readme.md
index 3991326fce..e30fe0c1f9 100644
--- a/core/src/components/datetime/readme.md
+++ b/core/src/components/datetime/readme.md
@@ -160,9 +160,11 @@ dates in JavaScript.
 <!-- Datetime in overlay -->
 <ion-button id="open-modal">Open Datetime Modal</ion-button>
 <ion-modal trigger="open-modal">
-  <ion-content>
-    <ion-datetime></ion-datetime>
-  </ion-content>
+  <ng-template>
+    <ion-content>
+      <ion-datetime></ion-datetime>
+    </ion-content>
+  </ng-template>
 </ion-modal>
 
 ```javascript
diff --git a/core/src/components/datetime/usage/angular.md b/core/src/components/datetime/usage/angular.md
index 4a6e0369f0..cf8067e176 100644
--- a/core/src/components/datetime/usage/angular.md
+++ b/core/src/components/datetime/usage/angular.md
@@ -42,9 +42,11 @@
 <!-- Datetime in overlay -->
 <ion-button id="open-modal">Open Datetime Modal</ion-button>
 <ion-modal trigger="open-modal">
-  <ion-content>
-    <ion-datetime></ion-datetime>
-  </ion-content>
+  <ng-template>
+    <ion-content>
+      <ion-datetime></ion-datetime>
+    </ion-content>
+  </ng-template>
 </ion-modal>
 
 ```javascript