feat: add placeholder option for multiple datepicker

[nova1751]

🤔 This is a ...

• New feature
• Component style update

🔗 Related issue link

resolve #48461

💡 Background and solution

The placeholder option doesn't work for multiple datepicker. I achieved this function in rc-picker component. Please refer to the react-component/picker#768 This PR add some revelant style code for this feature.

📝 Changelog

Language	Changelog
🇺🇸 English	Fix DatePicker with multiple to support placeholder.
🇨🇳 Chinese	修复 DatePicker 配置 multiple 时 placeholder 不展示的问题。

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

👁 Visual Regression Report for PR #48387 Failed ❌

🎯 Target branch: master (33ae55f)
📖 View Full Report ↗︎

Expected (Branch master)	Actual (Current PR)	Diff
date-picker-component-token.compact.png	date-picker-component-token.compact.png
date-picker-component-token.compact.png	date-picker-component-token.compact.css-var.png
date-picker-component-token.dark.png	date-picker-component-token.dark.png
date-picker-component-token.dark.png	date-picker-component-token.dark.css-var.png
date-picker-component-token.default.png	date-picker-component-token.default.png
date-picker-component-token.default.png	date-picker-component-token.default.css-var.png
date-picker-multiple-debug.compact.png	date-picker-multiple-debug.compact.png
date-picker-multiple-debug.compact.png	date-picker-multiple-debug.compact.css-var.png
date-picker-multiple-debug.dark.png	date-picker-multiple-debug.dark.png
date-picker-multiple-debug.dark.png	date-picker-multiple-debug.dark.css-var.png

Check Full Report for details

[github-actions]

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[nova1751]

The following video shows the effect after the code change, however I don't know how to complete this PR, becasue the dependency rc-picker is related to another repo. Could anyone provide some advice?

fa81bace-4a7b-4233-b306-7c3f42c16dc7.mp4

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (cd90120) to head (0cb393b).
Report is 7 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##            master    #48387    +/-   ##
==========================================
  Coverage   100.00%   100.00%            
==========================================
  Files          744       744            
  Lines        13426     12880   -546     
  Branches      3593      3367   -226     
==========================================
- Hits         13426     12880   -546     

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

[nova1751]

@zombieJ @afc163 This issue has been existing for a while. Could you take a look if you have time?

[zombieJ]

The following video shows the effect after the code change, however I don't know how to complete this PR, becasue the dependency rc-picker is related to another repo. Could anyone provide some advice?

Let me check for this.

[nova1751]

The following video shows the effect after the code change, however I don't know how to complete this PR, becasue the dependency rc-picker is related to another repo. Could anyone provide some advice?

Let me check for this.

Could you check this PR react-component/picker#768 first, please?

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher

🚮 Removed packages: npm/ali-oss@6.20.0, npm/antd-img-crop@4.21.0, npm/antd-style@3.6.2, npm/antd-token-previewer@2.0.8, npm/axios@1.6.8, npm/cheerio@1.0.0-rc.12, npm/circular-dependency-plugin@5.2.2, npm/cli-progress@3.12.0, npm/cross-env@7.0.3, npm/cross-fetch@4.0.0, npm/crypto@1.0.1, npm/dekko@0.2.1, npm/dumi-plugin-color-chunk@1.1.0, npm/dumi@2.3.0-rc.0, npm/esbuild-loader@4.1.0, npm/eslint-config-airbnb@19.0.4, npm/eslint-config-prettier@9.1.0, npm/eslint-import-resolver-typescript@3.6.1, npm/eslint-plugin-compat@4.2.0, npm/eslint-plugin-import@2.29.1, npm/eslint-plugin-jest@28.2.0, npm/eslint-plugin-jsx-a11y@6.8.0, npm/eslint-plugin-lodash@7.4.0, npm/eslint-plugin-markdown@4.0.1, npm/eslint-plugin-react-hooks@4.6.0, npm/eslint-plugin-react@7.34.1, npm/eslint-plugin-unicorn@52.0.0, npm/eslint@8.57.0, npm/fast-glob@3.3.2, npm/fetch-jsonp@1.3.0, npm/fs-extra@11.2.0, npm/gh-pages@6.1.1, npm/glob@10.3.12, npm/html2sketch@1.0.2, npm/http-server@14.1.1, npm/husky@9.0.11

View full report↗︎

[zombieJ]

@nova1751 I've update your PR deps. Let's wait for CI : )

[nova1751]

@zombieJ Please check this preview example, seems to be fine! https://preview-48387-ant-design.surge.sh/components/date-picker-cn#components-date-picker-demo-multiple

[github-actions]

🎉 Thank you for your contribution! If you have not yet joined our DingTalk community group, please feel free to join us (when joining, please provide the link to this PR).

🎉 感谢您的贡献！如果您还没有加入钉钉社区群，请扫描下方二维码加入我们（加群时请提供此 PR 链接）。