Is it possible to extract all the div elements with specific Mui class names such as access-MuiPickersCalendarHeader-switchHeader, access-MuiPickersDay-day? My components are styled using StylesProvider which adds "access" as a prefix to the original Material-ui classes. How can I select and style these divs using makeStyles in material-ui?
For example: Component 1 has elements with class names: aboutpage-MuiPickersDay-day Component 2 has elements with class names: homepage-MuiPickersDay-day
Create a makeStyles function that can style elements from both components with class names containing'MuiPickersDay-day'
I attempted to use attribute selectors in makeStyles but encountered issues. Here is an example:
const useStyles = makeStyles((theme) => createStyles({
div[class^='MuiPickersDay-day]:{backgroundColor:'black'}
});