From 3937101e5c2b181a6b7926eb8386c22b0f887716 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Fri, 15 May 2020 11:36:01 -0400
Subject: [PATCH] fix(datetime): ensure year-only values are not affected by
 timezone when parsing (#21309)

---
 core/src/components/datetime/datetime-util.ts      | 5 +++--
 core/src/components/datetime/test/basic/index.html | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/core/src/components/datetime/datetime-util.ts b/core/src/components/datetime/datetime-util.ts
index 47ccfdfa7a..cb8e0b5881 100644
--- a/core/src/components/datetime/datetime-util.ts
+++ b/core/src/components/datetime/datetime-util.ts
@@ -262,13 +262,14 @@ export const getDateTime = (dateString: any = '', timeZone: any = ''): Date => {
 
   /**
    * Ensures that YYYY-MM-DD, YYYY-MM,
-   * YYYY-DD, etc does not get affected
+   * YYYY-DD, YYYY, etc does not get affected
    * by timezones and stays on the day/month
    * that the user provided
    */
   if (
     dateString.length === 10 ||
-    dateString.length === 7
+    dateString.length === 7 ||
+    dateString.length === 4
   ) {
     dateString += ' ';
   }
diff --git a/core/src/components/datetime/test/basic/index.html b/core/src/components/datetime/test/basic/index.html
index 8164b5f190..c582f2bda1 100644
--- a/core/src/components/datetime/test/basic/index.html
+++ b/core/src/components/datetime/test/basic/index.html
@@ -64,7 +64,7 @@
 
         <ion-item>
           <ion-label>YYYY</ion-label>
-          <ion-datetime id="customPickerOptions" placeholder="Custom Options" display-format="YYYY" min="1981" max="2002"></ion-datetime>
+          <ion-datetime id="customPickerOptions" placeholder="Custom Options" display-format="YYYY" min="1981" max="2002" value="2000"></ion-datetime>
         </ion-item>
 
         <ion-item>
@@ -242,10 +242,10 @@
       var selectedLang = "en";
       var customDayShortNames = document.getElementById('customMonthShortNames');
       customDayShortNames.monthShortNames = monthShortNamesEnglish;
-      
+
       function toggleLanguage() {
         selectedLang = selectedLang === 'en' ? 'fr' : 'en';
-        
+
         var customMonthShortNames = document.getElementById('customMonthShortNames');
         var el = document.getElementById('selectedLang');