[Input Date Picker, Input Time Picker] Individual month, day, year individual inputs

[SkyeSeitz]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Description

Similar to MUI's date picker , make calcite-date-picker and calcite-time-picker's month, day, year entries individual inputs, where arrow keys can be used to adjust value. This would also help avoid the current issue with being able to enter invalid characters.

Acceptance Criteria

• calcite-date-picker and calcite-time-picker include individual inputs for month, day, year.
• upArrow & downArrow can be used to increment the values
• rightArrow & leftArrow can be used to move between month, day, year inputs
• direct entry still possible, but consider not accepting invalid characters

Relevant Info

Related to refactors and enhancements in epic #6714

Which Component

Input Date Picker & Input Time Picker

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

• [x] @esri/calcite-components
• [ ] @esri/calcite-components-angular
• [ ] @esri/calcite-components-react
• [ ] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

[geospatialem]

Once this effort is picked up for development work, a short check-in can be scheduled with Skye to confirm the design efforts for both components.