DatePicker

A compact month grid in a 400 dp dialog for picking one day: Go to date, Due date, Copy from date, Go to journal date.

Consumer provides: title (what the date is for), initial month, selected day, which days are marked or pickable, and the footer.

Rules

• Monday first; weekday initials in muted; days 48 dp tall (40 dp disc on the tablet, 36 on the phone).
• Today: 2 dp forest ring, forest Bold number. Selected: forest disc, on-forest Bold number. Out-of-month days in outline.
• Marked days ("Days with writing"): a 5 dp ink dot under the number, explained by a legend line.
• Month title opens the MonthPicker; ‹ › change month.
• Footer: Today as a text button; Cancel + primary only when the pick needs confirming (Copy pages). Due date adds "No due date" as a leading text button.
• Titles say what the date is for. Never reuse "Due date" for navigation.
• Size: dialog-narrow on the tablet; anchored popover from the date pill for Go to journal date; BottomSheet on the phone.

In the app

DatePickerDialog is the one month grid for every date choice.

• Titles: “Go to date”, “Go to journal date”, “Start date”, “Due date”, “Copy from date”.
• Six weeks are shown. Day targets are 48 dp, 2 dp apart.
• Adjacent-month and unpickable days are inert, in the outline colour.
• The month title is left-aligned; ‹ › sit together on the right.
• The month title opens Choose month, which takes the date picker’s place until it closes (no second dialog stacks on top).
• A tap picks the day at once. Today, and No due date where offered, are text actions.
• Copy from date: only other days with writing are pickable, nothing is preselected, and “Cancel” / “Copy pages” confirm the choice.

Preview