如何从 DatePicker 输入框中删除边框？

我正在处理一个 React 组件并datePicker在其中使用它来选择日期，当我呈现我的 DatePicker 组件时，它在我的文本框外显示一个黑色边框，我想删除该边框。

这是我的组件：

     <div className='col'>
        {translateText('ui.label.message.start.date')}
        <DatePicker
          selected={this.props.startDate}
          placeholder={translateText('Start Date')}
          onChange={date => this.handleStartDateChange(date)}
          dateFormat='DD-MM-YYYY'
          customStyles={{ dateInput: { borderWidth: 0 } }}
        />
      </div>

我已经引入 customStyles 来删除该边框，但它不起作用。这是我的问题的快照：