Doc for Angular Nativescript

[arcovoltaico]

Hi Dave,
Could you add an installation & example doc for the Angular NS?
Thx!

[indianazhao]

+1

[indianazhao]

I just installed this plugin by the command tns plugin add nativescript-modal-datetimepicker and use it in my Angular NS.

main.component.ts:

import * as ModalPicker from 'nativescript-modal-datetimepicker';

pickDate() {
  const picker = new ModalPicker.ModalDatetimepicker();
  picker.pickDate({
    title: 'Please enter your birthday',
    theme: 'dark',
    maxDate: new Date(),
    is24HourView: false
  }).then((result) => {
    this.birthday = result['year'] + '-' + result['month'] + '-' + result['day'];
  }).catch((error) => {
    console.log('Error: ' + error);
  });
}

main.component.html:

<TextField hint="Please enter your birthday" [(ngModel)]="birthday" (tap)="pickDate()" editable="false"></TextField>

[EMGSoftware]

There is one more step you need to take in order to work correctly:

• Add import { ModalDatetimepicker } from "nativescript-modal-datetimepicker" to your app.module.ts and ModalDatetimepicker to the providers array as:
  providers: [ _BlablablaOtherProviders_, ModalDatetimepicker ],

[netivitton]

how to use webpack angular

[arcovoltaico]

Thanks!

[xandraureta]

how to use the clock instead of the time spinner for angular??

[samheihey]

how to use the clock instead of the time spinner for angular??

go to

App_Resources/Android/values-21/styles.xml

For Calendar, change the followings

<style name="SpinnerDatePicker" parent="android:Widget.Material.Light.DatePicker">
    <item name="android:datePickerMode">spinner</item>
</style>

to

<style name="SpinnerDatePicker" parent="android:Widget.Material.Light.DatePicker">
    <item name="android:datePickerMode">calendar</item>
</style>

For Clock, change the followings:

<style name="SpinnerTimePicker" parent="android:Widget.Material.Light.TimePicker">
    <item name="android:timePickerMode">spinner</item>
</style>

to

<style name="SpinnerTimePicker" parent="android:Widget.Material.Light.TimePicker">
    <item name="android:timePickerMode">clock</item>
</style>

[himanshukk81]

how to show only month in picker ?