smarthr-ui-timestamp-formatter

TimestampFormatterは、日付と時刻データを任意の形式にフォーマットして表示するコンポーネントです。日付と時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。

Stars: 30
Source: kufu/smarthr-design-system
Updated: 2026-05-29
Slug: kufu--smarthr-design-system--smarthr-ui-timestamp-formatter

// 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-timestamp-formatter/SKILL.md -o .claude/skills/smarthr-ui-timestamp-formatter.md

Drops the SKILL.md into .claude/skills/smarthr-ui-timestamp-formatter.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

日付と時刻データを任意の形式にフォーマットして表示するコンポーネントです。日付と時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。

import

import { TimestampFormatter } from 'smarthr-ui'

Props

Props 名	型	デフォルト値	必須	説明
timeParts	readonly [TimePart, ...TimePart[]]	-	-	表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト
date	string \| Date	-	✓	-

実装ルール

TimestampFormatter に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。

使い方チェックリスト

使い方チェックリスト（Layer 3）は設定されていません。