UI Selector Ideas?

I am making these plus & minus selectors for a client, the image is from the Figma. I'm a bit stuck with how to best go about making them, specifically with the text/select options. For the Quantity, I can use a number input and have the buttons add or subtract vrom the value. But for the Grind Size and Bag Size I'd appreciate any ideas.
- Vanilla JS
- As a11y friendly as possible

Also, is there a UI term for this kind of component? I hit a dead end on google.
Screenshot_2024-05-01_at_10.43.47_AM.png
Was this page helpful?