Style custom component with material ui styling

0
votes

I'm using NumberFormat package but I would like to style it as if I was using a TextField from material-ui.

My component is as follow:

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

I already tried several things without any success:

  • Add a className attribute to 'FormControl';
  • Add a classes attribute to 'FormControl';
  • Prefixing it with (withStyles)

But I'm kind of lost and not sure how to achieve my goal.

Thanks for any help.

1
reactjsmaterial-ui

1 Answers

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