-
Notifications
You must be signed in to change notification settings - Fork 64
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
feat(datepicker): add datepicker to eds #3387
Conversation
3d75114
to
aebb62d
Compare
aebb62d
to
816c2e4
Compare
There are probably still some stuff that needs to be worked out / changed, but need to draw a line somewhere on changing the functionality. What I've added here is stable (you know.. ish), and I don't see any changes that I would need to do, so would be good to get reviews on it |
- Describe toggle - Add aria-live to header
- Add abbr for name of day of week
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.
Great work @yusijs . I added some comments, but in total I think this is a good solution.
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DatePicker.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DateRangePicker.spec.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/DateRangePicker.tsx
Outdated
Show resolved
Hide resolved
Made some changes on @BirteThornquist's request (spacing, header/footer layout). We agreed that there are no major / show-stopping design flaws, and the component can go out as-is and be adjusted in future releases (same process as with the DataGrid) |
Caused issues w/ header/footer popover. Removed to save time
Couldn't help myself, added a year-picker (verified design w/ @BirteThornquist) |
packages/eds-core-react/src/components/Datepicker/fields/Toggle.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/calendars/CalendarHeader.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/calendars/CalendarGrid.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/utils/useConvertedValidationFunctions.ts
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/calendars/Calendar.tsx
Outdated
Show resolved
Hide resolved
packages/eds-core-react/src/components/Datepicker/calendars/Calendar.tsx
Outdated
Show resolved
Hide resolved
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.
LGTM!
* feat(datepicker): Add datepicker components to EDS
Create date / date-range picker for EDS
Closes #3385
Todo: