Datepicker: Unable to enter date manually

[selenka]

When I click on Date input, I'm not able to enter date manually. Datepicker opens and forces me to select date.

It reproduces on this example https://react.lightningdesignsystem.com/components/date-pickers/

[welcome]

Thanks for opening your first issue! 👋
If you have found this library helpful, please star it. A maintainer will try to respond within 7 days. If you haven’t heard anything by then, please bump this thread.

[apshada]

i would like to work on this!

[interactivellama]

@apshada Great! Here is the user story.

User should be able to type a date when mouse clicking into input without calendar grabbing focus.

Pattern update:

• .focus of calendar should not occur on focus of input
• Calendar should open on click of input, but NOT open when tabbing into input
• Typing in input should close calendar
• onBlur of input and input's Calendar icon should close calendar (I think Combobox has re-use).
• onClick/enter on the input's calendar icon should open and .focus() on calendar (currently doing this)
• Calendar date selection should close calendar (currently doing this)

You can see this pattern here under Date Input:
https://developer.salesforce.com/docs/component-library/bundle/lightning-input/example

Adding @jcjuett for verification of the accessibility of the pattern proposal.

[apshada]

@jcjuett please verify the pull request for pattern proposal

[interactivellama]

@apshada Your PR is missing that the calendar should still open on click, but not grab focus. Please review the pattern update bullet points.

[BenjaminWFox]

@interactivellama I added a commit to address this since the previous PR was closed. Please let me know if it needs any revisions.

[brahimkraiem]

Hello, anyone has resolved this feature ?