When to use third-party components and when to write your own?

Question

React

Let's say you're a remote worker and you're writing the front-end of an online store. The task is to make such a component:

The developer takes a ready-made component, for example, from here https://ant.design/components/slider and customizes the design or writes his own component using <input type="range" />?
What about the datepicker, which looks different in every browser?
How to understand when to write a component from scratch, and when it is better not to produce unnecessary entities?

Answer 1

I will add that sometimes the finished component is "brute force". For example, many people shove redux-form when you just need to check if the fields are filled, or shove redux when you need to bind 2 components with data ... or shove react when there is enough jQuery carousel (well, you understand ...).