Propiedades

Propiedad	Tipo	Valor por defecto	Descripción
`value`	`Date \| null`	—	Valor de tiempo seleccionado (solo se utiliza la parte de la hora)
`onChange`	`(date: Date \| null) => void`	—	Callback que se ejecuta cuando el valor cambia
`time`	`TimeConfig`	—	Configuración del panel de tiempo
`locale`	`Partial<Locale>`	—	Configuración de locale personalizada
`displayFormat`	`string`	—	Formato de visualización personalizado para el disparador
`placeholder`	`string`	—	Texto de placeholder para el disparador
`open`	`boolean`	—	Estado de apertura controlado
`initialOpen`	`boolean`	`false`	Estado de apertura inicial (no controlado)
`onOpenChange`	`(open: boolean) => void`	—	Callback que se ejecuta cuando el estado de apertura cambia
`required`	`boolean`	`false`	Desactiva la limpieza del valor
`inline`	`boolean`	`false`	Renderiza en línea sin disparador/popup
`hideFooter`	`boolean`	—	Oculta el pie de página de acciones
`name`	`string`	—	Nombre del input oculto para el envío de formularios

TimeConfig

interface TimeConfig {
  /** Precisión de la visualización de la hora. Por defecto es "minute". */
  precision?: "hour" | "minute" | "second";
  /** Formato de 12 o 24 horas. Por defecto es "24". */
  hourFormat?: "12" | "24";
  /** Paso de incremento de minutos. Por defecto es 5. */
  minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** Paso de incremento de segundos. Por defecto es 1. */
  secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** Altura (en px) de cada elemento de la rueda de desplazamiento. Por defecto es 32. */
  itemHeight?: number;
}