chore(): sync with main

core/src/components/datetime/datetime.tsx

@@ -1893,7 +1893,7 @@ export class Datetime implements ComponentInterface {
           <div class="calendar-month-year">
             <ion-item button detail={false} lines="none" onClick={() => this.toggleMonthAndYearView()}>
               <ion-label>
-                {getMonthAndYear(this.locale, this.workingParts)}{' '}
+                {getMonthAndYear(this.locale, this.workingParts)}
                 <ion-icon
                   aria-hidden="true"
                   icon={this.showMonthAndYear ? expandedIcon : collapsedIcon}

core/src/components/datetime/test/basic/datetime.e2e.ts

@@ -27,7 +27,7 @@ test.describe('datetime: closing time popover', () => {
     await ionPopoverDidDismiss.next();
     await page.waitForChanges();
 
-    await expect(calendarMonthYear).toHaveText(currentMonthAndYear);
+    await expect(calendarMonthYear).toHaveText(currentMonthAndYear, { useInnerText: true });
   });
 });
 

core/src/components/datetime/test/display/datetime.e2e.ts

@@ -106,7 +106,7 @@ test.describe('datetime: display', () => {
 
       const calendarMonthYear = page.locator('ion-datetime .calendar-month-year');
 
-      await expect(calendarMonthYear).toHaveText('March 2022');
+      await expect(calendarMonthYear).toHaveText(/March 2022/);
 
       // ensure it still works if presentation is changed more than once
       await select.selectOption('date-time');
@@ -118,7 +118,7 @@ test.describe('datetime: display', () => {
 
       await ionWorkingPartsDidChange.next();
 
-      await expect(calendarMonthYear).toHaveText('February 2022');
+      await expect(calendarMonthYear).toHaveText(/February 2022/);
     });
   });
 });

core/src/components/datetime/test/minmax/datetime.e2e.ts

@@ -114,7 +114,7 @@ test.describe('datetime: minmax', () => {
     test.beforeEach(({ skip }) => {
       skip.rtl();
     });
-    const testDisplayedMonth = async (page: E2EPage, content: string, expectedString = 'June 2021') => {
+    const testDisplayedMonth = async (page: E2EPage, content: string, expectedString = /June 2021/) => {
       await page.setContent(content);
       await page.waitForSelector('.datetime-ready');
 
@@ -138,7 +138,7 @@ test.describe('datetime: minmax', () => {
     });
 
     test('when max is defined', async ({ page }) => {
-      await testDisplayedMonth(page, `<ion-datetime max="2012-06-01"></ion-datetime>`, 'June 2012');
+      await testDisplayedMonth(page, `<ion-datetime max="2012-06-01"></ion-datetime>`, /June 2012/);
     });
   });
 

core/src/components/datetime/test/multiple/datetime.e2e.ts

@@ -156,7 +156,7 @@ test.describe('datetime: multiple date selection (functionality)', () => {
   test('multiple default values across months should display at least one value', async () => {
     const datetime = await datetimeFixture.goto(MULTIPLE_DATES_SEPARATE_MONTHS);
     const monthYear = datetime.locator('.calendar-month-year');
-    await expect(monthYear).toHaveText('April 2022');
+    await expect(monthYear).toHaveText(/April 2022/);
   });
 
   test('with buttons, should only update value when confirm is called', async ({ page }) => {