salesforce / salesforce/design-system-react

Datepicker: Unable to enter date manually

Open
#2,956 11 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
982
Forks
440
Avg merge
1d 21h
Merged PRs (30d)
4

Description

As seen from demo page: https://react.lightningdesignsystem.com/components/date-pickers/

Click on the date picker component and start entering a date using the keyboard

Expected: the characters should be displayed as typed in, date picker component should close, user should be able to continue to enter numeric and date format characters based on locale ( 0-9 / - etc).

Actual: As soon as first numeric character is entered, the date is auto-completed to the first day of the first month of this year. Enter "1" and it fills in "1/1/2021". Enter "2" and it fills in "2/1/2021". You cannot modify this date without it continuing to change it on you.

This was previously reported 2 years ago but has not been properly resolved.
https://github.com/salesforce/design-system-react/issues/2285

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue on the date picker demo page at https://react.lightningsdesignsystem.com/components/date-pickers/ by entering a date with the keyboard. Then trace the date picker implementation and its existing behavior for locale-specific input; done means characters remain editable while typing, the picker closes appropriately, and numeric or date-format characters can be entered without unwanted auto-completion.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.