time-field-granularity

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/time-field-granularity.tsx
import { TimeField } from "@/registry/new-york/ui/time-field"

export default function TimeFieldGranularityDemo() {
  return (
    <div className="flex flex-col gap-4">
      <TimeField label="Hour and minute" granularity="minute" />
      <TimeField label="Hour, minute, and second" granularity="second" />
    </div>
  )
}

Installation

npx shadcn@latest add @taki/time-field-granularity

Usage

import { TimeFieldGranularity } from "@/components/time-field-granularity"
<TimeFieldGranularity />