como sabemos, la entrada del número de tipo tiene 2 flechas integradas (ss adjunto)

Me gustaria saber si se le pueden agregar diferentes funciones, una a cada una de las flechas. Tengo, por ejemplo, el siguiente código, pero solo agrega +1 independientemente de la flecha que presione:

 <input onChange = {(e) => {mas(productos.descripcion, productos.cantidad,e.target.valueAsNumber)}} type = 'number' pattern = "[0-9]*" required value = {productos.cantidad} />

Me gustaría agregar otra función para poder usar ambas flechas, una para ++1 y la otra para --1. Cualquier consejo, ayuda, documentación es apreciado.