TimeFormatterは、時刻データを任意の形式にフォーマットして表示するコンポーネントです。時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。
// 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-time-formatter/SKILL.md -o .claude/skills/smarthr-ui-time-formatter.mdDrops the SKILL.md into .claude/skills/smarthr-ui-time-formatter.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.
時刻データを任意の形式にフォーマットして表示するコンポーネントです。時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。
import { TimeFormatter } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| parts | readonly [TimePart, ...TimePart[]] | - | - | 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト |
| options | DateTimeFormatOptions | - | - | フォーマットオプション |
| date | string | Date | - | ✓ | - |
TimeFormatter に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
使い方チェックリスト（Layer 3）は設定されていません。