chore(DatePicker): Address Left/Right arrows in calendar for RTL

[LinKCoding]

Overview

PR Checklist

• Related to designs:
• Related to JIRA ticket: [ABC-123]
• Version plan added/updated (or not needed)
• 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 DatePicker
2. See that in LTR the buttons in the CalendarHeader are facing their appropriate directions, check over tooltips too
3. Click and see that navigation works as intended too
4. Turn on RTL and repeat 2-3
5. ...
6. Finish and do a celebratory dance

PR Links and Envs

Repository	PR Link
N/A

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 344d8d4

---

☁️ Nx Cloud last updated this comment at 2026-04-30 13:40:00 UTC

[codecov]

❌ 1 Tests Failed:

Tests completed	Failed	Passed	Skipped
1151	1	1150	0

View the top 1 failed test(s) by shortest run time

DatePicker inside a form in range mode, has two named hidden fields for start and end

Stack Traces | 0.019s run time

Error: expect(received).not.toBe(expected) // Object.is equality

Expected: not "datePickerInput"
    at Object.<anonymous> (.../DatePicker/__tests__/DatePicker.test.tsx:326:28)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at async _runTest (.../jest-circus/build/run.js:252:3)
    at async _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at async _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at async run (.../jest-circus/build/run.js:71:3)
    at async runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at async jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at async runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at async runTest (.../jest-runner/build/runTest.js:444:34)

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

[github-actions]

🚀 Styleguide deploy preview ready!

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

[codecademydev]

📬 Published Alpha Packages:

Package	Version	npm	Diff
@codecademy/gamut	68.3.1-alpha.a2040c.0	npm	diff
@codecademy/gamut-icons	9.57.4-alpha.a2040c.0	npm	diff
@codecademy/gamut-illustrations	0.58.11-alpha.a2040c.0	npm	diff
@codecademy/gamut-kit	0.6.594-alpha.a2040c.0	npm	diff
@codecademy/gamut-patterns	0.10.30-alpha.a2040c.0	npm	diff
@codecademy/gamut-styles	17.14.1-alpha.a2040c.0	npm	diff
@codecademy/gamut-tests	5.3.5-alpha.a2040c.0	npm	diff
@codecademy/variance	0.26.2-alpha.a2040c.0	npm	diff
eslint-plugin-gamut	2.4.4-alpha.a2040c.0	npm	diff