Adjust calendar spacings

Ecarrion · Ecarrion · commit 79787c09481a · 2022-12-14T12:24:44.000-05:00
diff --git a/WooCommerce/Classes/ViewRelated/ReusableViews/SwiftUI Components/RangedDatePicker.swift b/WooCommerce/Classes/ViewRelated/ReusableViews/SwiftUI Components/RangedDatePicker.swift
@@ -43,6 +43,7 @@ struct RangedDatePicker: View {
                     DatePicker("", selection: $startDate, in: ...Date(), displayedComponents: [.date])
                         .datePickerStyle(.graphical)
                         .accentColor(Color(.brand))
+                        .padding(.horizontal, Layout.calendarPadding)
 
                     // End Picker
                     Text(Localization.endDate)
@@ -54,6 +55,7 @@ struct RangedDatePicker: View {
                     DatePicker("", selection: $endDate, in: ...Date(), displayedComponents: [.date])
                         .datePickerStyle(.graphical)
                         .accentColor(Color(.brand))
+                        .padding(.horizontal, Layout.calendarPadding)
                 }
                 .padding()
             }
@@ -103,6 +105,7 @@ private extension RangedDatePicker {
     }
     enum Layout {
         static let titleSpacing: CGFloat = 4.0
+        static let calendarPadding: CGFloat = -8.0
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ struct RangedDatePicker: View {`
`43`	`43`	`DatePicker("", selection: $startDate, in: ...Date(), displayedComponents: [.date])`
`44`	`44`	`.datePickerStyle(.graphical)`
`45`	`45`	`.accentColor(Color(.brand))`
	`46`	`+ .padding(.horizontal, Layout.calendarPadding)`
`46`	`47`
`47`	`48`	`// End Picker`
`48`	`49`	`Text(Localization.endDate)`
`@@ -54,6 +55,7 @@ struct RangedDatePicker: View {`
`54`	`55`	`DatePicker("", selection: $endDate, in: ...Date(), displayedComponents: [.date])`
`55`	`56`	`.datePickerStyle(.graphical)`
`56`	`57`	`.accentColor(Color(.brand))`
	`58`	`+ .padding(.horizontal, Layout.calendarPadding)`
`57`	`59`	`}`
`58`	`60`	`.padding()`
`59`	`61`	`}`
`@@ -103,6 +105,7 @@ private extension RangedDatePicker {`
`103`	`105`	`}`
`104`	`106`	`enum Layout {`
`105`	`107`	`static let titleSpacing: CGFloat = 4.0`
	`108`	`+ static let calendarPadding: CGFloat = -8.0`
`106`	`109`	`}`
`107`	`110`	`}`
`108`	`111`