Present RangeDate picker when custom the custom option is presented

Author: Ecarrion

WooCommerce/Classes/ViewRelated/Dashboard/Analytics Hub/AnalyticsTimeRangeCard.swift

@@ -9,8 +9,14 @@ struct AnalyticsTimeRangeCard: View {
     let previousRangeDescription: String
     @Binding var selectionType: AnalyticsHubTimeRangeSelection.SelectionType
 
+    /// Determines if the time range selection should be shown.
+    ///
     @State private var showTimeRangeSelectionView: Bool = false
 
+    /// Determines if the custom range selection should be shown.
+    ///
+    @State private var showCustomRangeSelectionView: Bool = false
+
     init(viewModel: AnalyticsTimeRangeCardViewModel, selectionType: Binding<AnalyticsHubTimeRangeSelection.SelectionType>) {
         self.timeRangeTitle = viewModel.selectedRangeTitle
         self.currentRangeDescription = viewModel.currentRangeSubtitle
@@ -24,7 +30,13 @@ struct AnalyticsTimeRangeCard: View {
                 SelectionList(title: Localization.timeRangeSelectionTitle,
                               items: AnalyticsHubTimeRangeSelection.SelectionType.allCases,
                               contentKeyPath: \.description,
-                              selected: $selectionType)
+                              selected: internalSelectionBinding())
+                .sheet(isPresented: $showCustomRangeSelectionView) {
+                    RangedDatePicker() { start, end in
+                        showTimeRangeSelectionView = false // Dismiss the initial sheet for a smooth transition
+                        self.selectionType = .custom(start: start, end: end)
+                    }
+                }
             }
     }
 
@@ -71,6 +83,27 @@ struct AnalyticsTimeRangeCard: View {
         .padding([.top, .bottom])
         .frame(maxWidth: .infinity)
     }
+
+    /// Tracks the range selection internally to determine if the custom range selection should be presented or not.
+    /// If custom range selection is not needed, the internal selection is forwarded to `selectionType`.
+    ///
+    private func internalSelectionBinding() -> Binding<AnalyticsHubTimeRangeSelection.SelectionType> {
+        .init(
+            get: {
+                selectionType
+            },
+            set: { newValue in
+                switch newValue {
+                    // If we get a `custom` case with nil dates it is because we need to present the custom range selection
+                case .custom(start: nil, end: nil):
+                    showCustomRangeSelectionView = true
+                default:
+                    // Any other selection should be forwarded to our parent binding.
+                    selectionType = newValue
+                }
+            }
+        )
+    }
 }
 
 // MARK: Constants