Unplanned
Last Updated: 13 Jul 2023 14:44 by ADMIN
Nicholas
Created on: 06 Jul 2023 16:45
Category: DatePicker
Type: Feature Request
4
Allow easy complete value selection and/or pasting when a single segment is selected
  • When a user wants to clear a date a lot of time they will click at the end of the component and start hitting back space.  However, after the year is cleared at the end if you keep clicking back space it does not continue to also clear the month and so on.
  • I'd like an option that allows free form typing and it does not parse as you type.  It just allows you to enter the text input like if it were a regular text box.  When you click enter or drop out of focus then it will parse the value as appropriate to what the user enters in.  This would be an example: https://www.matblazor.com/DatePicker .   The user could type in whatever format they want and then it'll parse it into the format that I've selected.  They could enter 2023-07-06, 07.06.2023  04/06/1983 4/6/1983 4/6/83 and it would parse as appropriate and the set the value as appropriate.
  • When you single click into a date picker text box it will highlight the closest date part.  However, if I then try to click again to select the entire date, where the user is just trying to copy and paste it'll do this weird dragging of the highlighted date portion with a do not enter icon.  I would expect that it would allow you to continue selecting the entire contents of the text box so I can then copy and paste.
  • If I only focus on for example the first character of the text box and then try to paste in a value from another form it does not take the copy and paste.  I would honestly expect that copy and paste regardless of what individual element that you are focused on what accept the new value that I am trying to paste.  If I paste in 07/06/2023 anywhere in the text box it should parse that and replace the entire date like if I selected the entire contents of the date and pasted it in.  The free form typing would resolve the useability issues here though.
  • For time picker I'd like some different UI options.  The existing implementation is ok, but if we had options to format the the timer picker like: https://mudblazor.com/components/timepicker#api or other times if we want to lock them in to only specific time intervals it's better to just have them select a time from a drop down.  I realize that the drop down method could be implemented in other ways but if it was just baked into the control it would be a lot easier.
2 comments
Nicholas
Posted on: 13 Jul 2023 14:23
Ok.  Fair enough.
ADMIN
Dimo
Posted on: 13 Jul 2023 09:31

Hi Nicholas,

Here are some comments on the list of suggestions:

1. Segment vs whole value deletion - some customers prefer the former and some prefer the latter. I will sent an inquiry to our UX team if we should support both, and how.

2. Ability to type free text in the DateInput - there is already an existing request for this

3 and 4. Easier selection of the whole value and copy/pasting when the whole DateInput value is not selected - we already have an internal discussion about this, so it may come to life in the future.

5. Round/circular UI for the TimePicker - this UI was hyped in the past when Google introduced it in Android (if I remember correctly). However, this UI is now rejected as less user friendly, especially if it has multiple nested circles.

My immediate suggestion is to focus on points 3 and 4 here. If you are OK with this, I will rename the thread title?

Regards,
Dimo
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.