date-picker

On iPad

The same installed source at a regular width. It adapts its layout without a separate design.

Install

Usage

@State private var date = Date.now

DatePicker("Statement date", selection: $date, in: range, displayedComponents: .date)
    .datePickerStyle(.compact)
    .registryItem("date-picker")

Menu("Presets") {
    Button("Today") { date = .now }
    Button("Tomorrow") { date = .now.addingTimeInterval(60 * 60 * 24) }
    Button("Next week") { date = .now.addingTimeInterval(60 * 60 * 24 * 7) }
}
.accessibilityLabel("Date presets")

Why native is enough

DatePicker .compact + ClosedRange<Date> restricts pickable dates. Menu presets write binding. calendar: graphical month view. Compact = single tap target; no wrapper. Empty/reversed range traps at one date.

Accessibility contract

• DatePicker: title = accessibility label; reads date.
• Label presets Menu; clear without visible glyph.

Details