Selector de fecha plugin de Capacitor

Usando @capgo/capacitor-date-picker

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

Este es el complemento de selector de fecha mantenido por Capgo @capacitor-community/date-pickerEscuchamos los informes de la comunidad, arreglamos problemas rápidamente y enviamos actualizaciones en lugar de dejar problemas persistentes GitHub abiertos.

Instalar

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

Demo de selector de fecha nativo

iOS	Android

Pantallas de selector de fecha 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é Esto Arregla?

• Capacitor 8 soporte.
• Implementación web con el mismo present() API.
• Programático hide().
• Título del diálogo
• iOS seguro contra rotación de layout, manejo de localización, y yearAndMonth mode.
• Parseo de fechas más seguro y manejo de zona horaria solo de fecha.
• Opciones anidadas de Android, is24h, dialog layout handling, and UI-thread dialog handling.
• Paso a paso y selección de rango de fechas.

Implementación web con el mismo

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