import SwiftUI

struct ContentView: View {

    @State private var selectedDate = Date()

    var body: some View {
        VStack {
            DatePicker("Select a date", selection: $selectedDate, in: ...Date(), displayedComponents: [.date, .hourAndMinute])
                .datePickerStyle(WheelDatePickerStyle())
                .labelsHidden()

            Text("Selected date: \(formattedDate)")
                .padding()
        }
    }

    private var formattedDate: String {
        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yyyy-MM-dd HH:mm:ss" // Choose your desired format
        return dateFormatter.string(from: selectedDate)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Explanation

• @State private var selectedDate = Date(): This declares a state variable to store the selected date.


• DatePicker: This is the SwiftUI view for the date picker. The selection parameter binds the selected date to the selectedDate state variable. The in parameter can be used to set a range of selectable dates. The displayedComponents parameter specifies which components of the date should be displayed.


• datePickerStyle(WheelDatePickerStyle()): This applies a wheel-style appearance to the date picker. You can choose a different style based on your preferences.


• labelsHidden(): This hides the default labels associated with the date picker.


• Text("Selected date: \(formattedDate)"): Displays the selected date in a Text view.


• The formattedDate property formats the selected date using a DateFormatter.

Results