Time Field

PreviousNext

time-field-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/date-and-time/time-field/time-field-demo.tsx
"use client"

import { Time } from "@internationalized/date"
import { DateInput } from "@/components/ui/date-field"
import { Label } from "@/components/ui/field"
import { TimeField } from "@/components/ui/time-field"

export default function TimeFieldDemo() {
  return (
    <TimeField defaultValue={new Time()}>
      <Label>Event time</Label>
      <DateInput />
    </TimeField>
  )
}

Installation

npx shadcn@latest add @intentui/time-field-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.