Разработка пользовательского компонента в стиле UI

Question

Я использую NumberFormat , но я бы хотел стилизовать его так, как если бы я использовал TextField из material-ui .

Мой компонент выглядит следующим образом:

<NumberFormat label={strings.minDays} style={{marginRight:'20px'}}/>

Я уже несколько раз безуспешно пытался:

• Добавить атрибут className в FormControl;
• Добавить атрибут classes к «FormControl»;
• Префикс с (withStyles)

Но я немного растерялся и не уверен, какдостичь моей цели.

Спасибо за любую помощь.

Answer 1

 import YourCustomInput from 'custom';
 <NumberFormat 
  customInput={<YourCustomINput style={{}} className="CustomClassName"/>} 
  format="#### #### #### ####"/>