Time Picker

Inputs

Time picker with 12/24h format, minute step and keyboard input.

Time Picker — dropdown hour/minute selector

24-hour format

12-hour format

Instalação via CLI

$ npx kikitocn add time-picker

Interno:

@/lib/utils

Exemplo de uso

Time PickerExample.tsx

import { TimePicker } from "@/components/ui/cn/time-picker/TimePicker";

export function TimePickerExample() {
  return (
    <TimePicker />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`value`	`TimeValue`	`undefined`	Hora selecionada (controlled): { hours, minutes, period? }
`defaultValue`	`TimeValue`	`undefined`	Hora inicial (uncontrolled)
`onChange`	`(value: TimeValue) => void`	`undefined`	Callback quando a hora muda
`format`	`'12' \| '24'`	`'12'`	Formato de 12 ou 24 horas
`minuteStep`	`number`	`1`	Incremento dos minutos (ex: 5, 15, 30)
`placeholder`	`string`	`undefined`	Texto placeholder
`disabled`	`boolean`	`false`	Desabilita o campo

Carregando…