feat(datetime-button): update design to match iOS 17 spec

core/src/components/datetime-button/datetime-button.ios.scss

@@ -0,0 +1,12 @@
+@import "./datetime-button";
+
+// iOS Datetime Button
+// --------------------------------------------------
+
+:host button {
+  @include padding(7px, 13px, 7px, 13px);
+}
+
+:host button.ion-activated {
+  color: $text-color-step-400;
+}

core/src/components/datetime-button/datetime-button.md.scss

@@ -0,0 +1,8 @@
+@import "./datetime-button";
+
+// Material Design Datetime Button
+// --------------------------------------------------
+
+:host button {
+  @include padding(6px, 12px, 6px, 12px);
+}

core/src/components/datetime-button/datetime-button.scss

@@ -15,7 +15,6 @@
 
 :host button {
   @include border-radius(8px);
-  @include padding(6px, 12px, 6px, 12px);
   @include margin(0px, 2px, 0px, 2px);
 
   position: relative;

core/src/components/datetime-button/datetime-button.tsx

@@ -22,8 +22,8 @@ import { parseDate } from '../datetime/utils/parse';
 @Component({
   tag: 'ion-datetime-button',
   styleUrls: {
-    ios: 'datetime-button.scss',
-    md: 'datetime-button.scss',
+    ios: 'datetime-button.ios.scss',
+    md: 'datetime-button.md.scss',
   },
   shadow: true,
 })

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

@@ -1,6 +1,23 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
+configs().forEach(({ config, screenshot, title }) => {
+  test.describe(title('datetime-button: basic'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-datetime-button locale="en-US" datetime="datetime"></ion-datetime-button>
+        <ion-datetime id="datetime" value="2022-01-01T06:30:00" presentation="date-time"></ion-datetime>
+      `,
+        config
+      );
+      const datetimeButton = page.locator('ion-datetime-button');
+
+      await expect(datetimeButton).toHaveScreenshot(screenshot(`datetime-button-basic`));
+    });
+  });
+});
+
 /**
  * The tested behavior does not
  * vary across modes/directions