I’m working on a project using Material UI (MUI) and specifically the DateTimePicker component from the @mui/x-date-pickers package. I’d like to change the colors of the AM/PM buttons.

MUI often abstracts styling details and that you have to target specific classnames through the sx props, and while I’ve checked the documentation, I haven’t found a clear way to target these buttons for color customization.

Has anyone encountered this before and found a solution to style the AM/PM buttons in MUI’s DateTimePicker? Any guidance or suggestions would be greatly appreciated!

Here is the image of the component I want to style, I have also marked the specific buttons I want to target