Utilizza @capgo/capacitor-scegliere-la-data

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

Questo è l'alternativa mantenuta da Capgo 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 del selettore nativo

iOS	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 orario

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

Scegli un intervallo

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 un selettore attivo

await DatePicker.hide();

Cosa risolve questo

Capacitor 8 support.
Implementazione web con lo stesso present() API.
Implementazione programmatica hide().
Titolo del dialogo di supporto
Layout di rotazione sicuro per iOS, gestione della locale e del yearAndMonth Modalità.
Parsing di date più sicuro e gestione della zona oraria con solo date.
Gestione delle opzioni nidificate, layout del dialogo e gestione del thread UI per Android. is24hSelezione dei passaggi minuti e della gamma di date.
Riferimento completo

Full Reference

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

Selezionatore di data

Tutorial su Scegliere la Data