How to manually present DatePicker in SwiftUI

Question

I want to show a DatePicker in SwiftUI. But the SwiftUI have no interface to customization the style of DatePicker, etc, font size ,font color . So I want to use a button to show DatePicker. After click this button , the SwiftUI DatePicker will be present.

Is there any way to implement this?

struct ContentView: View {

    @State private var date = Date()

    var body: some View {
        VStack {
            ZStack() {
                DatePicker(selection: $date, in: ...Date(), displayedComponents: .date) {
                    Text("")
                }
                .opacity(0.01)
                HStack() {
                    Text("Start Time")
                    Spacer()
                    Button("2021-08-22") {
                        print("Button was tapped")
                        // present DatePicker...
                    }
                }
            }
            .frame(height: 44)
            .padding(.horizontal, 20)
        }
    }
}

mars · Accepted Answer · 2021-08-22 16:00:28Z

0

I find a solution as bellow:

struct ContentView: View {

    @State private var date = Date()

    var body: some View {
        VStack {
            ZStack() {
                HStack() {
                    Text("Start Time")
                    Spacer()
                    Text("2021-08-22")
                }
                DatePicker(selection: $date, in: ...Date(), displayedComponents: .date) {
                    Text("")
                }
                .opacity(0.011)
            }
            .frame(height: 44)
            .padding(.horizontal, 20)
        }
    }
}

answered Aug 22, 2021 at 16:00

mars

4971 gold badge9 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Philip Pegden Over a year ago

This doesn't appear to do what you want - it does nothing?

Collectives™ on Stack Overflow

How to manually present DatePicker in SwiftUI

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related