same thing happening for me for both datepicker and stepper, i've to long press. have you found any solution?

Yes!

Just trying to give back to community man! iOS development has given me a life I used to dream about. I’m trying to help others accomplish their goals and do the same :)

crappy that he doesn't respond

Hello, in case you bought it, could you tell me if the pro version includes api integration? Thanks!

@@miguel7986 No it doesn't. But he has another tutorial app called Threads. The full version on his website has api integration

I am launching a UIKit course this month :) It will be covering the basics of UIKit and building a crypto app as the final project

Yeah it’s strange that you have to long press. I will look into a solution!

I think that the onTapGesture of the section is interfering with the buttons. I went and moved the on tap gesture to CollapsedPickerView itself instead of the VStack. That way when you're in the expanded state, the onTapGesture for that section is no longer in effect. I also was having the same issue with the date picker and this solved that too.

@@samuelray5425 That doesnt work cause instead of being able to click in any part of the UI component instead you'll have to click on any of the text's to trigger the tapGesture which is a bad UX.

This is an iOS 17.1 bug that needs to be fixed by Apple. A more or less acceptable approach is to use an ‘if’ statement to create any of the components inside a VStack with all the modifiers. However, you will see the transition a little rough when the date component gets deselected. The same goes for the Stepper. Our TapGesture's and the Gesture's of the datepicker and Stepper get overlapped if selectedOption == .dates { VStack(alignment: .leading){ Text("When's your trip?") VStack { DatePicker("From", selection: $startDate, displayedComponents: .date) .foregroundStyle(.white) Divider() DatePicker("To", selection: $endDate, displayedComponents: .date) .foregroundStyle(.white) } } .padding() .frame(height: selectedOption == .dates ? 180 : 64) .foregroundStyle(.white) .background(.pink) .clipShape(RoundedRectangle(cornerRadius: 12)) .padding() .shadow(radius: 6) } else { VStack(alignment: .leading){ CollapsedPickerView(title: "When", description: "Add dates") } .padding() .frame(height: selectedOption == .dates ? 180 : 64) .foregroundStyle(.white) .background(.pink) .clipShape(RoundedRectangle(cornerRadius: 12)) .padding() .shadow(radius: 6) .onTapGesture { selectedOption = .dates } }

MVVM

same here

I was facing this issue, add this will help: DatePicker("From", selection: $startDate, displayedComponents: .date) .onTapGesture(count: 99) {}