Skip to content

@tonic-ui/[email protected]

Compare
Choose a tag to compare

Changelog

Minor Changes

  • feat(react/DatePicker): add closeOnSelect prop to automatically close the date picker after a date is selected by @cheton in #903
  • test(react/DatePicker): resolve failing test snapshots by @cheton in #906
  • feat(react/Calendar): enhance keyboard navigation and date selection by @cheton in #909

Patch Changes

Key Highlights

Calendar Navigation

  • Move forward: Press Tab
  • Move backward: Press Shift + Tab
  • Select month (⬅️➡️): Press Space or Enter on the arrow buttons (⬅️➡️)
  • Select year (⬆️⬇️): Press the ArrowUp or ArrowDown keys to adjust the year
  • Select day
    • Use ⬅️➡️⬆️⬇️ to move between days
    • Press Enter or Space to choose a date
    • Note: Deselecting dates is available in the Calendar view, but not implemented in the demo