From e31abced39f0157c883a2f15f700a68501317c6d Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Thu, 16 Feb 2023 17:28:10 +0000
Subject: [PATCH 1/2] fix(datetime): padding is not announced

---
 core/src/components/datetime/datetime.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
index 63cf10adf3a..0b7e1434c19 100644
--- a/core/src/components/datetime/datetime.tsx
+++ b/core/src/components/datetime/datetime.tsx
@@ -1973,6 +1973,7 @@ export class Datetime implements ComponentInterface {
             const { day, dayOfWeek } = dateObject;
             const { isDateEnabled, multiple } = this;
             const referenceParts = { month, day, year };
+            const isCalendarPadding = day === null;
             const { isActive, isToday, ariaLabel, ariaSelected, disabled, text } = getCalendarDayState(
               this.locale,
               referenceParts,
@@ -2011,15 +2012,16 @@ export class Datetime implements ComponentInterface {
                 data-day-of-week={dayOfWeek}
                 disabled={isCalDayDisabled}
                 class={{
-                  'calendar-day-padding': day === null,
+                  'calendar-day-padding': isCalendarPadding,
                   'calendar-day': true,
                   'calendar-day-active': isActive,
                   'calendar-day-today': isToday,
                 }}
+                aria-hidden={isCalendarPadding ? 'true' : null}
                 aria-selected={ariaSelected}
                 aria-label={ariaLabel}
                 onClick={() => {
-                  if (day === null) {
+                  if (isCalendarPadding) {
                     return;
                   }
 

From bbd7ec24ad69d22fc71dca3ead47fcf7c6d6fb94 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Thu, 16 Feb 2023 17:42:07 +0000
Subject: [PATCH 2/2] fix(datetime): days of week are not announced

---
 core/src/components/datetime/datetime.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
index 0b7e1434c19..9d34bae2502 100644
--- a/core/src/components/datetime/datetime.tsx
+++ b/core/src/components/datetime/datetime.tsx
@@ -1925,7 +1925,7 @@ export class Datetime implements ComponentInterface {
             </ion-buttons>
           </div>
         </div>
-        <div class="calendar-days-of-week">
+        <div class="calendar-days-of-week" aria-hidden="true">
           {getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map((d) => {
             return <div class="day-of-week">{d}</div>;
           })}