Calendarは、カレンダーを表示し日付を選択するためのコンポーネントです。基本的にDatePickerやWarekiPickerの内部部品として使われるため、単独では使用しません。
// install — copy + paste into any project
mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/kufu/smarthr-design-system/HEAD/plugins/smarthr-design-system/skills/smarthr-ui-calendar/SKILL.md -o .claude/skills/smarthr-ui-calendar.mdDrops the SKILL.md into .claude/skills/smarthr-ui-calendar.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.
カレンダーを表示し日付を選択するためのコンポーネントです。基本的にDatePickerやWarekiPickerの内部部品として使われるため、単独では使用しません。
import { Calendar } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| value | Date | - | - | 選択された日付 |
| from | Date | new Date(1900, 0, 1) | - | 選択可能な開始日 |
| to | Date | - | - | 選択可能な終了日 |
| onSelectDate | (e: MouseEvent<Element, MouseEvent>, date: Date) => void | - | ✓ | トリガのセレクトイベントを処理するハンドラ |
Calendar に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
使い方チェックリスト（Layer 3）は設定されていません。