Prevent focus reset on date/time input clicks in Safari

[liuliu-dev]

Closes #4488

Changelog

1. Fixed focus behavior for date/time inputs

   • Modified focusInput handler to check the focused element before resetting the forcus, if it's a date picker, avoid resetting focus to input.

2. Fixed Playground story for controlled date/time inputs

   • Added onInput handler alongside onChange to ensure value updates work correctly with native date/time pickers

Rollout strategy

• Patch release

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: b3a057e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Or, apply the integration-tests: skipped manually label to skip these checks.

[github-actions]

👋 Hi, there are new commits since the last successful integration test. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Or, apply the integration-tests: skipped manually label to skip these checks.

[primer-integration]

👋 Hi from github/github-ui! Your integration PR is ready: https://github.com/github/github-ui/pull/6766

[primer-integration]

🟢 ci completed with status success.

[Copilot]

Pull Request Overview

This PR fixes a Safari-specific issue where clicking on date/time input pickers would reset focus, preventing proper interaction with the native date/time picker UI. The fix introduces conditional focus handling for segmented input types (date, time, datetime-local) and adds proper event handling in the Playground story for controlled date/time inputs.

Key changes:

• Modified focusInput handler to avoid resetting focus when clicking directly on date/time inputs
• Added onInput handler to Playground story to ensure controlled date/time inputs work correctly

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
packages/react/src/TextInput/TextInput.tsx	Added logic to detect segmented input types and conditionally prevent focus reset when the input itself is clicked
packages/react/src/TextInput/TextInput.stories.tsx	Added onInput handler to Playground story for proper controlled input behavior with date/time pickers
.changeset/eleven-apes-prove.md	Added changeset entry documenting the patch fix

[github-actions]

👋 Hi, there are new commits since the last successful integration test. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Or, apply the integration-tests: skipped manually label to skip these checks.

[llastflowers]

✨