Building forms with time inputs forces you to either wrap native <input type="time"> (limited styling, inconsistent across browsers, no granular minute control) or reinvent spinner logic and AM/PM toggling from scratch. Without a standard component, every date-picker form drifts in UX, style, and accessibility—and agents cannot reliably navigate spinners via DOM scraping.

TimePicker is a controlled spinner component that accepts value (HH:MM string, 24-hour internal format) and onChange, with two display modes: format="12h" renders an AM/PM toggle button; format="24h" omits it. The minuteStep prop controls spinner increment (default 1). It exposes a stable data-react-fancy-time-picker attribute for agent targeting and supports the disabled and className props for state and styling.

Import TimePicker from @particle-academy/react-fancy, wire it as , and pass a time string in "HH:MM" format (e.g., "14:30"). Agents read/write value via stable attribute selectors and click the spinner buttons or AM/PM toggle to mutate the bound onChange callback.