Datumsauswahl Capacitor Plugin

Mit @capgo/capacitor-date-picker

@capgo/capacitor-date-picker erhältst du native Date, Time, Date-Time, Year-Month und Range Picker für Capacitor Apps auf iOS und Android, inklusive Web-Fallback.

Dies ist die von Capgo gepflegte Alternative zu @capacitor-community/date-picker. Wir hören auf Community-Feedback, fixen Bugs schnell und liefern Updates, statt GitHub Issues monatelang offen zu lassen.

Installieren

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

Native Picker Demo

iOS	Android

Native Picker Screenshots

iOS	Android

Datum wählen

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

Uhrzeit wählen

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

Zeitraum auswählen

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

Aktiven Picker schließen

await DatePicker.hide();

Was das behebt

• Capacitor 8 Support.
• Web-Implementierung mit dem gleichen present() API.
• Programmatische hide().
• Unterstützung von Dialog-Titeln.
• iOS rotationssicheres Layout, Locale-Handling und yearAndMonth Modus.
• Sicheres Date-Parsing und Timezone-Handling für reine Daten.
• Android-Unteroptionen, is24h, Dialog-Layout-Handling sowie die Dialog-Verarbeitung im UI-Thread.
• Minuten-Schritte und Datum-Bereichsauswahl.

Vollständige Referenz

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