[Fluent 2 iOS] DateTimePicker + CalendarView update

[laminesm]

Platforms Impacted

• iOS
• macOS

Description of changes

DateTimePicker and CalendarView have been updated to match their fluent 2 design.
The navigation bar for DateTimePicker is being set by FluentUIFramework. As of now, I have only added functionality to handle the custom nav bar specs for DateTimePicker. The entire class will be updated separately to use tokens instead of Colors in a separate PR.

Verification

All the changes were tested on the demo app.

Before	After

Pull request checklist

This PR has considered:

• Light and Dark appearances
• iOS supported versions (all major versions greater than or equal current target deployment version)
• VoiceOver and Keyboard Accessibility
• Internationalization and Right to Left layouts
• Different resolutions (1x, 2x, 3x)
• Size classes and window sizes (iPhone vs iPad, notched devices, multitasking, different window sizes, etc)
• iPad Pointer interaction
• SwiftUI consumption (validation or new demo scenarios needed)
• Objective-C exposure (provide it only if needed)

Microsoft Reviewers: Open in CodeFlow

[harrieshin]

i understand you might be following the design spec, but it seems bit weird the the previous dates are darker and future dates are lighter? shouldn't selectable date be darker?

[harrieshin]

please update readme doc on datetimepicker as well

[harrieshin]

because there is font change, can you do a quick larger text test?

[laminesm]

i understand you might be following the design spec, but it seems bit weird the the previous dates are darker and future dates are lighter? shouldn't selectable date be darker?

I agree, it seemed a bit odd but I just defaulted to implementing what design spec'ed. I'll reach out and see what they think.

[laminesm]

because there is font change, can you do a quick larger text test?

The contrast ratio issue found is the same as the issue with the activity indicator. Design suggested we ignore this issue until the FG colors are revisited. I have created a design ticket to track the controls currently affected.