Skip to content
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

[WIP] Upgrading the DatePicker #1933

Closed
wants to merge 231 commits into from
Closed

[WIP] Upgrading the DatePicker #1933

wants to merge 231 commits into from

Conversation

jordankoschei-okta
Copy link
Contributor

@jordankoschei-okta jordankoschei-okta commented Aug 10, 2023

It's time to promote DatePicker from Labs to Odyssey proper, now that the design is finished: https://www.figma.com/file/BH19N3gb6ovujMfRrTOH3r/Date-picker?type=design&node-id=10585-1233&mode=design

This involves several steps:

Upgrade from v5 to v6

I started the process of upgrading the MUI DatePicker from the old version to the latest, since this provides us with a bunch of nice features we need. Unfortunately it wasn't a smooth upgrade, and I had to spend some time figuring out which props and component/slot names changed. This guide was helpful.

Leverage Odyssey form fields

DatePicker allows us to swap in our own components, so I replaced the default DatePicker implementation with our own <TextField>. This gives us the correct label, hint, and error styles, as well as the ability to add our own Calendar button with Odyssey styles baked in.

Some of this was hard to grok and I ran out of time to finish. The remaining tasks overlap with the next section on finalizing design implementation.

Finalize design implementation

Some assorted detail work here. I didn't get a chance to dig fully into this, but some tasks that will definitely need doing are:

  • Add proper margin between Calendar button and the right edge of the input
  • Make the years left-aligned instead of centered in the Years dropdown
  • Position the calendar popper underneath the input (this will likely need a ref to work)
  • Make the date format properly

Promote from Labs to Odyssey

  1. Copy styles into components.tsx.
  2. Move the component into src instead of src/labs.
  3. Update Storybook paths to not be from Labs.
  4. Document this process.

edburyenegren-okta and others added 30 commits May 23, 2023 14:55
chore(odyssey-react-mui): translations for odyssey-react-mui.properties
…theme

fix: use odyssey tokens inside mui components style override
refactor(odyssey-react-mui): migrate Circular Progress to design tokens
fix: added incremental to root TSconfig
fix: memoized the Link component
edburyenegren-okta and others added 23 commits August 15, 2023 13:09
fix(odyssey-react-mui): make Autocomplete option styles match Select
…-MenuItem

fix: add back isDisabled to MenuItem
…-MenuItem

fix: remove useless isDestructive prop
Fix ARIA props on Typography component
feat: memoize Box and Typography
fix: replace Select checkbox with MuiCheckbox
refactor(odyssey-react-mui): use IconButton within Form Fields
fix(odyssey-react-mui): ensure headings pick up TypographyFamilyHeading
* fix: move @emotion/styled and @emotion/react to dependencies

* fix: update README installation instructions
* fix: add branches back to Applitools

* chore: testing branch name logging

* fix: removed explicit baseline

* fix: updated Applitools branch name
@KevinGhadyani-Okta KevinGhadyani-Okta changed the base branch from develop to main August 28, 2023 19:43
@KevinGhadyani-Okta
Copy link
Contributor

You'll need to rebase from main since you branched from develop originally.

@github-actions
Copy link

🤖 This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 10 days.

@github-actions github-actions bot added the Stale label Oct 15, 2023
Copy link

github-actions bot commented Nov 5, 2023

🤖 This PR was closed because it has been stalled for 10 days with no activity.

@github-actions github-actions bot closed this Nov 5, 2023
@jordankoschei-okta jordankoschei-okta deleted the jk/OKTA-635651 branch June 18, 2024 01:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants