return (
<div style={divStyles}>
<Row style={{"justifyContent": "center"}}>
<Col xs={2}>
{ title }
</Col>
<Col xs={2}>
<RangeSlider variant="primary" value={value} onChange={e => setValue(+e.target.value)} min={minLimit} max={maxLimit}></RangeSlider>
</Col>
<Col xs={1}>
<TextField
label={title} variant="standard"
value={ value }
type="number"
onChange={e => setValueWithLimit(+e.target.value)}
/>
</Col>
<Col xs={2}>
{ renderDays() }
</Col>
</Row>
</div>
I've been grappling with finding a way to customize the color of this slider component for hours. Currently, it's displaying in blue and I want to change it to a different color.
I've tried altering the variants used, but none of them provide the specific color I'm looking for.