-
-
Notifications
You must be signed in to change notification settings - Fork 1.7k
Open
Labels
scope: pickersChanges related to the date/time pickers.Changes related to the date/time pickers.status: waiting for maintainerThese issues haven't been looked at yet by a maintainer.These issues haven't been looked at yet by a maintainer.
Description
When a date is selected (e.g. 12/12/2000) and displayed in the input field, placing the cursor at the end of the input and pressing Backspace does not clear the year correctly.
Current behavior:
- Selected date:
12/12/2000 - Cursor placed at the end of the input
- Pressing Backspace once changes the value to:
12/12/0200 - The year is partially modified instead of being fully cleared.
- Only after the year becomes fully selected does pressing Backspace clear the entire year.
Expected behavior:
- On the first Backspace press, the entire year (
YYYY) should be cleared. - Result should be:
12/12/YYYY
This behavior is inconsistent with typical date input editing expectations and can be confusing for users.
Steps to Reproduce
- Select a date (e.g.
12/12/2000) using the MUI Date Picker. - Focus the input field.
- Place the cursor at the end of the date value.
- Press Backspace once.
Expected Result
- The year portion (
YYYY) is cleared immediately.
Actual Result
- The year changes to
0200instead of being fully cleared.
Environment
- MUI version: 8.2.30
- Browser: Chrome
- React version: 19^
Metadata
Metadata
Assignees
Labels
scope: pickersChanges related to the date/time pickers.Changes related to the date/time pickers.status: waiting for maintainerThese issues haven't been looked at yet by a maintainer.These issues haven't been looked at yet by a maintainer.