Add picker appearance for range
- 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