-
Notifications
You must be signed in to change notification settings - Fork 34
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add DateTimePicker #2391
Add DateTimePicker #2391
Conversation
const slots = useMemo<DatePickerSlots<DateTime>>( | ||
() => ({ | ||
actionBar: MemoizedActionBar, | ||
actionBar: DateFieldActionBar, | ||
field: (muiProps) => renderDateField(muiProps), | ||
leftArrowIcon: () => <ArrowLeftIcon />, | ||
rightArrowIcon: () => <ArrowRightIcon />, | ||
switchViewIcon: () => <ChevronDownIcon />, | ||
leftArrowIcon: () => <commonIcons.ArrowLeftIcon />, | ||
rightArrowIcon: () => <commonIcons.ArrowRightIcon />, | ||
switchViewIcon: () => <commonIcons.ChevronDownIcon />, | ||
}), | ||
[renderDateField], | ||
[commonIcons, renderDateField], | ||
); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why are we loading the icons like this? Are we taking them in as props or something?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
They are being returned from the hook in an object called commonIcons
Rather than importing them into every date picker variation manually
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
9544f65
to
e4255fb
Compare
e4255fb
to
e772700
Compare
|
||
const theme: ThemeOptions = { | ||
components: { | ||
// MuiClock: { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should remove these commented-out portions before merging
color: theme.typography.body1.color, | ||
|
||
"& + &": { | ||
marginInlineStart: theme.spacing(2), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I appreciate how consistent you are with using logical properties 👏
The merge-base changed after approval.
32aec4e
to
72288b1
Compare
DES-6573
Summary
Testing & Screenshots