StepperFieldDatePickerStyle
A system style that displays the components in an editable field, with adjoining stepper that can increment/decrement the selected component
Platform Compatibility
macOS 10.15+
Tags
SwiftUI Code
@State var date = Date()
var body: some View {
DatePicker("Select Date", selection: $date)
.datePickerStyle(.stepperField)
}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
WheelDatePickerStyle
A date picker style that displays each component as columns in a scrollable wheel
Explore Other Components
Browse allGauge
Creates a gauge showing a value within a range and describes the gauge’s purpose and current value
Stepped Min Max Label Slider
Creates a slider to select a value from a given range, subject to a step increment, which displays the provided labels
Content Unavailable Search Text
A pre-built placeholder for empty search results with search text