How to show date picker in SwiftUI?

Uplift iOS Interview

"Uplift iOS Interview" is a comprehensive guide to help aspiring iOS developers soar to new heights in their careers. This book is an indispensable tool for anyone looking to crack the iOS interview and impress their future employers with their technical prowess. With in-depth coverage of Swift, AutoLayout, SwiftUI, Multithreading, Memory management so on and so forth, this book is a treasure trove of knowledge for anyone looking to uplift their iOS development career.

SwiftUI date picker is a very handy built-in modifier(DatePicker) for selecting a specific date, time, or both. A date picker has four modes: date, time, date and time, count down timer. You can display date picker in contact, wheels and inline style. You can present the date picker in the following way:

struct ContentView: View {
    @State private var date = Date()

    var body: some View {
        VStack {
            // Full date time
            DatePicker("Date:", selection: $date)

            // Time
            DatePicker("Time:", selection: $date, displayedComponents: .hourAndMinute)

            // With style
            DatePicker("Time:", selection: $date, displayedComponents: .hourAndMinute)
                .datePickerStyle(WheelDatePickerStyle())
        }
    }
}

If you want to show the whole calendar to pick the date you can use .datePickerStyle(GraphicalDatePickerStyle())

 DatePicker("Date:", selection: $date)
                .datePickerStyle(GraphicalDatePickerStyle())

You can also play with different types of range while using the date picker. The most commonly used range is …Date() where you can select any date until the present date or Date()… to select the date from the present date.

DatePicker("Date range", selection: $date, in: …Date())

Rev Up Your iOS Skills: Take a Dynamic Learning Journey
iOS Career Boost

iOS Career Boost is the ultimate learning journey to elevate your iOS development career through a dynamic blend of visual learning, handy cheat sheets, coding practice materials, and expertly curated tips and tricks


Get Ready to Shine: Mastering the iOS Interview


Enjoying the articles? Get the inside scoop by subscribing to my newsletter.

Get access to exclusive iOS development tips, tricks, and insights when you subscribe to my newsletter. You'll also receive links to new articles, app development ideas, and an interview preparation mini book. Your email address will only be used for the purpose of sending the newsletter and will not be shared with third parties or advertisers. Rest assured that we value your privacy and will not spam your inbox.


Connect with me on

Twitter and LinkedIn and don't hesitate to reach out with any questions about this post. Thank you for reading.

If you know someone who would benefit from reading this article, please share it with them.