Skip to main content
Version: v5

Date Picker

The DatePicker plugin allows the user to fetch date or time using native dialogs.

Stuck on a Cordova issue?

Don't waste precious time on plugin issues.

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic’s experts offer premium advisory services for both community plugins and premier plugins.


$ npm install cordova-plugin-datepicker 
$ npm install @awesome-cordova-plugins/date-picker
$ ionic cap sync

Supported Platforms

  • Android
  • iOS
  • Windows



Learn more about using Ionic Native components in React


import { DatePicker } from '@awesome-cordova-plugins/date-picker/ngx';

constructor(private datePicker: DatePicker) { }

date: new Date(),
mode: 'date',
androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK
date => console.log('Got date: ', date),
err => console.log('Error occurred while getting date: ', err)