[TextField] Enhance TextField to support number input arrows #3578

As always, PR welcome! :+1:

I think this provides an interesting challenge - and the composability of <TextField /> should probably be a pre-requisite.

Internally we're "fudging" TextField to be a bit more composable.

We've controls like <Integer /> <Decimal /> <Currency />, which we wrap in <Field /> which has a rather nasty implementation at present. i.e. <Integer /> is basically an <input type='number' /> with some custom events for keyboard/paste restriction.

We actually gave up with arrows, because they are non-materialy, but use <Popover /> with a <NumPad /> on mobile/tablet devices instead of the on screen keyboard to provide some quick entry.

@chrismcv We should hold off on any TextField related features until the component has been reworked. It's got a number of issues at the moment which will only be exasperated by adding more features to it.

and the composability of <TextField /> should probably be a pre-requisite.

@nathanmarks that's what I meant!

I just had a need for this particular functionality and was wondering if there had been any progress on this, or if I should expect to roll my own? Thanks

@rogerstorm funded this issue with $20. See it on IssueHunt