iPhone SwiftUI layouts

Explore interactive SwiftUI previews across every available iPhone screenshot variant.

DatePicker

DatePicker Components

A date picker with only one displayed component

SwiftUI code

Full details Docs 
@State var date = Date()

var body: some View {
    VStack {
        DatePicker("Select Date", selection: $date, displayedComponents: .date)
        DatePicker("Select Date", selection: $date, displayedComponents: .hourAndMinute)
    }
}

Compatibility

iOS 13.0+ iPadOS 13.0+ macOS 10.15+ watchOS 10.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for DatePicker Components .

2 views