fix(datetime): add styling for datetime with different labels

fixes #6764

src/components/datetime/test/labels/index.ts

@@ -0,0 +1,23 @@
+import {Component} from '@angular/core';
+import {ionicBootstrap} from '../../../../../src';
+
+
+@Component({
+  templateUrl: 'main.html'
+})
+class E2EPage {
+  stacked2 = '1994-12-15T13:47:20.789';
+  floating2 = '1995-04-15';
+  fixed2 = '2002-09-23T15:03:46.789';
+  inline2 = '2005-06-17T11:06Z';
+}
+
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class E2EApp {
+  root = E2EPage;
+}
+
+ionicBootstrap(E2EApp);

src/components/datetime/test/labels/main.html

@@ -0,0 +1,47 @@
+<ion-toolbar>
+  <ion-title>Datetime</ion-title>
+</ion-toolbar>
+
+<ion-content class="outer-content">
+
+  <ion-item>
+    <ion-label stacked>Stacked</ion-label>
+    <ion-datetime [(ngModel)]="stacked1"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label stacked>Stacked</ion-label>
+    <ion-datetime [(ngModel)]="stacked2"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label floating>Floating</ion-label>
+    <ion-datetime displayFormat="MMMM YY" [(ngModel)]="floating1"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label floating>Floating</ion-label>
+    <ion-datetime displayFormat="D MMM YYYY"[(ngModel)]="floating2"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label fixed>Fixed</ion-label>
+    <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="fixed1"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label fixed>Fixed</ion-label>
+    <ion-datetime displayFormat="DDDD MMM D, YYYY" [(ngModel)]="fixed2"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label>Inline</ion-label>
+    <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="inline1"></ion-datetime>
+  </ion-item>
+
+  <ion-item>
+    <ion-label>Inline</ion-label>
+    <ion-datetime displayFormat="DDDD MMM D, YYYY" [(ngModel)]="inline2"></ion-datetime>
+  </ion-item>
+
+</ion-content>