React Input Range Slider with Stepper and Divided Segments

I have to make an input range slider in react with a stepper which basically allows increasing / decreasing value with a step value. Now I have to divide the input element into equal size pieces each being equal to one step, put little circles to divide the input element into equal size boxes