https://github.com/shiv19/nativescript-material-datetimepicker

Material Design Datetimepicker for Nativescript
https://github.com/shiv19/nativescript-material-datetimepicker

datetimepicker material nativescript picker

Last synced: about 11 hours ago
JSON representation

Material Design Datetimepicker for Nativescript

• Host: GitHub
• URL: https://github.com/shiv19/nativescript-material-datetimepicker
• Owner: shiv19
• License: apache-2.0
• Created: 2017-10-14T13:57:25.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-24T22:10:10.000Z (almost 7 years ago)
• Last Synced: 2024-05-01T15:05:34.675Z (5 months ago)
• Topics: datetimepicker, material, nativescript, picker
• Language: TypeScript
• Size: 1.95 MB
• Stars: 9
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nativescript-material-datetimepicker [![Build Status](https://travis-ci.org/shiv19/nativescript-material-datetimepicker.svg?branch=master)](https://travis-ci.org/shiv19/nativescript-material-datetimepicker) [![npm](https://img.shields.io/npm/dt/express.svg)](https://www.npmjs.com/package/nativescript-material-datetimepicker) [![npm](https://img.shields.io/npm/v/nativescript-material-datetimepicker.svg)](https://www.npmjs.com/package/nativescript-material-datetimepicker)

[![Twitter URL](https://img.shields.io/badge/twitter-%40MultiShiv19-blue.svg)](https://twitter.com/MultiShiv19)

[![NPM](https://nodei.co/npm/nativescript-material-datetimepicker.png)](https://nodei.co/npm/nativescript-material-datetimepicker/)

This plugin is a wrapper around `android.app.DatePickerDialog` for Android.

---

## DEPRECATED - 25th Oct 2017 

All functionality of this plugin, and more (including iOS Support), is now 

available at [nativescript-modal-datetimepicker](https://www.npmjs.com/package/nativescript-modal-datetimepicker) <3

Use this plugin, only if you don't need iOS support, and other additional features.

Be warned, development of this plugin has been discontinued.

- Shiv19

---

## Screenshots

### Date Picker

 

### Time Picker

 

## Installation

```javascript

tns plugin add nativescript-material-datetimepicker

```

## Usage 

NativeScript Core

```js

const MDTPicker = require("nativescript-material-datetimepicker").MaterialDatetimepicker;

const mDtpicker = new MDTPicker();

// Pick Date

exports.selectDate = function() {

    mDtpicker.pickDate()

        .then((result) => {

            console.log("Date is: " + result.day + "-" + result.month + "-" + result.year);

        })

        .catch((error) => {

            console.log("Error: " + error);

        });

};

// Pick Time

exports.selectTime = function() {

    mDtpicker.pickTime()

        .then((result) => {

            console.log("Time is: " + result.hour + ":" + result.minute);

        })

        .catch((error) => {

            console.log("Error: " + error);

        });

};

```

## API

`pickDate(): Promise<{}>;`

Returns a promise that resolves to date object

```js

date: {

    day: number,

    month: number,

    year: number

}

```

`pickTime(is24HourView?): Promise<{}>;`

Returns a promise that resolves to time object

```js

time: {

    hour: number,

    minute: number

}

```

Passing `true` to this API, shows a 24hr View timepicker.

    

## License

Apache License Version 2.0, January 2004