fix(date-picker): prevent value changes when disabled or readonly

[adrianschmidt-bot]

Fixes #3815

Prevent the date picker from responding to focus events or input changes when the component is disabled or readonly. This ensures that disabled date pickers cannot be interacted with via keyboard or mouse.

Changes

• Guard showCalendar() to return early if disabled or readonly
• Guard handleInputElementChange() to prevent value changes when disabled or readonly

Summary by CodeRabbit

• Bug Fixes
  • Fixed date picker to properly respect disabled and read-only states, preventing calendar opening and input field interactions when these states are active.

[coderabbitai]

📝 Walkthrough

Walkthrough

Added protective guards to two event handler methods in the date-picker component to prevent calendar opening and input value changes when the component is disabled or read-only. Uses early returns and event propagation stopping to block interactions in these states.

Changes

Cohort / File(s)	Summary
Date-picker interaction guards src/components/date-picker/date-picker.tsx	Added guards in showCalendar and handleInputElementChange to prevent calendar portal opening and input value processing when component is disabled or read-only. Implements event.stopPropagation() to block event propagation in disabled/read-only states.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Suggested reviewers

• Kiarokh

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix(date-picker): prevent value changes when disabled or readonly' accurately describes the main change: adding guards to prevent interactions when the component is disabled or read-only.
Linked Issues check	✅ Passed	The pull request successfully addresses issue #3815 by adding guards in showCalendar() and handleInputElementChange() to prevent user interactions and value changes when the date-picker is disabled or read-only.
Out of Scope Changes check	✅ Passed	All changes are focused on adding guards to prevent interactions in disabled/read-only states, directly addressing the linked issue with no unrelated modifications.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

Documentation has been published to https://lundalogik.github.io/lime-elements/versions/PR-3822/