From 0566ec0da3b8a66a1a1ebb1b235e7297ec483c79 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Fri, 12 Nov 2021 15:13:37 -0500
Subject: [PATCH] fix(input): date type in ion-input now aligns correctly on
 iOS 15 (#24217)

---
 core/src/css/core.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/core/src/css/core.scss b/core/src/css/core.scss
index 16c0a576582..d1289b7b52c 100644
--- 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;
+}
\ No newline at end of file