║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: Timepicker Field description: A component for Wandry UI

Installation

<CodeBlockCommand __pnpm__="pnpm dlx shadcn@latest add @wandry-ui/timepicker-field" __npm__="npx shadcn@latest add @wandry-ui/timepicker-field" __bun__="bunx --bun shadcn@latest add @wandry-ui/timepicker-field" __yarn__="yarn dlx shadcn@latest add @wandry-ui/timepicker-field" />

Example

<ComponentPreview src="/registry/examples/timepicker-field-demo.tsx" name="timepicker-field-demo" description="A component for Wandry UI" align="center" />

Usage

import TimepickerField from "@/components/timepicker-field";

<TimepickerField
  name="appointment_time"
  label="Appointment Time"
  placeholder="Select time"
  description="Please select a time for your appointment."
/>

Props

<AutoTypeTable path="registry/wandry-ui/timepicker-field.tsx" name="TimepickerFieldProps" />

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║