fix(input): date type in ion-input now aligns correctly on iOS 15 (#2…

…4217)
ionic-team · Nov 12, 2021 · 0566ec0 · 0566ec0
1 parent b2f2a4b
commit 0566ec0
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/core/src/css/core.scss b/core/src/css/core.scss
@@ -201,3 +201,10 @@ ion-card-header.ion-color .ion-inherit-color {
 .md .menu-content-push {
   box-shadow: $menu-md-box-shadow;
 }
+
+// Safari/iOS 15 changes the appearance of input[type="date"].
+// For backwards compatibility from Ionic 5/Safari 14 designs,
+// we override the appearance only when using within an ion-input.
+ion-input input::-webkit-date-and-time-value {
+  text-align: start;
+}