cordova-plugin-materialdatetime

A cordova plugin based on material Date and Time pickers

Usage no npm install needed!

<script type="module">
  import cordovaPluginMaterialdatetime from 'https://cdn.skypack.dev/cordova-plugin-materialdatetime';
</script>

README

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