Campos de entrada

Birthdate popover picker

Un botón etiquetado que abre un calendario flotante con menús desplegables de meses y años para llegar rápidamente a un año de nacimiento, cerrándose en el momento en que se elige un día.

Date of birth

Cómo usar Birthdate popover picker

Un botón etiquetado que abre un calendario flotante con menús desplegables de meses y años para llegar rápidamente a un año de nacimiento, cerrándose en el momento en que se elige un día.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: accent, label, placeholder

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2118Caption Style Date PickerCampos de entradaUn selector de fecha única combinado con un menú de selección que intercambia su encabezado entre un menú desplegable combinado de mes y año, un menú desplegable de solo mes o un menú desplegable de solo año.

2332Date and Time Duo PickerCampos de entradaDos campos etiquetados uno al lado del otro, un botón de fecha compacto que abre una ventana emergente de calendario y un campo de hora simple, para configurar una fecha y una hora como dos pasos independientes.

2143Dropdown Date PickerCampos de entradaUn selector de fecha de un solo mes cuyo encabezado utiliza un menú desplegable de mes y un menú desplegable de año uno al lado del otro, por lo que saltar a una fecha lejana requiere una selección en lugar de muchos clics de flecha.

2108Appointment Range CardCampos de entradaUna tarjeta que combina una cuadrícula de fecha de un solo mes con un campo de hora de inicio y hora de finalización debajo, para seleccionar un día más una ventana de tiempo en un bloque compacto.

2114Booked Dates PickerCampos de entradaUn selector de fecha única donde una serie de días ya reservados muestra un número tachado y no se puede seleccionar, lo que permite seleccionar los días abiertos con normalidad.

2126Compact Time Range PickerCampos de entradaUna tarjeta de calendario mensual con una franja de rango de tiempo de dos celdas en el pie de página, los dos campos de tiempo divididos solo por un guión corto para que el par se lea como un control de rango.