Skip to content

fix(date-filter): replace native inputs with DateRangePicker for auto-advance and range highlighting#1171

Merged
steilerDev merged 1 commit into
betafrom
fix/1149-date-filter-range-picker
Mar 22, 2026
Merged

fix(date-filter): replace native inputs with DateRangePicker for auto-advance and range highlighting#1171
steilerDev merged 1 commit into
betafrom
fix/1149-date-filter-range-picker

Conversation

@steilerDev
Copy link
Copy Markdown
Owner

Summary

  • Replace native <input type="date"> in DataTable date filter with custom DateRangePicker calendar component
  • Two-phase range selection: pick start → auto-advance → pick end
  • Range highlighting with hover preview between start and hovered date
  • Full keyboard navigation (arrow keys, Enter, Space, Escape)
  • Mobile-responsive touch targets (44px)
  • All CSS uses design tokens, supports dark mode and reduced motion

Fixes #1149

Test plan

  • Unit tests (48 tests, 93%+ coverage)
  • E2E tests (9 scenarios)
  • Existing datatable-ux-fixes E2E tests updated

Co-Authored-By: Claude Opus 4.6 (1M context) noreply@anthropic.com

@steilerDev steilerDev force-pushed the fix/1149-date-filter-range-picker branch from ec1a90f to e8f0a07 Compare March 22, 2026 16:08
…-advance and range highlighting

Replace native <input type="date"> elements in the DataTable date filter with a
custom DateRangePicker calendar component that supports two-phase range selection
(start → auto-advance → end), range highlighting with hover preview, full keyboard
navigation, and responsive touch targets.

Fixes #1149

Co-Authored-By: Claude frontend-developer (Haiku) <noreply@anthropic.com>
Co-Authored-By: Claude qa-integration-tester (Haiku) <noreply@anthropic.com>
Co-Authored-By: Claude e2e-test-engineer (Sonnet) <noreply@anthropic.com>
Co-Authored-By: Claude translator (Sonnet) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude dev-team-lead (Sonnet 4.6) <noreply@anthropic.com>
@steilerDev steilerDev force-pushed the fix/1149-date-filter-range-picker branch from e8f0a07 to a81fa3e Compare March 22, 2026 16:10
@steilerDev steilerDev merged commit fc46480 into beta Mar 22, 2026
17 of 33 checks passed
@steilerDev steilerDev deleted the fix/1149-date-filter-range-picker branch March 22, 2026 16:23
@github-actions
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 2.2.0-beta.22 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@github-actions
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 2.2.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant