feat(datetime): fix height when presentation='time'

core/src/components/datetime/datetime.ionic.scss

@@ -178,8 +178,6 @@
 // -----------------------------------
 :host .datetime-time {
   @include globals.padding(globals.$ion-space-100, globals.$ion-space-400);
-
-  height: globals.$ion-scale-800;
 }
 
 :host .datetime-time .time-header {
@@ -197,6 +195,8 @@
 
   align-items: center;
 
+  height: globals.$ion-scale-800;
+
   background-color: globals.$ion-primitives-neutral-100;
   color: globals.$ion-primitives-neutral-1200;
 }

core/src/components/datetime/test/display/datetime.e2e.ts

@@ -5,7 +5,7 @@ import { configs, test } from '@utils/test/playwright';
  * This behavior does not vary across directions
  * since it is texting fixed vs fluid widths.
  */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('datetime: rendering'), () => {
     test.describe('fixed sizes', () => {
       test('date-time should not have any visual regressions', async ({ page }) => {