TWE Design System Components: Date Pickers

[RobinElayn]

Overview

We need to create components for the TWE design system for the future website development & handoff.

Action Items

• [x] Create mood board
• [x] Present to the team
• [x] Get feedback
• [x] Incorporate feedback
• [x] Hi-Fi version
• [x] Create variations
• [x] Create organized component
• [x] Get sign off from product lead
• [x] When this issue is complete, please go #397 and check off the dependency. If all other dependencies are checked off, move the issue from the icebox to the new issue approval column.
• [ ] Create/indicate microsite for the dev team

Resources/Instructions

• Google Doc
• HfLA Figma File
• Internships Figma File

[meetminji]

Internships Figma File

[RobinElayn]

Updated styles within component. Checked that all variations were properly linked to Master Component.

[meetminji]

Updated states Need feedback from team, then ready for developers.

[ExperimentsInHonesty]

@joshfishman will add a screen shot of picking the dates.

[joshfishman]

Material UI Datepicker

[meetminji]

Created a calendar for another method to pick date

[meetminji]

• Today's date "17" changed to extrabold

• "17" extrabold with 0.5 stroke

[meetminji]

final

[karina-sato]

We need to add the descriptive details and create a microsite for this component