components(Calendar): Updated date picker components for improved UX

[dan-rukas]

Context

Migrated the Calendar component to the latest shadcn/ui implementation using react-day-picker v9 API. Improves UX consistency with arrows for paging between months and better dropdown month/year navigation.

Changes & Results

• New design replaces a previous design before added additional components
• New component UX includes arrows for paging between months
• Calendar Component: Replaced with updated shadcn Calendar (react-day-picker v9)
• Month/Year Navigation: Added dropdown selectors for quick date navigation (captionLayout="dropdown")
• i18n Support: Preserved locale support for 12 languages via react-day-picker/locale
• DateRange Component: Updated to use new Calendar API (initialFocus → autoFocus)
• Styling: Matches OHIF Design, Aligned with shadcn design patterns, fixed popover sizing issues

Testing

Open Study List and filter by Study Date.

Checklist

PR

• My Pull Request title is descriptive, accurate and follows the
  semantic-release format and guidelines.

Code

• My code has been well-documented (function documentation, inline comments,
  etc.)

Public Documentation Updates

• [] The documentation page has been updated as necessary for any public API
  additions or removals.

Tested Environment

• OS: macOS Sequoia 15.7.1 (24G231)(
• Node version: v20.19.1
• Browser: Google Chrome 143.0.7499.110 (Official Build) (arm64)

[netlify]

✅ Deploy Preview for ohif-dev ready!

Name	Link
🔨 Latest commit	8a562a3
🔍 Latest deploy log	https://app.netlify.com/projects/ohif-dev/deploys/6942e1d5866da9000849c22c
😎 Deploy Preview	https://deploy-preview-5660--ohif-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.