Looking to update the color of a specific element highlighted by an arrow using sx{} DatePicker
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DatePicker
className={styles.picker}
slotProps={{
day: {
sx: {
backgroundColor: "red",
},
},
}}
/>
</LocalizationProvider>
By adding:
sx: {
"&.Mui-selected": {
backgroundColor: "red",
},
I was able to achieve the desired effect, however it only updates upon clicking elsewhere...
Struggling to use sx{} specifically on that particular element. My current implementation changes the color of all days rather than just the selected one.