[WIP] Fix keyboard navigation issues in date and time pickers

[Copilot]

• Explore codebase to understand date/time picker implementation
• Fix initial focus: first picker column should be auto-focused when dialog opens
• Fix Tab navigation: prevent Tab from traversing into individual list wheel items
• Fix Enter/Space key: confirm selection when pressed while a column is focused
• Fix arrow key navigation: ensure Up/Down scrolls the focused column
• Pass autofocus: true and onActivate: onSelect to first column in TimePicker
• Pass autofocus: true and onActivate: onSelect to first column in DatePicker
• Update CHANGELOG
• Run tests

Original prompt

---

This section details on the original issue you should resolve

<issue_title>🐛 Keyboard navigation on date and time pickers don't work as it should</issue_title>
<issue_description>Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://bdlukaa.github.io/fluent_ui/#/forms/time_picker
2. Try to navigate with the arrow keys (don't work on web; is buggy on native)
3. Try to navigate with the tab key (buggy on both platforms)

Expected behavior
The user should be able to navigate using the keyboard properly.

Gravando.2023-12-14.110317.mp4

</issue_description>

<agent_instructions>https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/date-picker
https://learn.microsoft.com/en-us/windows/apps/develop/ui/controls/time-picker

Update the changelog when finished</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes 🐛 Keyboard navigation on date and time pickers don't work as it should #993

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.