nextcloud / nextcloud/forms

Enhancing Usability of Date/Time questions on mobile phones

Open
#2,719 7 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop design enhancement good first issue
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.