Selector de fecha plugin Capacitor

Usar @capgo/capacitor-date-picker

@capgo/capacitor-date-picker añade selectores nativos de fecha, hora, fecha y hora, año-mes y rangos a apps de Capacitor en iOS y Android, con un fallback para Web.

Esta es la alternativa mantenida por Capgo a @capacitor-community/date-picker. Escuchamos a la comunidad, corregimos errores rápido y lanzamos actualizaciones en lugar de dejar problemas de GitHub sin resolver.

Instalar

npm install @capgo/capacitor-date-picker
npx cap sync

Demo de Native Picker

iOS	Android

Capturas del Picker nativo

iOS	Android

Pick A Date

import { DatePicker } from '@capgo/capacitor-date-picker';

const result = await DatePicker.present({
  mode: 'date',
  date: '2026-05-27',
  min: '2026-01-01',
  max: '2026-12-31',
  format: 'yyyy-MM-dd',
  title: 'Select date',
});

console.log(result.value);

Selecciona una hora

const result = await DatePicker.present({
  mode: 'time',
  is24h: true,
  minuteStep: 15,
  format: 'HH:mm',
  title: 'Select time',
});

Seleccionar un rango

const range = await DatePicker.presentRange({
  start: '2026-05-01',
  end: '2026-05-27',
  format: 'yyyy-MM-dd',
  startTitle: 'Start date',
  endTitle: 'End date',
});

console.log(range.start, range.end);

Cerrar un picker activo

await DatePicker.hide();

Qué soluciona

• Soporte para Capacitor 8.
• Implementación web con el mismo present() API.
• Programático hide().
• Soporte para el título del diálogo.
• Layout seguro en rotación de iOS, manejo de locale y yearAndMonth modo.
• Parsing de fechas más seguro y manejo de zona horaria para fechas.
• Opciones anidadas en Android, is24hmanejo de layout de diálogo y de diálogos en el UI-thread.
• Pasos de minutos y selección de rango de fechas.

Referencia completa

• GitHub: https://github.com/Cap-go/capacitor-date-picker/
• Docs: /docs/plugins/date-picker/