nimble-date-picker Component

😯 Problem to Solve

To conveniently pick a date through a date-picker input. This comes from one of HLD requirement's in Argon here

• User should be able to see a small calendar icon to the right of date input
• User should be able to select a date from the expanded calendar view. He/she should be able to scroll through days, months and years
• User should be able to type in the date in a standard format. For ex: DD/MM/YYYY

Adobe XD View - Password: Soliton@123 – Reach out to Roshan(roshan.raju@ni.com) / John Nakano (john.nakano@ni.com) for getting Adobe XD Design files

💁 Proposed Solution

Design

• #842

Create a nimble date picker component. Inspired from Material's Date Picker

📋 Tasks

• #2293
• nimble-date-picker interaction design issue
• nimble-date-picker interaction design spec
• nimble-date-picker visual design issue
• nimble-date-picker visual design spec
• nimble-date-picker spec
• nimble-date-picker custom element
• nimble-date-picker unit tests
• nimble-date-picker Storybook tests
• nimble-date-picker Storybook docs
• nimble-date-picker Angular wrapper
• nimble-date-picker Blazor wrapper
• Add to Angular example app
• Add to Blazor example app
• Update Component Status table in README and incubating status

Start by reviewing the linked design work in #842 and #2293, the Adobe XD specification, and the Material Date Picker reference. Work through the listed interaction, visual, spec, custom element, test, Storybook, wrapper, example-app, and README tasks; the issue is done when the full checklist is complete.