Timepicker could add `inputmode="decimal"` attribute
Nobody has claimed this yet.
Assessment
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Newbie friendliness
- 67/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- angular, html, typescript
- Domain
- accessibility, frontend
Research direction
Find the timepicker template that renders the minutes input shown in the issue, then check whether related time fields have keyboard hints. Add inputmode="decimal" to the minutes input and verify the rendered input includes that attribute on touchscreen devices. Done when the timepicker exposes the decimal keyboard hint for minutes.
Written by the indexing model from the issue text.
Description
Currently:
<input type="text" maxlength="2" class="form-control text-center bs-timepicker-field" placeholder="MM" aria-label="minutes">
UI would be better for users with virtual keyboards (touchscreen tablets/iPhone/Android etc) with:
<input type="text" maxlength="2" inputmode="decimal" class="form-control text-center bs-timepicker-field" placeholder="MM" aria-label="minutes">
REF: https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/#aa-decimal
- Dominant language
- TypeScript
- Stars
- 5.5k
- Forks
- 1.7k
- PR merge metrics
- No merged PRs in 30d
Getting set up
This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.
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.
More from valor-software/ngx-bootstrap
-
Difficulty 1/5 Under an hour Newbie friendliness 86/100
valor-software/ngx-bootstrap#6836 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 69/100
valor-software/ngx-bootstrap#6834 ·
-
comp(pagination)
Difficulty 1/5 Under an hour Newbie friendliness 76/100
valor-software/ngx-bootstrap#6807 · 4 comments · 3 reactions ·
-
Date picker and range picker still accept selection after the form control is disabledPossibly taken @Xapollon430 claimed this 2 days ago. Open
Difficulty 3/5 1-2 days Newbie friendliness 35/100
valor-software/ngx-bootstrap#6839 ·
-
Difficulty 3/5 1-2 days Newbie friendliness 45/100
valor-software/ngx-bootstrap#6838 ·
All issues in valor-software/ngx-bootstrap
Similar issues
-
area: web
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
inabagumi/shinju-date#6823 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
vercel-labs/ui#540 ·
Maintainers usually reply within 1 day
-
accepted ai-dev ai-implementing
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
livesport/homer#218 · 1 comment ·
Maintainers usually reply within 1 day
-
normalizePropName strips `#` characters from Figma property names instead of only the `#id` suffixOpen
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
figma/code-connect#419 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100