Enhancing Usability of Date/Time questions on mobile phones
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 382
- Forks
- 127
- Avg merge
- 19h 31m
- Merged PRs (30d)
- 75
Description
Nextcloud (please complete the following information):
- Nextcloud-Version: 30.0.6
- Forms-Version: latest
Is your feature request related to a problem? Please describe.
In current use cases, forms are filled out by users without Nextcloud accounts on their smartphones (iOS or Android). When using the DatePicker feature, a date view opens that is difficult to navigate via touchscreens. Specifically, entering the correct year proves challenging for users, such as when inputting a date of birth.
Even when selecting the text field with the restriction “numbers only”, the input data is only checked when the “Submit” button is pressed.
Describe the solution you'd like
Integrate Native Date Pickers:
The DatePicker should utilize the device's native picker on smartphones. This approach would enhance user experience by leveraging familiar interfaces across both iOS and Android platforms, improving ease of use and accuracy.
Enhance Number Input Fields:
When a field is set to "numbers only," ensure that the smartphone keyboard exclusively displays numeric options. This will minimize input errors and streamline the data entry process for users.
Additional context
This would significantly improve the usability of the mobile phone and thus minimize incorrect entries by users.
Many thanks!
--- Edit ---
Removed the number input related parts as we already add the correct input type and it's up to the Browser/OS to react on that.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the DatePicker entry point in the JavaScript form UI and trace how date questions render on mobile browsers. Check the behavior on both iOS and Android, especially selecting a date of birth and navigating to an earlier year. Done means the date question uses an accessible native-style picker on both platforms without changing unrelated number-input behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, mobile-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100