Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Cannot format KeyboardDatePicker date with text characters
See original GitHub issueme right now:
Environment
| Tech | Version |
|---|---|
| @material-ui/pickers | 3.0.0 |
| material-ui | 4.0.1 |
| React | 16.8.6 |
| Browser | Chrome 74.0.3729.169 |
| Peer library | date-fns |
Steps to reproduce
- Use
MuiPickersUtilsProviderwithDateFnsUtilsutils. - Use
KeyboardDatePickerwithformat="MMM dd, yyyy"attribute and value. - Attempt to adjust date via keyboard.
Expected behavior
One should be able to edit the text and input a new date.
For example, let’s work with the date “Dec 17, 2018”.
If I wished to adjust this date via keyboard, I would expect to be able to delete “2018” from the string and add “2017” instead. I would assume that the rest of the string would remain the same.
Actual behavior
When the text date is adjusted via keyboard, characters from the date are removed. After typing the first character, the string changes to “Dec 1, 7, 2”. When a second character is typed, the string changes to “Dec , 1, 7”
Live example
https://codesandbox.io/embed/materialuipickersusagedemo-vv0ou?fontsize=14
Issue Analytics
- State:
- Created 4 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Fixed in v4
Got it. We definitely need to do smth with it. That’s a case when auto generated mask is not working 😃
We cannot generate all masks, so it needs to be specified manually