Links

Calendar

El componente de calendario ayuda a introducir o visualizar una fecha de manera fácil y sencilla.

Racional de aplicación

Utilizamos el componente calendario para representar visualmente una fecha y proporcionar los medios adecuados para su representación en formularios o bases de datos, teniendo en cuenta estas observaciones:
  • Es útil cuando se necesita elegir un día cercano a la fecha actual o cuando el contexto como el día de la semana, días festivos, etc. pueden ayudar a elegir la mejor opción.
  • Inhabilita las opciones de fecha que no están disponibles.
  • No es recomendable utilizarlo para seleccionar un día concreto en el tiempo, como la fecha de nacimiento, por ser una fecha lejana en el tiempo y la navegación por el componente ser complicada. Se recomienda usar un conjunto de selectores desplegables (select) para este caso.

Buenas prácticas

Uso correcto
Uso incorrecto
Utilizamos un grupo de selectores para seleccionar una fecha lejana a la actual.
No es buena opción un selector de calendario para seleccionar fechas indeterminadas en el tiempo.

Anatomía y variabilidad

Anatomía del componente

Letra
Elemento
Descripción
A
Indicador de mes
Informa sobre el mes en el que está posicionado el calendario.
B
Indicador semanal
Informa sobre el día de la semana.
C
Indicador de día
Da información sobre los días que componen el mes visualizado.
D
Día seleccionado
Resalta la selección efectuada.
E
Controlador
Permite navegar por los meses adyacentes al visualizado.
F
Días fuera del mes visualizado
Visualiza los días de los meses adyacentes al visualizado.
G
Día actual
Indica el día actual.

Variabilidad de estados

Letra
Estado
Descripción
1
Default
Estado por defecto.
2
Festivos
Ofrece información sobre los días festivos.
3
Active
Se ha seleccionado una fecha en el calendario.
4
Adyacente
Marca la fecha seleccionada en un mes adyacente.
Última actualización 1yr ago