Skip to content

README.md

Latest commit

 

History

History
63 lines (47 loc) · 1.79 KB

README.md

File metadata and controls

63 lines (47 loc) · 1.79 KB
Raw

npm version npm downloads NativeScript compatibility Android Support iOS Support

@wuilmerj24/time-range

npm install @wuilmerj24/time-range

Usage

Plain NativeScript

IMPORTANT: Make sure you include xmlns:tr="@wuilmerj24/time-range" on the Page element

<Page xmlns:tr="@wuilmerj24/time-range">
    <StackLayout class="p-20">
      <tr:TimeRange width="100%" height="100%" drag="onDrag"/>
    </StackLayout>
</Page>
onDrag(ev) {
    console.log('onDrag ', ev.data);
  }

Nativescript Angular

import { NativeScriptTimeRangeModule } from '@wuilmerj24/time-range/angular';

//addd NativeScriptTimeRangeModule to angular NgModule>imports
@NgModule({
    imports: [
        NativeScriptTimeRangeModule,
    ],
})
<TimeRange (drag)="onDrag($event)"></TimeRange>
onDrag(ev) {
    console.log('onDrag ', ev.data);
  }

Properties

Property Type Default value Description iOS Android

License

Apache License Version 2.0