Usando @capgo/capacitor-selector-de-fecha

@capgo/capacitor-date-picker agrega selectores de fecha nativos, hora, fecha-hora, año-mes y rango a las aplicaciones Capacitor en iOS y Android, con un fallback web compatible

Esta es la alternativa mantenida de Capgo @capacitor-community/date-picker. We listen to community reports, fix issues fast, and ship updates instead of leaving long-standing GitHub issues open.

Demostración nativa del selector de fecha

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

iOS

Android	Demo animado de iOS de @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-selector-de-fecha abriendo, seleccionando una fecha y cerrando

Capturas de pantalla del selector nativo

iOS	Android

Elige una fecha

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);

Elige una hora

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

Elige 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 selector activo

await DatePicker.hide();

¿Qué se soluciona con esto?

Capacitor 8 soporte.
Implementación web con el mismo present() API.
Programático hide().
Soporte para título de diálogo.
Disposición de layout segura de rotación de iOS, manejo de localización y yearAndMonth modo.
Análisis de fechas más seguro y manejo de zona horaria de fecha solo.
Opciones anidadas de Android, manejo de disposición de diálogo y manejo de diálogo de hilera de interfaz de usuario. is24hPasos de minutos y selección de rango de fechas.
Referencia completa

__CAPGO_KEEP_0__:

https://GitHub.com/Cap-go/__CAPGO_KEEP_1__-date-picker/ https://github.com/Cap-go/capacitor-date-picker/
Documentación: /docs/plugins/date-picker/

Controlador de fechas

Tutoriales sobre el selector de fecha