Cordova Material DateTime Picker

Based On : Material DateTime : https://github.com/wdullaer/MaterialDateTimePicker

Cordova plugin : cordova-plugin-materialdatetime

Platforms available : android

install :

1 ) run cordova plugin add https://github.com/moda20/cordova-plugin-MaterialDateTimePicker.git

2 ) use directly from the window available cordova object.

Usage

Example :

let DatePickerargs = {
            title: 'title',
            color: '#c60808',
            oktext: 'Ok', // OK button text
            canceltext: 'No', // Cancel button text
            mindate: '', // MUST BE IN dd-MM-yyyy format
            maxdate: '', // MUST BE IN dd-MM-yyyy format
            highlitedDates: ['', ''], // DATES MUST BE IN dd-MM-yyyy format
            showyearpickerbeforemonth: false,
            vibrateontouch: true,
            autodismiss: true, // DIsmiss when choosing a date automatically
        }

        let Timepickerargs = {
            title: 'title',
            color: '#c60808',
            oktext: '', // OK button text
            canceltext: '', // Cancel button text
            /*     mintime:'', // ARRAY of HOURS, MINUTES, SECONDS [23,12,44]
                 maxtime:'', // ARRAY of HOURS, MINUTES, SECONDS [23,12,44]*/
            enableSeconds: false,
            enableminute: true,
            vibrateontouch: true,
        }

        window.cordova.plugins.CordovaMaterialDateTime.TimePicker(Timepickerargs).then(
            function (res) {
                console.log(res);
            }
        ).catch(e => {
            console.log(e);
            alert("Errored")
        })

Docs :

The `CordovaMaterialDateTime` has only Two method : `TimePicker` and `DatePicker`.

TimePicker

The function arguments are a single object

| Attribute | Description | Type | |----------------|----------------------------------------------------------------------------------------|-----------------------------| | title | a title to display on top of the timepicker | String | | color | the general color for the time picker. includes the circle headed arrow and the title | String, ex :#c60808 | | oktext | The text for the OK button | String | | canceltext | the text for the cancel button | String | | mintime | an array of the minimum time possible to pick : [hours,minutes,seconds] | Array of Int, ex [23,12,44] | | maxtime | an array of the maximum time possible to pick : [hours,minutes,seconds] | Array of Int, ex [23,12,44] | | enableSeconds | whether to enable or disable the seconds picker defaults to False | Boolean | | enableminute | whether to enable or disable the minutes picker defaults to False | Boolean | | vibrateontouch | Wether to vibrate when touching the time picker or not | Boolean |

The TimePicker function returns a promise that resolves with the time chosen.

DatePicker

The function arguments are a single object

| Attribute | Description | Type | |---------------------------|----------------------------------------------------------------------------------------|--------------------------------------------------------------------| | title | a title to display on top of the timepicker | String | | color | the general color for the time picker. includes the circle headed arrow and the title | String, ex :#c60808 | | oktext | The text for the OK button | String | | canceltext | the text for the cancel button | String | | mindate | an array of the minimum time possible to pick : [hours,minutes,seconds] | String, must be date in thedd-MM-yyyy format | | maxdate | an array of the maximum time possible to pick : [hours,minutes,seconds] | String, must be date in thedd-MM-yyyy format | | highlitedDates | Dates that are highlighted in the calendar : | Array of String,[] Strings must be date in the dd-MM-yyyy format | | showyearpickerbeforemonth | whether to show the year picker before the month's | Boolean | | vibrateontouch | whether to vibrate when touching the time picker or not | Boolean | | autodismiss | whether to dismiss the datepicker automatically when the user chooses a date | Boolean |

The DatePicker function returns a promise that resolves with the chosen date.

Plugin.xml :

You may have to change the com.android.support:appcompat-v7:27.1.1 to a certain version.
Note that this version needs to be unique with all components in your app, so make sure you have it fixed.

ChangeLog

Licence

MIT