material-components / material-components/material-components-android

[DatePicker] add divider to DatePicker

Open

#4,470 opened on Dec 15, 2024 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

feature request Widget: DatePicker

Dominant language: Java
Stars: 17.4k
Forks: 3.2k
PR merge metrics: No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
The DatePicker has no divider.
![Screenshot_20241216_002807](https://github.com/user-attachments/assets/974b6dc7-044c-456c-a35b-df9430c16fbf)
https://m3.material.io/components/date-pickers/overview
https://m3.material.io/components/date-pickers/specs
https://m3.material.io/components/date-pickers/guidelines
The DatePicker has a divider.
![](https://github.com/user-attachments/assets/c4f0f615-5399-405b-a39c-dd50081f1191)

**Describe the solution you'd like**
Add a divider to the DatePicker.
![Screenshot_20241216_002921](https://github.com/user-attachments/assets/a032a803-0473-4cd9-a98c-a404614c4f42)

**Is your feature request related to a problem? Please describe.**
The DatePicker has no divider (it doesn't have Cancel button and OK button).
![Screenshot_20241216_153252](https://github.com/user-attachments/assets/f0f17939-3625-4d64-ae6d-883b1db39092)
https://m3.material.io/components/date-pickers/specs
The DatePicker has a divider (it has Cancel button and OK button).
![](https://github.com/user-attachments/assets/3a11d325-2441-46de-8a5f-94c2157c9eea)

**Describe the solution you'd like**
Add a divider to the DatePicker.
![Screenshot_20241216_153400](https://github.com/user-attachments/assets/bad74688-b602-4bdd-b609-98412014b7ad)

**Is your feature request related to a problem? Please describe.**
The DatePicker has no divider.
![Screenshot_20250101_140433](https://github.com/user-attachments/assets/1e692e46-c78c-4d04-b924-da04ef97832b)

https://m3.material.io/components/date-pickers/specs
https://m3.material.io/components/date-pickers/guidelines
The DatePicker has dividers.
![](https://github.com/user-attachments/assets/5e3de348-9674-49c7-89c8-258e6951100f)

**Describe the solution you'd like**
Add dividers to the DatePicker.
![Screenshot_20250101_140624](https://github.com/user-attachments/assets/0328e0cb-22ad-40f6-828f-0458d088d706)

**Additional context**
The position of divider (A) and (B) are different.
(A) https://m3.material.io/components/date-pickers/specs
![](https://github.com/user-attachments/assets/3a11d325-2441-46de-8a5f-94c2157c9eea)
(B) https://m3.material.io/components/date-pickers/guidelines
![](https://github.com/user-attachments/assets/adef79fe-a0b1-4b6a-97d1-ad8033e84025)

Contributor guide

Open the contributing guide

First steps

Read the whole issue, then the project's contributing guide.
Comment on the issue to say you are picking it up — it saves two people doing the same work.
Fork the repository and make your change on a branch.
Open a pull request that references the issue number.

Research direction

No implementation files or tests are named. Start by locating the Android DatePicker entry point, then compare its current layout with the linked Material Design specifications and clarify whether the requested divider is for the action row, the date sections, or both. Done means the selected divider placement matches the agreed specification.

Written by the indexing model from the issue text.

Assessment

Tech stack: android, java
Domain: design, mobile
Issue type: Feature
Difficulty: 3/5
Estimated time: 1-2 days
Activity status: Stale
Clarity: Mostly clear
Newbie friendliness: 35/100