Skip to main content

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 @ionic-native/date-picker $ ionic cap sync

Supported Platforms#

  • Android
  • iOS
  • Windows



Learn more about using Ionic Native components in React


import { DatePicker } from '@ionic-native/date-picker/ngx';
constructor(private datePicker: DatePicker) { }

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