@tonic-ui/react@2.1.0

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

• fix(react/OverflowTooltip): show the tooltip only when the string is truncated and the disabled prop is not true by @tinaClin in #913
• Updated dependencies [fa0f6cf, 272869f]
  • @tonic-ui/utils@2.0.1
  • @tonic-ui/styled-system@2.0.2

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