getodk / getodk/web-forms

Add picker appearance for range

Open
#712 1 comment 0 reactions 0 assignees View on GitHub
In Collect In Enketo
Dominant language
TypeScript
Stars
38
Forks
22
PR merge metrics
No merged PRs in 30d

Description

### Description

https://docs.getodk.org/form-question-types/#range-widget-with-picker

---

### Checklist
- **Does it need UI/UX design?**
- [x] Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
- [ ] No
- **Does it need API design?**
- [ ] Yes. Specify the endpoints, methods, or data structures needed.
- [ ] No
- **Does it need design around state flow?**
- [ ] Yes. Outline the state flow requirements.
- [ ] No
- **Does it need a test plan?**
- [ ] Yes. Add the test plan as a comment in this task or attach the document.
- [ ] No
---

### User Stories

- **As a** [user type],
**I want** [functionality],
**so that** [benefit].

---

### Design
Probably something like a [select](https://primevue.org/select/) with generated values according to the range.

- **Figma**: [Insert URL]
- **Design Docs**: [Insert URL]

---

### Dependencies

-

---

### Additional Notes

-

---

### Related Issues
https://github.com/getodk/web-forms/issues/711

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reading the linked range widget documentation and related issue #711, then clarify the missing UI/UX requirements for the picker. The work is done when an agreed design specifies how range-generated values appear in a picker and the implementation matches that design.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.