Skip to content

@capgo/capacitor-date-picker

Native date, time, date-time, year-month, and range pickers for Capacitor apps, with a maintained Web fallback.

@capgo/capacitor-date-picker gives Capacitor apps a native picker API for dates, times, date-time values, year-month values, and date ranges. It uses UIDatePicker on iOS, platform dialogs on Android, and native browser inputs on Web.

This is Capgo’s maintained alternative to @capacitor-community/date-picker. The difference is maintenance speed: we listen to community reports, fix issues fast, and ship updates instead of leaving long-standing GitHub issues open.

iOSAndroid
Animated iOS demo of @capgo/capacitor-date-picker opening, selecting a date, and closingAnimated Android demo of @capgo/capacitor-date-picker opening, selecting a date, and closing
iOSAndroid
iOS screenshot of @capgo/capacitor-date-picker showing the native date pickerAndroid screenshot of @capgo/capacitor-date-picker showing the native date picker
  • Present native date, time, date-time, year-month, and countdown-style pickers.
  • Select date ranges through presentRange().
  • Format returned values with ISO, Java/Unicode, and common Moment-style patterns.
  • Apply min, max, date, locale, timezone, and 24-hour time options.
  • Use platform-specific iOS and Android option blocks when needed.
  • Close an active picker programmatically with hide().
  • Capacitor 8 support.
  • Web implementation with the same present() API.
  • Dialog title support.
  • iOS rotation-safe layout and locale handling.
  • iOS yearAndMonth mode.
  • Safer parsing for invalid dates, ISO strings, date-only values, and min / max.
  • Android nested options, is24h, dialog width handling, and UI-thread dialog handling.
  • Minute steps for time pickers.
  • Range selection via presentRange().
FeatureiOSAndroidWeb
present()YesYesYes
presentRange()YesYesYes
hide()YesYesYes
date modeYesYesYes
time modeYesYesYes
dateAndTime modeYesYesYes
yearAndMonth modeYesDate fallbackYes
minuteStepYesYesYes
MethodDescription
presentPresent a native or Web picker for a single value.
presentRangePresent a date range picker. Native platforms use two native selections; Web shows start and end controls together.
hideClose the currently visible picker, if any.
getPluginVersionGet the platform implementation version marker.

This reference is synced from src/definitions.ts in capacitor-date-picker.