The arrow property in this date picker is designed in such a way that its value can be entered as Boolean or React Element.

To disable the arrow, set the arrow value to false.

<DatePicker
  arrow={false}
/>

Instead of using the default arrow, you can render your custom arrow in the date picker.

<DatePicker
  arrow={<div style={{ backgroundColor: "white" }}>arrow</div>}
/>