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()
}
}