<StaticDatePicker orientation=”landscape” openTo=”day” value={selectedDate} onChange={handleDateChange} renderInput={(params) => <TextField {…params} />} /> this is my current StaticDatePicker component from MUI, and i want to get rid of the cancel/ok button at the bottom of it, which i assume belongs to the PickersActionBar component. I have tried to alter the components by adding components={{ PickersActionBar: null }} […]

When the Material UI slider component is render with a gradient set in the theme, i got an error. Even if the gradient is not used in the slider style.

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.

Would appreciate if someone could help me understand the problem. I have a simple webpage with MUI components, and I would like to add a sticky footer at the very bottom.

I’m using MUI in my project and I have this form in a modal with a select TextField component in it. Since there is 20 options for this select, depending on the screen size, the options list sometimes (vertically) overflows the modal. I would like the options list to be scrollable if it overflows the modal. Is it doable with a MUI TextField ?

I would like to customize the selected tab of the MUI Tabs component. My styling choice is CSS modules. But I have difficulties applying the correct selector. I have also applied their CSS injection order so that I can customize the styles according to the docs.

We have microfrontend react app using originjs/vite-plugin-federation. One of remote microfrontend use MUI component library and we try to add Autocomplete component, but we got error: Cannot read properties of null (reading 'useContext')

When I hover the text it just scales the icon when i hover it it does not work.

I’m working on a React application using Material-UI’s DataGrid component (from @mui/x-data-grid). I have rows that are editable, and I want to customize the behavior when the user interacts with the grid:

I have a grid with spacing=2 that contains 2 text fields per row but I noticed that the spacing was only applied to the left of each text field and not at the end to the right of the second text field of each row.