Los campos de fecha y hora se escriben por segmentos: día, mes y año en el orden de la configuración regional, y luego horas y minutos en su reloj de 12 o 24 horas. Cada segmento es un spinbutton: al escribir dígitos avanza solo al siguiente, o puedes cambiarlo paso a paso con las flechas. Pega una fecha completa y se rellenan todos los segmentos.
Los selectores añaden un calendario en un popover, para una fecha o para un rango con opciones predefinidas. Los valores son cadenas ISO simples, como 2026-09-25 o 2026-09-25T09:30, y todos los campos funcionan con Signal Forms, formularios reactivos y ngModel.
En este sitio, los ejemplos siguen el idioma de la página: elige otro para ver cómo cambian el orden, los separadores y los dígitos.
Campos de fecha y hora
Escribe los dígitos o usa las flechas. Un segundo Retroceso vuelve al segmento anterior. minuteStep define cuánto mueven las flechas los minutos.
Birthday: not set · Alarm: 07:30
Selectores de fecha
El botón abre un calendario en el día elegido, y al elegir un día se cierra. Con granularity="minute", el selector admite también una hora, y el calendario solo cambia la fecha.
Departure: not set · Meeting: 2026-09-26T09:30
Un rango de fechas
Dos campos y un calendario de dos meses. nuiDateRangePresets() añade rangos habituales; el valor sigue siendo null hasta que se fijan ambos extremos, en orden.
Type both dates, pick them in the calendar, or choose a preset.