Interactive previews Apple Watch
Hour Minute Seconds DatePicker
A DatePicker for just hour, minute, and second.
Platform Compatibility
watchOS 10.0+
Tags
SwiftUI Code
@State private var date = Date()
var body: some View {
DatePicker("Select Date", selection: $date, displayedComponents: .hourMinuteAndSecond)
}Found an issue or have a suggestion?
Created: June 4, 2025Updated: June 5, 2025
More DatePicker Components
View allFuture 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 allHidden Index PageTabViewStyle
A TabViewStyle that displays a paged scrolling TabView with a hidden index.
Prefer Vertical Toolbar Items
A compression behavior that prioritizes keeping toolbar items visible over other elements, such as tabs. By default, tabs are prioritized.
InsetGroupedListStyle
The list style that describes the behavior and appearance of an inset grouped list.