Interactive previews iPhone
GraphicalDatePickerStyle
A date picker style that displays an interactive calendar or clock
Platform Compatibility
iOS 14.0+ iPadOS 14.0+ macOS 10.15+ visionOS 1.0+
Tags
SwiftUI Code
@State var date = Date()
var body: some View {
DatePicker("Select Date", selection: $date, displayedComponents: .date)
.datePickerStyle(.graphical)
}Found an issue or have a suggestion?
Created: June 4, 2025Updated: December 27, 2025
More DatePicker Components
View all
Future DatePicker
Creates an instance that selects multiple dates on or after some start date
StepperFieldDatePickerStyle
A system style that displays the components in an editable field, with adjoining stepper that can increment/decrement the selected component
WheelDatePickerStyle
A date picker style that displays each component as columns in a scrollable wheel
Explore Other Components
Browse all
UIKit Content Background colors
The UIKit colors that are also used in other components like in List and GroupBox
