fix: validate date value in FilterChip to prevent RangeError

[rsbh]

Summary

• Add dayjs.isValid() check before calling toISOString() in handleStringBasedTypes to prevent RangeError: Invalid time value when an invalid date is entered
• Hide error helper text inside FilterChip date picker to prevent layout overflow
• Show red border on invalid date input for visual feedback

Before

After

Test plan

• Open a DataTable with a date filter column
• Click the date filter chip and type an invalid date (e.g. 04/02/2026)
• Verify no RangeError is thrown
• Verify the input shows a red border for invalid dates
• Verify valid dates still work correctly

🤖 Generated with Claude Code

Summary by CodeRabbit

• Bug Fixes
  • Improved date filter validation to properly handle invalid date entries and prevent conversion errors.
  • Enhanced error messaging display for date fields with clearer visual indicators for validation failures.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
apsara	Building	Preview, Comment	Feb 26, 2026 5:41am

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 9cbeb6f and f6ab731.

📒 Files selected for processing (2)

• packages/raystack/components/data-table/utils/filter-operations.tsx
• packages/raystack/components/filter-chip/filter-chip.module.css

---

📝 Walkthrough

Walkthrough

This PR enhances date filtering validation by checking date validity before converting to ISO string format, and adds CSS error state styling to date filter chips for improved user feedback on invalid input.

Changes

Cohort / File(s)	Summary
Date Filter Logic Validation packages/raystack/components/data-table/utils/filter-operations.tsx	Modified handleStringBasedTypes for FilterType.date to validate dates using dayjs before ISO conversion; sets stringValue to empty string if date is invalid, preventing malformed date strings.
Filter Chip Error Styling packages/raystack/components/filter-chip/filter-chip.module.css	Added CSS rules to hide helper-text and apply danger border styling to the input-error-wrapper within dateFieldWrapper for visual error indication.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰✨ A hop through dates so fine,
Where validation makes them shine,
No more broken ISO strings,
Error borders mark all things,
Date fields dance in perfect form! 🗓️

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title accurately reflects the main change: adding date validation to prevent RangeError in FilterChip, which matches the primary fix described in the objectives.
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 (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix_invalid_date_filter_chip

---

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.}