fix(): explicitly set top/left styles for datetime

Author: sean-perkins

core/src/components/datetime/datetime.scss

@@ -341,9 +341,12 @@
    * Explicit position values are required here
    * as pseudo element positioning is incorrect
    * in older implementations of css grid.
+   *
+   * TODO: FW-1720: Remove top/left styles when depreciating iOS 13 support
    */
-
-  @include position(50%, null, null, 50%);
+  top: 50%;
+  /* stylelint-disable-next-line property-disallowed-list */
+  left: 50%;
 
   position: absolute;
 

core/src/components/item/item.scss

@@ -493,18 +493,6 @@ button, a {
   position: relative;
 }
 
-// Chrome injects host styles that conflict with the
-// positioning of ion-datetime.
-// These styles reset the position so that ion-datetime
-// displays correctly with multiple inputs in an item.
-:host(.item-multiple-inputs) {
-  @include rtl() {
-    ::slotted(ion-datetime) {
-      @include position-horizontal(0, 0);
-    }
-  }
-}
-
 // Item Textarea
 // --------------------------------------------------