Utilizzando @capgo/capacitor-date-picker

@capgo/capacitor-date-picker Aggiunge picker di data, ora, data-orario, anno-mese e range nativi ai Capacitor app su iOS e Android, con un fallback Web corrispondente.

Questo è il Capgo mantenuto alternative a @capacitor-community/date-picker. Ascoltiamo i rapporti della community, risolviamo gli issue velocemente e inviamo aggiornamenti al posto di lasciare aperti gli issue GitHub di lunga data.

Installa

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

Demo del picker nativo

IOS	Android

Schermate di Picker nativo

Scheda di data iOS	Scheda di data Android

Scegli una data

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

Scegli un'ora

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

Scegli un intervallo di tempo

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

Chiudi una scheda attiva

await DatePicker.hide();

Cosa risolve questo

Capacitor 8 support.
Implementazione web con lo stesso present() API.
Sostegno programmatico hide().
Titolo della finestra di dialogo
Disposizione di layout sicura per la rotazione iOS, gestione della località, e modalità. yearAndMonth Elaborazione di date più sicura e gestione della zona oraria per le date solo.
Opzioni annidate Android, gestione della disposizione della finestra di dialogo, e gestione della finestra di dialogo su thread UI.
Selezione dei passaggi di minuti e della gamma di date. is24hDocumentazione completa
Full Reference

Full Reference

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

Picker di data

Tutoriale sul calendario