I have a date picker component I'm importing from material ui's "Pickers" where I'm trying to get a class on the individual days of the week with the component:
<DatePicker
className={classNames(classes.datePicker)}
onClose={() => this.onCloseStart()}
classes={{ root: classNames(classes.dateRoot) }}
open={openStart}
dialogContentClassName={classNames(classes.contentClass)}
DialogProps={{
PaperProps: { className: classNames('picker', 'ck-time') },
}}
label="Start date"
value={startValue}
format="DD/MM/YYYY"
onChange={(value) => onStartDateChange(value)}
disableOpenOnEnter
showTodayButton
shouldDisableDate={disableStartDate}
animateYearScrolling={false}
disabled={disabled}
leftArrowButtonProps={{
classes: {
root: classNames('fs-ignore-rage-clicks', 'ck-previousmonth'),
},
}}
rightArrowButtonProps={{
classes: {
root: classNames('fs-ignore-rage-clicks', 'ck-nextmonth'),
},
}}
/>
I understand that I should be passing whatever class I'm trying to make somewhere onto Dialogprops, but I'm unable to find anything in the documentation that mentions what other props/attributes I can use besides my use of Paper props, which has allowed me to get classes on the entire dialogue box instead of the individual dates.
Dialog box:
