feat(DatePicker): New DatePicker component

[aresnik11]

Overview

WIP of the new DatePicker component. Looking for some early feedback, comments, questions, concerns. I left some comments in the code of things I'm questioning.

Things I know are missing/not completely working:

• showing 2 months of the calendar
• mobile view / changing size
• calendar quick actions
• not all of the styling completely matches designs
• input validation when typing in a date
• locale sort of works but needs more + translation for hardcoded text
• tests

PR Checklist

• Related to designs:
• Related to JIRA ticket: GMT-1520
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

Don't make me tap the sign.

1. Go to story X
2. Do something
3. Do that something in dark mode
4. Check it with VO
5. Finish and do a celebratory dance

PR Links and Envs

Repository	PR Link
Monolith	Monolith PR
Mono	Mono PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit ba036b2

---

☁️ Nx Cloud last updated this comment at 2026-03-12 19:48:48 UTC

[codecov]

⚠️ JUnit XML file not found

The CLI was unable to find any JUnit XML files to upload.
For more help, visit our troubleshooting guide.

[codecademydev]

📬 Published Alpha Packages:

@codecademy/gamut@68.1.1-alpha.9135d1.0
@codecademy/gamut-kit@0.6.586-alpha.9135d1.0
@codecademy/styleguide@79.2.1-alpha.9135d1.0

[github-actions]

🚀 Styleguide deploy preview ready!

Preview URL: https://69b31a9f8ad8362b389267d2--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/69b31a9f8ad8362b389267d2