feat(date-picker/time-picker): add previewValue option by meet-student · Pull Request #55258 · ant-design/ant-design

meet-student · 2025-10-10T09:57:20Z

🤔 This is a ...

🔗 Related Issues

Disable TimePicker's preview on hover #54405

feat: add previewValue option react-component/picker#934

💡 Background and Solution

The specific problem to be addressed.

List the final API implementation and usage if needed.

If there are UI/interaction changes, consider providing screenshots or GIFs.

📝 Change Log

Read Keep a Changelog! Track your changes, like a cat tracks a laser pointer.

Describe the impact of the changes on developers, not the solution approach.

Reference: https://ant.design/changelog

Language	Changelog
🇺🇸 English	add previewValue option
🇨🇳 Chinese	add previewValue option

bolt-new-by-stackblitz · 2025-10-10T09:57:23Z

Run & review this pull request in StackBlitz Codeflow.

github-actions · 2025-10-10T09:57:30Z

github-actions · 2025-10-10T09:57:31Z

👁 Visual Regression Report for PR #55258 Passed ✅

🎯 Target branch: next (cd170fc)
📖 View Full Report ↗︎
📖 Alternative Report ↗︎

🎊 Congrats! No visual-regression diff found.

gemini-code-assist · 2025-10-10T09:57:34Z

Summary of Changes

Hello @meet-student, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request enhances the DatePicker and TimePicker components by adding a previewValue option. This new feature provides users with more control over the interactive experience, specifically allowing them to enable or disable the temporary display of hovered date or time selections within the input field. The change includes comprehensive documentation updates and a demo to illustrate its usage.

Highlights

New previewValue Prop: Introduced a new previewValue prop for both DatePicker and TimePicker components.
Hover Behavior Control: This prop allows control over whether the input field temporarily displays the value of a hovered date or time option. By default, this behavior is active (hover), but it can be disabled by setting previewValue={false}.
Documentation Updates: The official documentation for DatePicker and TimePicker has been updated in both English and Chinese to reflect the new previewValue prop, including its description, type, default value, and version availability.
Demo Integration: A demo file for DatePicker (filled-debug.tsx) has been updated to include an example of previewValue={false}, demonstrating how to disable the hover preview.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	`/gemini review`	Performs a code review for the current pull request in its current state.
Pull Request Summary	`/gemini summary`	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	`/gemini help`	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

coderabbitai · 2025-10-10T09:57:56Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

gemini-code-assist

Code Review

This pull request introduces a new previewValue option for the DatePicker and TimePicker components. The changes primarily involve updating documentation and adding a demo case. I've found a few minor issues in the documentation files, including incorrect descriptions and inconsistent property ordering. My review comments provide specific suggestions to address these points.

components/date-picker/index.zh-CN.md

components/time-picker/index.en-US.md

components/time-picker/index.zh-CN.md

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: 遇见同学 <1875694521@qq.com>

pkg-pr-new · 2025-10-10T10:01:14Z

More templates

npm i https://pkg.pr.new/ant-design/ant-design/antd@55258

commit: 0524aab

components/time-picker/index.en-US.md

Signed-off-by: 遇见同学 <1875694521@qq.com>

components/time-picker/index.zh-CN.md

Signed-off-by: 遇见同学 <1875694521@qq.com>

codecov · 2025-10-10T10:17:08Z

Bundle Report

Bundle size has no change ✅

codecov · 2025-10-10T11:49:07Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (7b16a5e) to head (0524aab).
⚠️ Report is 2 commits behind head on next.

Additional details and impacted files

@@            Coverage Diff            @@
##              next    #55258   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          798       798           
  Lines        14762     14762           
  Branches      3894      3894           
=========================================
  Hits         14762     14762

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

gemini-code-assist bot reviewed Oct 10, 2025

View reviewed changes

components/date-picker/index.zh-CN.md Show resolved Hide resolved

components/time-picker/index.en-US.md Outdated Show resolved Hide resolved

components/time-picker/index.zh-CN.md Outdated Show resolved Hide resolved

meet-student and others added 3 commits October 10, 2025 18:01

feat(date-picker/time-picker): add previewValue option

14479bf

Update components/time-picker/index.en-US.md

954514a

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: 遇见同学 <1875694521@qq.com>

Update components/time-picker/index.zh-CN.md

3787bc8

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: 遇见同学 <1875694521@qq.com>

meet-student commented Oct 10, 2025

View reviewed changes

components/time-picker/index.en-US.md Outdated Show resolved Hide resolved

Apply suggestion from @meet-student

44ffbcd

Signed-off-by: 遇见同学 <1875694521@qq.com>

meet-student commented Oct 10, 2025

View reviewed changes

components/time-picker/index.zh-CN.md Outdated Show resolved Hide resolved

Apply suggestion from @meet-student

b68193a

Signed-off-by: 遇见同学 <1875694521@qq.com>

Merge branch 'next' into feat-picker

0524aab

thinkasany approved these changes Oct 10, 2025

View reviewed changes

dosubot bot added the lgtm This PR has been approved by a maintainer label Oct 10, 2025

thinkasany merged commit 195d50b into ant-design:next Oct 10, 2025
39 checks passed

meet-student deleted the feat-picker branch October 10, 2025 13:01

zombieJ mentioned this pull request Nov 4, 2025

docs: changelog of 6.0.0-alpha.4 #55604

Merged

17 tasks

Uh oh!

Conversation

meet-student commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🤔 This is a ...

🔗 Related Issues

💡 Background and Solution

📝 Change Log

Uh oh!

bolt-new-by-stackblitz bot commented Oct 10, 2025

Uh oh!

github-actions bot commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

👁 Visual Regression Report for PR #55258 Passed ✅

Uh oh!

gemini-code-assist bot commented Oct 10, 2025

Summary of Changes

Highlights

Footnotes

Uh oh!

coderabbitai bot commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Other AI code review bot(s) detected

Uh oh!

gemini-code-assist bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

Uh oh!

Uh oh!

Uh oh!

pkg-pr-new bot commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

codecov bot commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Bundle Report

Uh oh!

codecov bot commented Oct 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

meet-student commented Oct 10, 2025 •

edited

Loading

github-actions bot commented Oct 10, 2025 •

edited

Loading

github-actions bot commented Oct 10, 2025 •

edited

Loading

coderabbitai bot commented Oct 10, 2025 •

edited

Loading

pkg-pr-new bot commented Oct 10, 2025 •

edited

Loading

codecov bot commented Oct 10, 2025 •

edited

Loading

codecov bot commented Oct 10, 2025 •

edited

Loading