does anyone knows how could I highligth a row of months in material UI Date Picker, to look as it follows. The point is that it would show me the selected quarter. thank you so much in advance! Right now I have the following set up on the date picker
<DatePicker
className="range-picker"
variant="inline"
views={["year", "month"]}
margin="normal"
id="date-picker-dialog"
label="texto"
autoOk={true}
style={{ fill: "#C83771" }}
value={selectedDate}
KeyboardButtonProps={{
"aria-label": "change date"
}}
/>