MD3 Date Picker

[iM-GeeKy]

Motivation

Currently our date picker for Material Design 3 does not meet the documentation specifications. Furthermore, it appears there are different pickers that aren't all full screen height.

@RichardLindhout Would you be interested in tackling this? It seems more involved and might cause us to have separate pickers for between version 2 and 3. I'd be glad to discuss a plan of attack on this.

[RichardLindhout]

I think the docked ones are (only on big screens) also in m2 but were never implemented
https://m2.material.io/components/date-pickers#desktop-pickers
Open issue: #9

They are also hard because they need take into account the scrolling position of the parent (which can be really hard)
I think we can best implement the modal pickers first in m3 (with the same components)
https://m3.material.io/components/date-pickers/specs

The only way to work with the docked ones is to know the scrollview scroll position which is a hard problem (e.g. Menu component of RNP does not work great on web, because you can't scroll if menu is open)

We could take inspiration of this library, but this still needs some love and fix some bugs, but maybe I could extract some basic components like the ScrollView + useOffsetX, offsetY. But it would probably add a dependency on react-native-reanimated.
https://github.com/web-ridge/react-native-paper-autocomplete

[iM-GeeKy]

It might make sense to just iterate on it rather than trying to fix it all on the first go. That would start with just updating the date pickers such that it uses the proper color scheme, text, etc for a more consistent feel.

[iM-GeeKy]

I think I can get around to starting this in a couple of days. I'll plan to just update the colors schemes, etc, and we can punt the other upgrades for a later request.