Analytics Hub: Integrate Custom Range Selector UI

[Ecarrion]

Closes: #8200

Why

This PR connects the custom range selector and passes the selected ranges down to the view model.

How

• Update Range Card View to present the custom range selector when the custom range type is selected.

• Makes use of an internal binding in the range card view to track when the custom range type is pressed in order to not pass that immediately to the view model but to wait for the selected range.

Demo

Demo.mov

Testing

• Open the analytics hub
• Select a custom time range
• See that the custom range is loaded.

Note: There are two couple of known issues being tracked here

• [Analytics Hub] Range Card does not render past years correcly #8343
• [Analytics Hub] Add range format to custom range selector subtitle #8344

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[wpmobilebot]

You can test the changes from this Pull Request by:

• Clicking here or scanning the QR code below to access App Center
• Then installing the build number pr8342-ae63864 on your iPhone

If you need access to App Center, please ask a maintainer to add you.

[rachelmcr]

This is a nice solution and works great for the most part!

It's a little awkward because of how the checkmark selection appears (or rather, doesn't appear) when a custom date range is selected. It would be nice to improve that as much as possible.

[rachelmcr]

This internal selection binding is really clever!

One small issue with this getter: Because the list is populated with AnalyticsHubTimeRangeSelection.SelectionType.allCases and the Custom row is defined as .custom(start: nil, end: nil), the Custom row never shows as selected in the list. If you select a custom date range, and then open the date range selector again, nothing is selected:

One solution could be to replace the getter with something like this:

Suggested change

	selectionType
	switch selectionType {
	// If a `custom` case is set return one with nil values so the Custom row is selected
	case .custom:
	return .custom(start: nil, end: nil)
	default:
	return selectionType
	}

[Ecarrion]

I think this will be solved more elegantly once we decouple the Business options from the UI options.
I'll make sure handle that on #8340

[Ecarrion]

In the mean time, I've adopted to suggestion as it does not hunt to have it right now!

[Ecarrion]

Thanks for the review @rachelmcr
I've adopted your suggestion but will be trying to make it a bit more clear on #8340

[rachelmcr]

That sounds like a great plan! 👍