FieldDatePickerStyle

A date picker style that displays the components in an editable field

FieldDatePickerStyle - Preview Not Available

Platform Compatibility

macOS 10.15+

Tags

SwiftUI Code

Docs
 @State var date = Date()

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

Found an issue or have a suggestion?

Created: June 4, 2025Updated: August 6, 2025
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More DatePicker Components

View all
Future DatePicker - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Future DatePicker

Creates an instance that selects multiple dates on or after some start date

MultiDatePicker - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

MultiDatePicker

A control for picking multiple dates.

DatePicker Colors - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

DatePicker Colors

Customizing the colors of the date picker

StepperFieldDatePickerStyle - macOS - Flat Design - Light Mode - Preview
style

StepperFieldDatePickerStyle

A system style that displays the components in an editable field, with adjoining stepper that can increment/decrement the selected component

WheelDatePickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

WheelDatePickerStyle

A date picker style that displays each component as columns in a scrollable wheel

GraphicalDatePickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

GraphicalDatePickerStyle

A date picker style that displays an interactive calendar or clock

Hour Minute Seconds DatePicker - watchOS - Flat Design - Light Mode - Preview
initializer

Hour Minute Seconds DatePicker

A DatePicker for just hour, minute, and second.

Future DatePicker - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Future DatePicker

Creates an instance that selects a Date in a closed range

Explore Other Components

Browse all
SegmentedPickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

SegmentedPickerStyle

A picker style that presents the options in a segmented control. Use this style when there are two to five options. Consider using menu when there are more than five options.

Disabled Toolbar Vertical Behavior - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
modifier

Disabled Toolbar Vertical Behavior

Disables the vertical bar.

TabBarOnlyTabViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

TabBarOnlyTabViewStyle

A tab view style that displays a tab bar when possible.

Standard Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

Standard Colors

The SwiftUI standard colors

Single Subscription Store View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Single Subscription Store View

Creates a view that loads subscriptions based on a collection of product identifiers, and merchandises them with automatic marketing content.

Tab View Customization - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Customization

Specifies the customizations to apply to the sidebar representation of the tab view.

ToolbarItem Shared Background Visibility - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

ToolbarItem Shared Background Visibility

Controls the visibility of the glass background effect on items in the toolbar. In certain contexts, such as the navigation bar on iOS and the window toolbar on macOS, toolbar items will be given a glass background effect that is shared with other items in the same logical grouping

PageTabViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

PageTabViewStyle

A TabViewStyle that displays a paged scrolling TabView.