DatePicker docs page throws React hydration error (#418) on load

URL: https://keystar.design/package/date-time/date-picker

Description:
When opening the DatePicker page above, the DevTools Console logs a React error as soon as the page finishes loading:

Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

This is a hydration mismatch between the server-rendered content and the client render. In my testing, the page content still displayed after React recovered from the error, but I've seen reports of some users seeing no content at all, only an error.

Steps to reproduce:
Step 1 - Open https://keystar.design/package/date-time/date-picker
Step 2 - Open DevTools and switch to the Console tab
Step 3 - Observe the "Minified React error #418" logged as soon as the page loads

Expected result: The page displays all DatePicker examples with no hydration error in the console.

Actual result: The console logs React error #418 (hydration failed), and some users report seeing no page content at all.

Environment: Chrome, tested on 2026-07-19.

Start by opening the DatePicker documentation URL in Chrome and reproducing React error #418 in the DevTools Console. Trace the page's server-rendered and client-rendered DatePicker examples; it is done when all examples display and the hydration error no longer appears.