DatePicker Components

A date picker with only one displayed component

DatePicker Components  - iOS Liquid Glass Light Mode Preview

Platform Compatibility

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

Tags

SwiftUI Code

Docs
@State var date = Date()

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

Found an issue or have a suggestion?

Created: June 4, 2025Updated: December 27, 2025