[fields] simplify reset of the date

[sodenn]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Summary 💡

Clearing the date has become a bit more complicated in v6. In v5, the user could reset the date by selecting it with the mouse and pressing Backspace, or by placing the cursor at the end of the date and pressing Backspace until the date is cleared. Unfortunately, this no longer works and makes resetting the date more difficult, especially for casual users who work without keyboard shortcuts.

Possible improvements:

• When the user double-clicks on the date, all sections of the field are selected. This makes it easy to delete via backspace.
• When the user clicks on the last section in the field and starts deleting with backspace, the selected section automatically moves forward each time the backspace key is pressed.

Examples 🌈

No response

Motivation 🔦

No response

Order ID 💳 (optional)

No response

[LukasTy]

Thank you for the suggestions. We'll look into the most appropriate solution to handle date re-setting. What do you think about a similar pattern to what is used in Autocomplete (an X button appearing when a value is present)?

This is related to #4450

[flaviendelangle]

That's an interesting topics

A few thoughs:

I'm wondering if we could respect the user selection more precisely. The double click would be a quick win.

More complex: If the user start clicking on the 1st section, then drag to the last and stop clicking (the way they did it in v5), could we select all the sections ? Could we even let the user select only 2 or 3 sections and clean them ? Right now it's 1 section or all sections, we don't support partial selections in between.

What about the range fields ? Double clicking should select on date or both ? If it selects one date, we have again the topic of partial selections.

[flaviendelangle]

This issue relates closely to #4450, which only focused on the closing adornment.