Formats time data into locale-aware strings using smarthr-ui's TimeFormatter component. Helps display time in user-preferred formats.
How this skill is triggered — by the user, by Claude, or both
Slash command
/smarthr-design-system:smarthr-ui-time-formatterThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
時刻データを任意の形式にフォーマットして表示するコンポーネントです。時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。
時刻データを任意の形式にフォーマットして表示するコンポーネントです。時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。
時刻データを任意の形式にフォーマットして表示するコンポーネントです。時刻をユーザーの言語や地域設定に適した形式で表示するときに使います。
import { TimeFormatter } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| parts | readonly [TimePart, ...TimePart[]] | - | - | 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト |
| options | DateTimeFormatOptions | - | - | フォーマットオプション |
| date | string | Date | - | ✓ | - |
TimeFormatter に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
使い方チェックリスト(Layer 3)は設定されていません。
npx claudepluginhub kufu/smarthr-design-system --plugin smarthr-design-systemProvides a React component (TimestampFormatter) to format date and time data with locale-aware display. Useful for rendering dates in user-preferred formats.
Formats values for display using the FormatStyle protocol: numbers, currencies, percentages, dates, durations, measurements, person names, byte counts, lists, and URLs. Covers custom conformance and replacing legacy Formatter subclasses.
Provides i18n patterns for React apps using react-i18next and dayjs, covering user strings, date/time formatting, ICU MessageFormat, lists, currency, and RTL support. Use for multilingual UIs.