TimeSelect

Use el Time Select para input de tipo time.

El intervalo de tiempo disponible es de 00:00 a 23:59

TIP

Este componente requiere el envoltorio <client-only></client-only> cuando se utiliza en SSR (por ejemplo: Nuxt) y SSG (por ejemplo: VitePress).

Selector de tiempo fijo

Provee una lista de tiempo fijo para que los usuarios escojan.

Use format para controlar el formato de hora (horas y minutos).

Revise la lista aquí de todos los formatos disponibles de Day.js.

WARNING

Preste atención a la capitalización

Si al principio se escoge la hora de inicio ( end ) el estado de la hora de final ( start ) cambiará en consecuencia.

Nombre	Descripción	Tipo	Por defecto
model-value / v-model	valor vinculado	`string`	—
disabled	si el TimeSelect se encuentra deshabilitado	`boolean`	false
editable	si el input puede ser editado	`boolean`	true
clearable	si mostrar el botón de borrado	`boolean`	true
size	tamaño del input	`enum`	default
placeholder	placeholder en un modo fuera de rango	`string`	—
name	como `name` en input nativo	`string`	—
effect	Popover tiene dos temas: `dark` y `light`	`string` / `enum`	light
prefix-icon	personaliza el componente de icono del prefijo	`string` / `Component`	Clock
clear-icon	personaliza el componente de icono de limpieza	`string` / `Component`	CircleClose
start	tiempo de inicio	`string`	09:00
end	tiempo de finalización	`string`	18:00
step	salto de tiempo	`string`	00:30
min-time	tiempo mínimo, cualquier tiempo antes de éste será deshabilitado	`string`	—
max-time	tiempo máximo, cualquier tiempo después de éste será deshabilitado	`string`	—
format	establecer formato de hora	`string` see formats	HH:mm
empty-values 2.7.0	empty values of component, see config-provider	`array`	—
value-on-clear 2.7.0	clear return value, see config-provider	`string` / `number` / `boolean` / `Function`	—

Nombre	Descripción	Tipo
change	se lanza cuando el usuario confirma el valor	`Function`
blur	se dispara cuando se pierde el foco	`Function`
focus	se dispara cuando se obtiene el foco	`Function`