diff --git a/core/src/components/datetime/datetime.ios.scss b/core/src/components/datetime/datetime.ios.scss
index c26793027c..a2240eea51 100644
--- a/core/src/components/datetime/datetime.ios.scss
+++ b/core/src/components/datetime/datetime.ios.scss
@@ -6,7 +6,9 @@
   --background: var(--ion-color-light, #ffffff);
   --background-rgb: var(--ion-color-light-rgb);
   --title-color: #{$text-color-step-400};
+}
 
+:host(:not(.datetime-presentation-time)) {
   min-height: 300px;
 }
 
diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss
index 7f6e8a85d1..8096678066 100644
--- a/core/src/components/datetime/datetime.scss
+++ b/core/src/components/datetime/datetime.scss
@@ -14,13 +14,15 @@
 
   flex-flow: column;
 
-  height: 100%;
-
   background: var(--background);
 
   overflow: hidden;
 }
 
+:host(:not(.datetime-presentation-time)) {
+  height: 100%;
+}
+
 :host(.datetime-size-fixed) {
   width: 350px;
 }