Using swiftUI how can i add datePicker only while textField is in editing mode?

Question

I have added datePicker for now inside HStack. I want to show datePicker only when textField is in editing mode.

struct EditProfile: View {
    @Binding var profile: Profile
    var body: some View {
        List {
            HStack {
                Text("Username").bold()
                TextField("Date")
                DatePicker(
                    $profile.goalDate,
                    minimumDate: Calendar.current.date(byAdding: .year, value: -1, to: profile.goalDate),
                    maximumDate: Calendar.current.date(byAdding: .year, value: 1, to: profile.goalDate),
                    displayedComponents: .date
                )
            }
        }
        .padding(.top)
    }
    .padding(.top)
}

There is onEditingChanged in TextField.init.

Sulthan
– Sulthan

2019-06-07 06:56:18 +00:00
Commented Jun 7, 2019 at 6:56 — Sulthan
– Sulthan, Commented Jun 7, 2019 at 6:56

Jake · Accepted Answer · 2019-06-07 08:30:18Z

2

You can use onEditingChanged along with binding to get the desired effect.

struct EditProfile : View {
    @Binding var profile: Profile
    @State var showDatePicker = false
    @State var textfieldText: String = ""

    var body: some View {
       List {
            HStack {
                Text("Username").bold()
                TextField($textfieldText, placeholder: Text("Date"), onEditingChanged: { (editting) in
                    self.showDatePicker = editting
                }) {

                }

                if self.showDatePicker {
                    DatePicker(
                        $profile.goalDate,
                        minimumDate: Calendar.current.date(byAdding: .year, value: -1, to: profile.goalDate),
                        maximumDate: Calendar.current.date(byAdding: .year, value: 1, to: profile.goalDate),
                        displayedComponents: .date
                    )
                }
            }
        }
        .padding(.top)
    }
}

answered Jun 7, 2019 at 8:30

Jake

13.9k10 gold badges48 silver badges73 bronze badges

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

2 Comments

ShadowDES Over a year ago

Is this still working in Beta 7? Getting a weird error when I try to use this (it wants to take self.showDatePicker = editing and change it to self.showDatePicker == editing, which is nowheres near correct).

Javier Heisecke Over a year ago

This has an issue where the keyboard appears when the textfield is tapped and resigning first responder makes the textfield not update when selecting a date

Collectives™ on Stack Overflow

Using swiftUI how can i add datePicker only while textField is in editing mode?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related