From 189ea219c6c7abe297d4ebbad4be08687dedc041 Mon Sep 17 00:00:00 2001
From: Robert Snow <snowystinger@gmail.com>
Date: Mon, 17 Nov 2025 10:09:58 +1100
Subject: [PATCH 1/2] fix: new docs bug followup

---
 package.json                                | 5 +----
 packages/dev/s2-docs/pages/s2/DateField.mdx | 2 +-
 starters/docs/src/DateField.css             | 2 ++
 starters/tailwind/src/DateField.tsx         | 2 +-
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 9bedcbadf33..f77ecdaec3e 100644
--- a/package.json
+++ b/package.json
@@ -274,8 +274,5 @@
         ]
       }
     ]
-  },
-  "locales": [
-    "en-US"
-  ]
+  }
 }
diff --git a/packages/dev/s2-docs/pages/s2/DateField.mdx b/packages/dev/s2-docs/pages/s2/DateField.mdx
index 9d88a4e60a8..f20afb4c5b0 100644
--- a/packages/dev/s2-docs/pages/s2/DateField.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateField.mdx
@@ -32,7 +32,7 @@ import {useState} from 'react';
 function Example() {
   let [date, setDate] = useState(parseDate('2020-02-03'));
   let formatter = useDateFormatter({ dateStyle: 'full' });
-  
+
   return (
     <>
       <DateField
diff --git a/starters/docs/src/DateField.css b/starters/docs/src/DateField.css
index 4d78ed363aa..bd77ef98d74 100644
--- a/starters/docs/src/DateField.css
+++ b/starters/docs/src/DateField.css
@@ -20,6 +20,8 @@
   white-space: nowrap;
   forced-color-adjust: none;
   cursor: text;
+  overflow-x: auto;
+  scrollbar-width: none;
 
   &[data-focus-within] {
     outline: 2px solid var(--focus-ring-color);
diff --git a/starters/tailwind/src/DateField.tsx b/starters/tailwind/src/DateField.tsx
index 24d16712e79..6b5dd4da5bf 100644
--- a/starters/tailwind/src/DateField.tsx
+++ b/starters/tailwind/src/DateField.tsx
@@ -49,7 +49,7 @@ const segmentStyles = tv({
 
 export function DateInput(props: Omit<DateInputProps, 'children'>) {
   return (
-    <AriaDateInput className={renderProps => fieldGroupStyles({...renderProps, class: 'block min-w-[150px] px-2 py-1.5 text-sm font-sans'})} {...props}>
+    <AriaDateInput className={renderProps => fieldGroupStyles({...renderProps, class: 'inline min-w-[150px] px-2 py-1.5 text-sm font-sans whitespace-nowrap overflow-x-auto [scrollbar-width:none]'})} {...props}>
       {(segment) => <DateSegment segment={segment} className={segmentStyles} />}
     </AriaDateInput>
   );

From 8e4c879ebfea01fa82c8b34b61a2560a08bfaa46 Mon Sep 17 00:00:00 2001
From: Robert Snow <snowystinger@gmail.com>
Date: Mon, 17 Nov 2025 10:28:03 +1100
Subject: [PATCH 2/2] fix scaling of placement picker

---
 packages/dev/s2-docs/src/VisualExampleClient.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/dev/s2-docs/src/VisualExampleClient.tsx b/packages/dev/s2-docs/src/VisualExampleClient.tsx
index f44ce3361ae..9c1e9f85643 100644
--- a/packages/dev/s2-docs/src/VisualExampleClient.tsx
+++ b/packages/dev/s2-docs/src/VisualExampleClient.tsx
@@ -1018,8 +1018,8 @@ function PlacementControl({control, value, onChange}) {
             "sb .  .  .  eb"
             ".  bs bc be . "
           `,
-          gridTemplateColumns: '25px 24px 24px 25px 24px',
-          gridTemplateRows: '25px 24px 24px 25px 24px'
+          gridTemplateColumns: 'calc(25px * var(--s2-scale)) calc(24px * var(--s2-scale)) calc(24px * var(--s2-scale)) calc(25px * var(--s2-scale)) calc(24px * var(--s2-scale))',
+          gridTemplateRows: 'calc(25px * var(--s2-scale)) calc(24px * var(--s2-scale)) calc(24px * var(--s2-scale)) calc(25px * var(--s2-scale)) calc(24px * var(--s2-scale))'
         }}>
         <PlacementControlItem id="top start" style={{gridArea: 'ts'}} />
         <PlacementControlItem id="top" style={{gridArea: 'tc'}} />