Date Picker component

[ddudenin]

Plan

• Implement new component that returns the date selection in a well-typed format.
• Picker type: Single day.
• Allow user to enter a date value.
• One-month view: supports displaying a single month calendar view.
• Internationalization support.
• Pass tests.
  • Compilation.
  • Check, clippy tests.
  • Doc comments.
  • Playwright.

Fixes #119

Calendar
Fixes #129 Fixes #130

---

It was decided to break the task down into its subtasks.

A task was created to select a date range and implement a two-month view: supports displaying two consecutive months side-by-side #132

[ddudenin]

@ealmloff before implementing extended functionality and making the component look good, I'd like to get some feedback on the component's current architecture.

The behavior with hiding the calendar may look suspicious, but for now I need this implementation to simplify debugging.

[ealmloff]

Thanks for working on this! This is one of the first components that builds on top of the existing primitives. You are re-using the calendar logic which is great, I wonder if we could also re-use the logic for the popover component

[ddudenin]

@ealmloff I'd like to request a component review again

Important changes:

1. Calendar display via Popover;
2. Calendar properties can be passed to the component externally, while all the logic remains internal;
3. Calendar bugs have been fixed (see description);
4. Localization;
5. Improved keyboard input (range input will need further work);

[ealmloff]

The interaction model seems a bit odd in the preview. I click on the dropdown to select a date, then it closes the preview with the range only half filled. Then if I click on the dropdown again, it lets me choose the second date and then the first date again before closing the preview.

It might make sense to remove range support from the date picker until the calendar component itself supports ranges

[ddudenin]

@ealmloff

@npatsakula and I discussed the task and agreed that it needed to be broken down into subtasks, meaning we'd implement only one date selection within this wish.

To support date ranges in the Сalendar and Date Picker, I created new tasks and changed the current task description with a note about the work plan change.

[ealmloff]

This SVG is related to how the date picker is displayed, not a core part of the interactions / accessibility so it should also be in the styled version of the component in the preview