CustomInput css not working

I have a component like this:

export class MonthPicker extends Component() {
  render() {
    return (
      <DatePicker customInput={this.getNotWorkingCustomInput()} />
      <DatePicker customInput={this.getWorkingCustomInput()} />
      )
  }

  getNotWorkingCustomInput() {
    return (
      <button className="input-datepicker-button">{this.getButtonLabel()}</button>
    )
  }


  getWorkingCustomInput() {
    return (
      <div>
        <button className="input-datepicker-button">{this.getButtonLabel()}</button>
      </div>
    )
  }
}

In the first case the css is not working. Can you solve it?

[mkultra-z]

Should be customInput not customerInput 🤔

[robertobatts]

Yeah, I already know that solution. I just wanted to let you know that it doesn’t work if you don’t wrap it into a div. In general, it doesn’t take the style of the parent div