'Is there a way to override the default drop down arrow when using react-bootstrap-time-picker?

I'd like to know if there's a way to override the default arrow by hiding it (appearance: none;) and putting a background-image of i.e. a svg file of an icon in its place. This is the demo of the library used (https://yury-dymov.github.io/react-bootstrap-time-picker/) and the code is simply -

<TimePicker start="8:00" end="22:00" step={15} />


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source