Usare i DatePicker in SwiftUI

Per selezionare una data SwiftUI ci mette a disposizione il componente DatePicker.

In questo articolo vediamo come usarlo; testato sia su iOS che su macOS,

Ecco il codice di esempio:

import SwiftUI

struct ContentView: View {
    @State private var dd = Date()
    
    var body: some View {
        VStack{
            DatePicker(
                "Sceglia una data",
                selection: $dd,
                displayedComponents: [.date]
            ).padding(.horizontal)
                .datePickerStyle(.graphical)
            
            Divider().frame(height: 1)
            
            Text(dd.formatted(date: .abbreviated, time: .omitted))
                .bold()
                .foregroundColor(Color.mint)
                .padding()
                .animation(.spring(), value: dd)
        }
    }
}

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

Di default viene mostrata la scelta per giorno e tempo.

Noi abbiamo impostato solo la scelta del giorno nell'opzione displayedComponents.

Anche dove mostriamo la data abbiamo rimosso il tempo; lo vedete nella funzione formatted.

Enjoy!