How to make a button (or any other element) show SwiftUI’s DatePicker popup on tap?

by

I’m having this problem too. I couldn’t sleep for a few days thinking about the solution. I have googled hundred times and finally, I found a way to achieve this. It’s 1:50 AM in my timezone, I can sleep happily now. Credit goes to chase’s answer here

Demo here: https://media.giphy.com/media/2ILs7PZbdriaTsxU0s/giphy.gif

The code that does the magic

struct ContentView: View {
    @State var date = Date()
    
    var body: some View {
        ZStack {
            DatePicker("label", selection: $date, displayedComponents: [.date])
                .datePickerStyle(CompactDatePickerStyle())
                .labelsHidden()
            Image(systemName: "calendar")
                .resizable()
                .frame(width: 32, height: 32, alignment: .center)
                .userInteractionDisabled()
        }
    }
}

struct NoHitTesting: ViewModifier {
    func body(content: Content) -> some View {
        SwiftUIWrapper { content }.allowsHitTesting(false)
    }
}

extension View {
    func userInteractionDisabled() -> some View {
        self.modifier(NoHitTesting())
    }
}

struct SwiftUIWrapper<T: View>: UIViewControllerRepresentable {
    let content: () -> T
    func makeUIViewController(context: Context) -> UIHostingController<T> {
        UIHostingController(rootView: content())
    }
    func updateUIViewController(_ uiViewController: UIHostingController<T>, context: Context) {}
}

More Related Contents:

  1. How to scroll List programmatically in SwiftUI?
  2. Move TextField up when the keyboard has appeared in SwiftUI
  3. How to hide keyboard when using SwiftUI?
  4. SwiftUI | Using onDrag and onDrop to reorder Items within one single LazyGrid?
  5. SwiftUI – How to pass EnvironmentObject into View Model?
  6. SwiftUI NavigationView navigationBarTitle LayoutConstraints issue
  7. Add bottom border line to UI TextField view in SwiftUI / Swift / Objective-C / Xamarin
  8. SwiftUI MVVM Coordinator/Router/NavigationLink
  9. SwiftUI @Binding Initialize
  10. SwiftUI: Status bar color
  11. How can I run an action when a state changes?
  12. SwiftUI: What is @AppStorage property wrapper
  13. SwiftUI DatePicker Binding optional Date, valid nil
  14. Swiftui – How do I initialize an observedObject using an environmentobject as a parameter?
  15. SwiftUI Landmarks App Tutorial Screen Navigates Back When Toggle Favorite
  16. iOS SwiftUI: pop or dismiss view programmatically
  17. How can I implement PageView in SwiftUI?
  18. SwiftUI: Set Status Bar Color For a Specific View
  19. Trouble running async functions in background threads (concurrency)
  20. @Published property wrapper not working on subclass of ObservableObject
  21. Detect app launch from WidgetKit widget extension
  22. SwiftUI: NavigationDestinationLink deprecated
  23. Transition animation not working properly in SwiftUI
  24. NavigationView and NavigationLink on button click in SwiftUI?
  25. How to have a dynamic List of Views using SwiftUI
  26. How to open the ImagePicker in SwiftUI?
  27. How to properly group a list fetched from CoreData by date?
  28. SwiftUI modal presentation works only once from navigationBarItems
  29. SwiftUI View – viewDidLoad()?
  30. SwiftUI – Detect when ScrollView has finished scrolling?

Leave a Comment