Date picker

Campo de texto con el formato del idioma (dd/mm/aaaa: acepta barras, guiones o puntos y años de dos cifras) y un botón que abre un calendario. En el calendario: flechas día a día, Inicio y Fin a los extremos de la semana, RePág y AvPág de mes en mes (con Mayúsculas, de año en año), Intro o un clic eligen y cierran, y Escape cierra devolviendo el foco al botón. El valor es siempre una fecha ISO.

Angular

Vue

Fecha de nacimiento

Formato: dd/mm/aaaa

Valor: sin elegir

<flt-date-picker label="Fecha de nacimiento" [(value)]="date" />
<!-- value es siempre una fecha ISO: '2026-10-23' -->

<FltDatePicker v-model="date" label="Fecha de nacimiento" />
<!-- v-model es siempre una fecha ISO: '2026-10-23' -->

Fecha valor: solo días hábiles

min, max e isDateDisabled acotan las fechas: aquí desde mañana hasta dentro de tres meses, sin fines de semana ni festivos (calendario de ejemplo). Los días no disponibles se ven tachados y el lector los anuncia como no disponibles; si se teclea uno, el campo dice qué pasa.

Angular

Vue

Fecha valor de la transferencia

Formato: dd/mm/aaaa

Valor: sin elegir

<flt-date-picker label="Fecha valor de la transferencia" [min]="min" [max]="max"
  [isDateDisabled]="closed" required [(value)]="valueDate" />

closed = (day: string) => !isBusinessDay(day); // fines de semana y festivos

<FltDatePicker v-model="valueDate" label="Fecha valor de la transferencia" :min="min" :max="max"
  :is-date-disabled="(day) => !isBusinessDay(day)" required />