material-uidatepickerheight
Material-ui: Can I resize datepicker height?
I'm now woking on Material-ui datepicker and I want to make height of datepicker smaller.
I tried giving the "size" prop of TextField or IconButton of a datepicker as "small", but it didn't work the way I intended to. I want to resize the height like sx={{height: '35px'}}, not using the "size" prop. Can anyone help me with this problem?
Solution
TextField is made up of different parts.
You need to select the input tag inside it.
<TextField sx={{ "& .MuiInputBase-input": { height: "100px" } }} />
See this for another example.
- How to remove lines between cells in Material UI Table
- DropdownButtonFormField selected item being clipped off
- How to place any secondary action DOM element next to ListItemButton?
- MUI ThemeProvider is not injecting theme in a compiled component
- MaterialUI Select set value is always out of range
- How do I navigate to another page using the value of a Material UI Select component inside a Dashboard Layout?
- Material UI React Slider Component Not Working on mobile
- Typescript type definition for providing styles to the MUI styled utility
- How to add a custom font to the themeprovider in styled components?
- Have two secondary action elements in a list
- How to adjust Material UI Tooltip font size?
- Material UI - How do you make a horizontal List?
- How to change the icon in MUI X DatePicker?
- Material-UI CSV/PDF Print Export does not work using "@mui/x-data-grid" module
- Box vs Stack in MUI
- Trying to mock MUI's useMediaQuery hook behaviour in Enzyme test
- Migration to material-ui v4, I get warning for Modal component
- MUI Grid2 container not taking up remaining space
- How to change background color of a selected ItemList Material-Ui
- MUI TextField Background Color for auto complete
- How to refresh Material-Table (Material-ui) component in ReactJS when data changes
- Is there a way to limit Material UI TextFields of input type = file to accept only pdf?
- Material Ui DatePicker always get invalid date when type with keyboard
- unable to remove space between the stepconnector and StepIcon in material-ui stepper
- react-hook-form controller with materialUI TextField form results in a TypeError: e.target is undefined when using onChange
- How can I pass both the theme and the props in the styled() of Material UI-5?
- How can I pass default theme that is provided by MUI5 and create a style for any component in MUI5?
- MUI charts how to highlight a specific y-axis tick label?
- Not able to display material ui snackbar in center
- How to Make Material-UI Menu based on Hover, not Click