Здравствуйте. Нужно сделать Input в разных вариантах как представлено в фигме. С нуля делать не нужно! Используйте материал
Front end у нас на TypeScript
фреймворк используем React

Компонент должен быть типизирован: у каждого должен быть интерфейс Props, Action, где в Props будут лежать типы данных для компонента, а в action действия, которые можно в него передать из родителя


ограничение на минимум и максимум символов
все эти поля могут быть необязательными
ограничение на ввод недопустимых символов
возможность вводить много строк
слайдер и двусторонний слайдер
вводить только цифры если тип число
выпадающий список с подсказками
выпадающий список с chips
валидация на ввод почты
валидация на ввод номера телефона
у каждого инпута должен быть тип: текст, число, номер, почта, выпадающий список;
слайдер: шаг, от до,
валидация общая: (минимальное значение + текст ошибки, максимальное значение + текст ошибки, тип данных, обязательное поле)
https://www.figma.com/file/hcoUobgqSPNu4CSDIS7yQr/...