- add activeParts time to selected adjacentDay;

- add test to check ionChange value and component value returned from normal day and adjacent day;

Author: JoaoFerreira-FrontEnd

core/src/components/datetime/datetime.tsx

@@ -2383,7 +2383,7 @@ export class Datetime implements ComponentInterface {
                     if (isAdjacentDay) {
                       // The user selected a day outside the current month. Ignore this button, as the month will be re-rendered.
                       this.el.blur();
-                      this.activeParts = referenceParts;
+                      this.activeParts = {...activePart, ...referenceParts};
                       this.animateToDate(referenceParts);
                       this.confirm();
                     } else {

core/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts

@@ -47,5 +47,42 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
       const datetime = page.locator('#display');
       await expect(datetime).toHaveScreenshot(screenshot(`datetime-show-adjacent-days-display`));
     });
+
+    test('should return the same date format on current month days and on adjacent days', async ({ page }) => {
+      await page.goto('/src/components/datetime/test/show-adjacent-days', config);
+      await page.setContent(
+        `
+        <ion-datetime show-adjacent-days="true" locale="en-US" value="2022-10-14T16:22:00.000Z" presentation="date"></ion-datetime>
+        <script>
+          const mockToday = '2022-10-10T16:22';
+          Date = class extends Date {
+            constructor(...args) {
+              if (args.length === 0) {
+                super(mockToday)
+              } else {
+                super(...args);
+              }
+            }
+          }
+        </script>
+      `,
+        config
+      );
+      await page.locator('.datetime-ready').waitFor();
+      const datetime = page.locator('ion-datetime');
+      const ionChange = await page.spyOnEvent('ionChange');
+      // Oct 20, 2022
+      await page.click('.calendar-day[data-month="10"][data-year="2022"][data-day="20"]');
+      await expect(ionChange).toHaveReceivedEventDetail({ value: '2022-10-20T16:22:00' });
+      await expect(datetime).toHaveJSProperty('value', '2022-10-20T16:22:00');
+      // Nov 1, 2022
+      await page.click('.calendar-day[data-month="11"][data-year="2022"][data-day="1"]');
+      await expect(ionChange).toHaveReceivedEventDetail({ value: '2022-11-01T16:22:00' });
+      await expect(datetime).toHaveJSProperty('value', '2022-11-01T16:22:00');
+      // Nov 22, 2022
+      await page.click('.calendar-day[data-month="11"][data-year="2022"][data-day="22"]');
+      await expect(ionChange).toHaveReceivedEventDetail({ value: '2022-11-22T16:22:00' });
+      await expect(datetime).toHaveJSProperty('value', '2022-11-22T16:22:00');
+    });
   });
 });