K
KoreUI

Time Picker

Form

Selector de hora independiente con controles spinner, formato 12/24 horas, paso de minutos y soporte completo de wire:model.

Uso básico

<x-kore::time-picker wire:model="time" label="Hora" placeholder="Selecciona la hora" clearable />
<x-kore::time-picker wire:model="time" label="Hora" placeholder="Selecciona la hora" clearable />

Formato 12 horas

Muestra un botón AM/PM junto al spinner de minutos.

<x-kore::time-picker wire:model="time" label="Hora" time-format="12" />
<x-kore::time-picker wire:model="time" label="Hora" time-format="12" />

Paso de minutos

Incrementa/decrementa los minutos según el paso especificado.

<x-kore::time-picker wire:model="time" label="Hora" :minute-step="5" />

<x-kore::time-picker wire:model="time" label="Hora" :minute-step="15" />
<x-kore::time-picker wire:model="time" label="Hora" :minute-step="5" />

<x-kore::time-picker wire:model="time" label="Hora" :minute-step="15" />

Tamaños

Tres tamaños disponibles.

<x-kore::time-picker label="Small" size="sm" />
<x-kore::time-picker label="Medium" size="md" />
<x-kore::time-picker label="Large" size="lg" />
<x-kore::time-picker label="Small" size="sm" />
<x-kore::time-picker label="Medium" size="md" />
<x-kore::time-picker label="Large" size="lg" />

Estados

Disabled, required y error.

<x-kore::time-picker label="Disabled" disabled />
<x-kore::time-picker label="Required" required />
<x-kore::time-picker label="Con error" error="Este campo es requerido" />
<x-kore::time-picker label="Disabled" disabled />
<x-kore::time-picker label="Required" required />
<x-kore::time-picker label="Con error" error="Este campo es requerido" />

Props

Prop Tipo Default Descripción
label string|null null Texto de la etiqueta
hint string|null null Texto de ayuda debajo del campo
name string|null null Nombre para detección de errores
error string|null null Mensaje de error manual
size string md Tamaño: sm, md, lg
placeholder string|null null Texto placeholder
clearable bool false Mostrar botón de limpiar
disabled bool false Estado deshabilitado
required bool false Campo obligatorio con asterisco
showError bool true Auto-detectar errores del \$errors bag
timeFormat string 24 Formato de hora: 24 o 12 (AM/PM)
minuteStep int 1 Paso de incremento de minutos