SwiftUI DatePicker : Background Color


Background modifier for DatePicker works same as it works for any other view in SwiftUI.

We will apply .background modifier with orange color and roundedRectangle shape.
struct DatePickerExample: View {
    @State private var date = Date()
    let dateRange: ClosedRange<Date> = {
        let calendar = Calendar.current
        let startComponents = DateComponents(year: 2021, month: 12, day: 15)
        let endComponents = DateComponents(year: 2021, month: 12, day: 30, hour: 23, minute: 59, second: 59)
        return calendar.date(from:startComponents)!
        ...
        calendar.date(from:endComponents)!
    }()
    
    var body: some View {
        DatePicker(
            "Pick a date", 
            selection: $date, 
            in: dateRange,
            displayedComponents: [.date, .hourAndMinute])
            .padding()
            .datePickerStyle(.graphical)
            .background(Color.orange.opacity(0.2), in: RoundedRectangle(cornerRadius: 20))
            .padding()
    }
}