【非推奨】TimePickerコンポーネントの使用方法を説明します。代わりにInput[type="time"]を使用してください。
How this skill is triggered — by the user, by Claude, or both
Slash command
/smarthr-design-system:smarthr-ui-time-pickerThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
> ⚠️ **非推奨**: TimePickerは非推奨です。Input[type="time"]を使ってください。
⚠️ 非推奨: TimePickerは非推奨です。Input[type="time"]を使ってください。
ユーザーに時刻(時と分、任意で秒)を入力させる際に使用するコンポーネントです。
import { TimePicker } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| error | boolean | - | - | フォームにエラーがあるかどうか |
TimePicker に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
使い方チェックリスト(Layer 3)は設定されていません。
npx claudepluginhub kufu/smarthr-design-system --plugin smarthr-design-system【非推奨】Provides deprecated DatetimeLocalPicker component for date+time input. Guides migration to Input[type="datetime-local"].
Sets up MUI X Date/Time Pickers in React apps with adapters like dayjs, date-fns; configures DatePicker, TimePicker, DateTimePicker components.
Interactive timesheet entry — collects work description, date, start/end times via prompts, calculates hours, appends to .campaign/timesheet.md