iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

DatePicker

GraphicalDatePickerStyle

A date picker style that displays an interactive calendar or clock

Explore GraphicalDatePickerStyle on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
@State var date = Date()

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

Compatibility

iOS 14.0+ iPadOS 14.0+ macOS 10.15+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for GraphicalDatePickerStyle.

2 views