How can I change an input_number with up/down arrows in Lovelace, like the one in the pic?

The card in the picture is the Simple Thermostat which has up/down arrows for changing the temperature.

I’d like to have a separate input_number that can be controlled similarly.

I don’t want to use a slider because it’s hard to be precise with that. I find myself constantly overshooting the value I want and trying to nudge it back and forth until I finally get the correct number.

I’d also like to use a similar UI because the input_number will be used for scheduling temperature changes. It would be nice if the controls looked the same.


Is this the right place to ask this question?

Would it be possible to do with CSS?

This should help

1 Like