Есть React компонент https://ant.design/components/input-number/
У него для изменения количества есть кнопки, они располагаются вертикально и их не видно без наведения курсора. Нужно сделать другую версию этого компонента, в котором:
а) не будет вертикальных кнопок для изменения количества (видно в файле React Input-Number As-Is.png)
б) будет новое свойство, в которое можно будет передать единицу измерения текстом и этот текст будет отображаться в отдельной ячейке (файл React Input-Number To-Be.png)
в) вместо вертикальных кнопок будут кнопки + и - справа от единицы измерения (React Input-Number To-Be.png). Работать они должны как вертикальные кнопки оригинального компонента.

Код на котором базируется компонент из ant.design, думаю, что можно доработать его:
https://github.com/react-component/input-number/blob/master/src/index.js

В остальном компонент должен работать как оригинальный.