Ajr datepicker styles

[aresnik11]

Overview

PR Checklist

• Related to designs:
• Related to JIRA ticket: [ABC-123]
• 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 d3f6fac

---

☁️ Nx Cloud last updated this comment at 2026-03-13 19:36:05 UTC

[codecademydev]

📬 Published Alpha Packages:

@codecademy/gamut@68.0.5-alpha.7f0a6a.0
@codecademy/gamut-kit@0.6.584-alpha.7f0a6a.0
@codecademy/styleguide@79.1.4-alpha.7f0a6a.0

[github-actions]

🚀 Styleguide deploy preview ready!

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

[codecov]

Codecov Report

❌ Patch coverage is 8.33333% with 11 lines in your changes missing coverage. Please review.
✅ Project coverage is 80.90%. Comparing base (a417554) to head (d3f6fac).
⚠️ Report is 7 commits behind head on ajr-datepicker-range.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
...ckages/gamut/src/DatePicker/DatePickerCalendar.tsx	0.00%	7 Missing ⚠️
...ges/gamut/src/DatePicker/Calendar/CalendarBody.tsx	25.00%	3 Missing ⚠️
...es/gamut/src/DatePicker/Calendar/utils/dateGrid.ts	0.00%	1 Missing ⚠️

❌ Your patch check has failed because the patch coverage (8.33%) is below the target coverage (80.00%). You can increase the patch coverage or adjust the target coverage.

Additional details and impacted files

@@                   Coverage Diff                    @@
##           ajr-datepicker-range    #3283      +/-   ##
========================================================
- Coverage                 81.01%   80.90%   -0.12%     
========================================================
  Files                       247      247              
  Lines                      4794     4802       +8     
  Branches                   1636     1636              
========================================================
+ Hits                       3884     3885       +1     
- Misses                      901      908       +7     
  Partials                      9        9              

Flag	Coverage Δ
pull-request	80.90% <8.33%> (-0.12%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.