mirror of
https://github.com/D4M13N-D3V/comissions-app-ui.git
synced 2025-03-14 08:15:08 +00:00
65 lines
1.6 KiB
TypeScript
65 lines
1.6 KiB
TypeScript
|
// ** MUI Imports
|
||
|
|
import { Theme } from '@mui/material/styles'
|
||
|
|
|
||
|
|
const DateTimePicker = (theme: Theme) => {
|
||
|
|
return {
|
||
|
|
MuiCalendarPicker: {
|
||
|
|
styleOverrides: {
|
||
|
|
root: {
|
||
|
|
'& [role="presentation"]': {
|
||
|
|
fontWeight: 400,
|
||
|
|
'& .PrivatePickersFadeTransitionGroup-root + .PrivatePickersFadeTransitionGroup-root > div': {
|
||
|
|
marginRight: 0
|
||
|
|
},
|
||
|
|
'& .MuiIconButton-sizeSmall': {
|
||
|
|
padding: theme.spacing(0.5)
|
||
|
|
},
|
||
|
|
'& + div .MuiIconButton-root:not(.Mui-disabled)': {
|
||
|
|
color: theme.palette.text.secondary
|
||
|
|
}
|
||
|
|
},
|
||
|
|
'& .PrivatePickersSlideTransition-root': {
|
||
|
|
minHeight: 240
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
MuiPickersDay: {
|
||
|
|
styleOverrides: {
|
||
|
|
root: {
|
||
|
|
fontSize: '0.875rem'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
MuiClockPicker: {
|
||
|
|
styleOverrides: {
|
||
|
|
arrowSwitcher: {
|
||
|
|
'& .MuiIconButton-root:not(.Mui-disabled)': {
|
||
|
|
color: theme.palette.text.secondary
|
||
|
|
},
|
||
|
|
'& + div': {
|
||
|
|
'& > div': {
|
||
|
|
backgroundColor:
|
||
|
|
theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.background.default,
|
||
|
|
'& ~ .MuiIconButton-root span.MuiTypography-caption': {
|
||
|
|
color: 'inherit'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
MuiMonthPicker: {
|
||
|
|
styleOverrides: {
|
||
|
|
root: {
|
||
|
|
'& > .MuiTypography-root.Mui-selected': {
|
||
|
|
fontSize: '1rem'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default DateTimePicker
|