Mulai

Salin prompt pengaturan dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.

        Set up this Capacitor plugin in the project.

Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-date-picker`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/date-picker/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.

Instalasi

Anda dapat menggunakan Pengaturan Bantu AI kami untuk menginstal plugin. Tambahkan Capgo kemampuan ke alat AI Anda menggunakan perintah berikut:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu gunakan prompt berikut:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-date-picker` plugin in my project.

Jika Anda lebih suka Pengaturan Manual, instal plugin dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:

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

Impor

import { DatePicker } from '@capgo/capacitor-date-picker';

Pilih Tanggal

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

Pilih Waktu

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

console.log(result.value);

Pilih Tanggal dan Waktu

const result = await DatePicker.present({
  mode: 'dateAndTime',
  date: '2026-05-27T14:30:00',
  format: "yyyy-MM-dd'T'HH:mm:ss",
  title: 'Select date and time',
});

Pilih Bulan

const result = await DatePicker.present({
  mode: 'yearAndMonth',
  date: '2026-05-01',
  format: 'yyyy-MM',
  title: 'Select month',
});

Pilih Rentang

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, range.value);

Tutup Pemilih

await DatePicker.hide();

Opsi Platform

await DatePicker.present({
  mode: 'date',
  date: '2026-05-27',
  title: 'Select date',
  ios: {
    style: 'inline',
    theme: 'light',
  },
  android: {
    theme: 'light',
  },
});

Pilihan Umum

Opsi	Deskripsi
`mode`	`date`, `time`, `dateAndTime`, `yearAndMonth`, `countDownTimer`atau `range`.
`date`	Nilai yang Dipilih Awalnya.
`min` / `max`	Nilai minimum dan maksimum yang dapat dipilih.
`format`	Format Keluaran. ISO, Java/Unicode, dan format Moment-style yang umum didukung.
`title`	Judul Dialog.
`locale`	Bahasa yang digunakan oleh picker asli di mana didukung.
`timezone`	Zona Waktu yang digunakan untuk parsing dan formatting.
`is24h`	Mengutamakan Waktu 24 Jam.
`minuteStep`	Interval menit pilih waktu.
`doneText` / `cancelText`	Label aksi kustom.

Aplikasi Contoh

Repositori termasuk sebuah Capacitor aplikasi contoh yang membuka picker tanggal native, picker waktu, picker rentang, dan panggilan versi plugin. hide()iOS

Android	Demo animasi iOS dari @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-date-picker membuka, memilih tanggal, dan menutup.

Judul bagian “API Referensi”

Referensi lengkap API dapat ditemukan di README paket dan definisi TypeScript: