ProgressNS · zbranzov · Feb 27, 2018 · Feb 21, 2018 · Feb 23, 2018 · Feb 23, 2018
diff --git a/README.md b/README.md
@@ -1,15 +1,22 @@
 # Welcome
-This repository contains the source code of the Progress NativeScript UI samples application demonstrating the Angular directives. The repository does not contain the source code of Progress NativeScript UI itself but rather uses the npm package `nativescript-pro-ui` [![npm](https://img.shields.io/npm/v/nativescript-pro-ui.svg)](https://www.npmjs.com/package/nativescript-pro-ui).
+This repository contains the source code of the Progress NativeScript UI samples application demonstrating the Angular directives. The repository does not contain the source code of Progress NativeScript UI itself but rather uses the npm package:
+- `nativescript-ui-chart` [![npm](https://img.shields.io/npm/v/nativescript-ui-chart.svg)](https://www.npmjs.com/package/nativescript-ui-chart)
+- `nativescript-ui-listview` [![npm](https://img.shields.io/npm/v/nativescript-ui-listview.svg)](https://www.npmjs.com/package/nativescript-ui-listview)
+- `nativescript-ui-sidedrawer` [![npm](https://img.shields.io/npm/v/nativescript-ui-sidedrawer.svg)](https://www.npmjs.com/package/nativescript-ui-sidedrawer)
+- `nativescript-ui-calendar` [![npm](https://img.shields.io/npm/v/nativescript-ui-calendar.svg)](https://www.npmjs.com/package/nativescript-ui-calendar)
+- `nativescript-ui-autocomplete` [![npm](https://img.shields.io/npm/v/nativescript-ui-autocomplete.svg)](https://www.npmjs.com/package/nativescript-ui-autocomplete)
+- `nativescript-ui-dataform` [![npm](https://img.shields.io/npm/v/nativescript-ui-dataform.svg)](https://www.npmjs.com/package/nativescript-ui-dataform)
+- `nativescript-ui-gauge` [![npm](https://img.shields.io/npm/v/nativescript-ui-gauge.svg)](https://www.npmjs.com/package/nativescript-ui-gauge)
 
-The `master` branch contains code currently under development and is not meant to be used with the officially released version of NativeScript UI.
+The `master` branch contains code currently under development and is not meant to be used with the officially released versions of the plugins.
 
-The `release` branch is the default one and is tested with the latest NativeScript UI version available.
+The `release` branch is the default one and is tested with the latest NativeScript UI plugins available.
 
 ## Issues
 Issues related to Progress NativeScript UI are logged in the https://github.com/telerik/nativescript-ui-feedback repository. Please do not use this repository to log issues.
 
 ## Overview
-The Progress NativeScript UI samples app resides in the **sdkAngular** folder at root repository level. The folder has a standard NativeScript application structure as described in [this article](http://docs.nativescript.org/angular/tutorial/ng-chapter-0.html). The source code of the samples resides in the folders named after each component available in **Progress NativeScript UI**. The currently available components are:
+The Progress NativeScript UI samples app resides in the **sdkAngular** folder at root repository level. The folder has a standard NativeScript application structure as described in [this article](http://docs.nativescript.org/angular/tutorial/ng-chapter-0.html). The source code of the samples resides in the folders named after each component available as independent plugin. The currently available components are:
 
 - Calendar
 - Chart

diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts
@@ -2,15 +2,15 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 
 // >> using-global-directives
 // --- The built-in 'nativescript-pro-ui' modules, if you are not using 'lazy' loading, uncomment and import the below modules into the 'imports' of the first ngModule (AppModule) of the app. 
-// import { NativeScriptUISideDrawerModule } from "nativescript-pro-ui/sidedrawer/angular";
-// import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";
-// import { NativeScriptUICalendarModule } from "nativescript-pro-ui/calendar/angular";
-// import { NativeScriptUIChartModule } from "nativescript-pro-ui/chart/angular";
-// import { NativeScriptUIDataFormModule } from "nativescript-pro-ui/dataform/angular";
-// import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-pro-ui/autocomplete/angular";
+// import { NativeScriptUISideDrawerModule } from "nativescript-ui-sidedrawer/angular";
+// import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";
+// import { NativeScriptUICalendarModule } from "nativescript-ui-calendar/angular";
+// import { NativeScriptUIChartModule } from "nativescript-ui-chart/angular";
+// import { NativeScriptUIDataFormModule } from "nativescript-ui-dataform/angular";
+// import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-ui-autocomplete/angular";
 // import { NativeScriptUIGaugesModule } from "nativescript-pro-ui/gauges/angular";
 
-import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";
+import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";
 
 // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular
 import { NativeScriptRouterModule, NSModuleFactoryLoader } from "nativescript-angular/router";

diff --git a/sdkAngular/app/autocomplete/autocomplete-examples.module.ts b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts
@@ -2,7 +2,7 @@ import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 
 import { NativeScriptRouterModule } from "nativescript-angular/router";
-import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-pro-ui/autocomplete/angular";
+import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-ui-autocomplete/angular";
 
 import { AutoCompleteContainsModeComponent } from './completion-mode/autocomplete-contains-mode.component';
 import { AutoCompleteStartsWithModeComponent } from './completion-mode/autocomplete-startswith-mode.component';

diff --git a/sdkAngular/app/autocomplete/completion-mode/autocomplete-contains-mode.component.ts b/sdkAngular/app/autocomplete/completion-mode/autocomplete-contains-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-contains-mode
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/completion-mode/autocomplete-startswith-mode.component.ts b/sdkAngular/app/autocomplete/completion-mode/autocomplete-startswith-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-startswith-mode
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/customization/autocomplete-customization.component.ts b/sdkAngular/app/autocomplete/customization/autocomplete-customization.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 var data = require("./countries.json")
 
 @Component({

diff --git a/sdkAngular/app/autocomplete/display-mode/autocomplete-plain-mode.component.ts b/sdkAngular/app/autocomplete/display-mode/autocomplete-plain-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-plain-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/display-mode/autocomplete-tokens-mode.component.ts b/sdkAngular/app/autocomplete/display-mode/autocomplete-tokens-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-tokens-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/events/autocomplete-events.component.ts b/sdkAngular/app/autocomplete/events/autocomplete-events.component.ts
@@ -1,7 +1,7 @@
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/getting-started/autocomplete-getting-started.component.ts b/sdkAngular/app/autocomplete/getting-started/autocomplete-getting-started.component.ts
@@ -1,8 +1,8 @@
 // >> angular-autocomplete-getting-started
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/hint/autocomplete-hint.component.ts b/sdkAngular/app/autocomplete/hint/autocomplete-hint.component.ts
@@ -1,6 +1,6 @@
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/layouts/autocomplete-layouts-horizontal.component.ts b/sdkAngular/app/autocomplete/layouts/autocomplete-layouts-horizontal.component.ts
@@ -1,6 +1,6 @@
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/layouts/autocomplete-layouts-runtime.component.ts b/sdkAngular/app/autocomplete/layouts/autocomplete-layouts-runtime.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/layouts/autocomplete-layouts-wrap.component.ts b/sdkAngular/app/autocomplete/layouts/autocomplete-layouts-wrap.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-layouts-wrap
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/preselected-tokens/autocomplete-preselected-tokens.component.ts b/sdkAngular/app/autocomplete/preselected-tokens/autocomplete-preselected-tokens.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewChild, AfterViewInit } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/readonly/autocomplete-readonly.component.ts b/sdkAngular/app/autocomplete/readonly/autocomplete-readonly.component.ts
@@ -1,7 +1,7 @@
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/remote-data-fetch/autocomplete-remote.component.ts b/sdkAngular/app/autocomplete/remote-data-fetch/autocomplete-remote.component.ts
@@ -1,8 +1,8 @@
 // >> angular-autocomplete-getting-started-component
 import { Component, ViewChild, OnInit } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 import http = require("tns-core-modules/http");
 
 @Component({

diff --git a/sdkAngular/app/autocomplete/suggest-mode/autocomplete-append-mode.component.ts b/sdkAngular/app/autocomplete/suggest-mode/autocomplete-append-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-append-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/suggest-mode/autocomplete-suggest-append-mode.component.ts b/sdkAngular/app/autocomplete/suggest-mode/autocomplete-suggest-append-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-plain-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/autocomplete/suggest-mode/autocomplete-suggest-mode.component.ts b/sdkAngular/app/autocomplete/suggest-mode/autocomplete-suggest-mode.component.ts
@@ -1,7 +1,7 @@
 // >> angular-autocomplete-plain-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/calendar/calendar-day-events.service.ts b/sdkAngular/app/calendar/calendar-day-events.service.ts
@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { Color } from "color";
-import { CalendarEvent } from 'nativescript-pro-ui/calendar'
+import { CalendarEvent } from 'nativescript-ui-calendar'
 
 @Injectable()
 export class CalendarDayEventsService {

diff --git a/sdkAngular/app/calendar/calendar-events.service.ts b/sdkAngular/app/calendar/calendar-events.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Color } from "color";
 // >> angular-calendar-require
-import { CalendarEvent } from 'nativescript-pro-ui/calendar' 
+import { CalendarEvent } from 'nativescript-ui-calendar' 
 // << angular-calendar-require 
 
 // >> angular-calendar-events-service

diff --git a/sdkAngular/app/calendar/calendar-examples.module.ts b/sdkAngular/app/calendar/calendar-examples.module.ts
@@ -2,8 +2,8 @@ import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 
 import { NativeScriptRouterModule } from "nativescript-angular/router";
-import { NativeScriptUICalendarModule } from "nativescript-pro-ui/calendar/angular";
-import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";
+import { NativeScriptUICalendarModule } from "nativescript-ui-calendar/angular";
+import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";
 
 import { CalendarLocalizationComponent } from './calendar-localization/calendar-localization.component';
 import { CalendarCellStylingComponent } from './cell-styling/calendar-cell-styling.component';

diff --git a/sdkAngular/app/calendar/calendar-localization/calendar-localization.component.ts b/sdkAngular/app/calendar/calendar-localization/calendar-localization.component.ts
@@ -1,6 +1,6 @@
 import { Component } from "@angular/core";
 import frameModule = require("tns-core-modules/ui/frame")
-import { RadCalendar } from "nativescript-pro-ui/calendar";
+import { RadCalendar } from "nativescript-ui-calendar";
 import { Button } from "tns-core-modules/ui/button"
 
 @Component({

diff --git a/sdkAngular/app/calendar/calendar-styles.service.ts b/sdkAngular/app/calendar/calendar-styles.service.ts
@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
-import { CalendarEvent } from 'nativescript-pro-ui/calendar' 
+import { CalendarEvent } from 'nativescript-ui-calendar' 
 import { Color } from "color";
-import { CalendarMonthViewStyle, DayCellStyle, CellStyle, CalendarWeekViewStyle, CalendarYearViewStyle, MonthCellStyle, CalendarMonthNamesViewStyle, CalendarDayViewStyle, DayEventsViewStyle, AllDayEventsViewStyle } from "nativescript-pro-ui/calendar";
+import { CalendarMonthViewStyle, DayCellStyle, CellStyle, CalendarWeekViewStyle, CalendarYearViewStyle, MonthCellStyle, CalendarMonthNamesViewStyle, CalendarDayViewStyle, DayEventsViewStyle, AllDayEventsViewStyle } from "nativescript-ui-calendar";
 
 // >> calendar-styling-service
 @Injectable()

diff --git a/sdkAngular/app/calendar/cell-styling/calendar-cell-styling.component.ts b/sdkAngular/app/calendar/cell-styling/calendar-cell-styling.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit, Injectable } from "@angular/core";
 import { Page } from "ui/page";
-import { RadCalendar, CalendarMonthViewStyle, CalendarWeekViewStyle, CalendarYearViewStyle, CalendarMonthNamesViewStyle, CalendarViewMode, CalendarDayViewStyle } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarMonthViewStyle, CalendarWeekViewStyle, CalendarYearViewStyle, CalendarMonthNamesViewStyle, CalendarViewMode, CalendarDayViewStyle } from "nativescript-ui-calendar";
 import { CalendarStylesService } from "../calendar-styles.service";
 import * as applicationModule from "application";
 import { OptionsService } from "../../navigation/options/options.service";

diff --git a/sdkAngular/app/calendar/day-view/calendar-day-view.component.ts b/sdkAngular/app/calendar/day-view/calendar-day-view.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 import { CalendarDayEventsService } from "../calendar-day-events.service";
-import { RadCalendar, CalendarEvent, CalendarDayViewEventSelectedData } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarEvent, CalendarDayViewEventSelectedData } from "nativescript-ui-calendar";
 import { alert } from "tns-core-modules/ui/dialogs";
 
 @Component({

diff --git a/sdkAngular/app/calendar/events-view-modes/calendar-events-view-modes.component.ts b/sdkAngular/app/calendar/events-view-modes/calendar-events-view-modes.component.ts
@@ -3,7 +3,7 @@ import { Component, OnInit, Injectable } from "@angular/core";
 import { Router } from '@angular/router';
 import { CalendarEventsService } from "../calendar-events.service";
 import { OptionsService } from "../../navigation/options/options.service";
-import { RadCalendar, CalendarEvent, CalendarEventsViewMode } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarEvent, CalendarEventsViewMode } from "nativescript-ui-calendar";
 import { Page } from "ui/page";
 import * as applicationModule from "application";
 

diff --git a/sdkAngular/app/calendar/populating-with-data/calendar-populating-with-data.component.ts b/sdkAngular/app/calendar/populating-with-data/calendar-populating-with-data.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 import { CalendarEventsService } from "../calendar-events.service";
-import { RadCalendar, CalendarEvent, CalendarSelectionEventData } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarEvent, CalendarSelectionEventData } from "nativescript-ui-calendar";
 // >> angular-calenda-populating-with-data
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/calendar/programmatic-control/calendar-programmatic-control.component.ts b/sdkAngular/app/calendar/programmatic-control/calendar-programmatic-control.component.ts
@@ -1,7 +1,7 @@
 import { Component, Injectable, OnInit, ViewChild } from "@angular/core";
 import { Page } from "ui/page";
-import { RadCalendar } from "nativescript-pro-ui/calendar";
-import { RadCalendarComponent } from "nativescript-pro-ui/calendar/angular";
+import { RadCalendar } from "nativescript-ui-calendar";
+import { RadCalendarComponent } from "nativescript-ui-calendar/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/calendar/selection-modes/calendar-selection-modes.component.ts b/sdkAngular/app/calendar/selection-modes/calendar-selection-modes.component.ts
@@ -2,11 +2,11 @@ import { OptionsExampleBase } from "../../options-example-base";
 import { Component, Injectable, ViewChild } from "@angular/core";
 import { Router } from '@angular/router';
 import { Page } from "ui/page";
-import { RadCalendar, CalendarSelectionMode } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarSelectionMode } from "nativescript-ui-calendar";
 import * as frameModule from "ui/frame";
 import * as applicationModule from "application";
 import { OptionsService } from "../../navigation/options/options.service";
-import { RadCalendarComponent } from "nativescript-pro-ui/calendar/angular";
+import { RadCalendarComponent } from "nativescript-ui-calendar/angular";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/calendar/transition-modes/calendar-transition-modes.component.ts b/sdkAngular/app/calendar/transition-modes/calendar-transition-modes.component.ts
@@ -1,6 +1,6 @@
 import { Component, Injectable } from "@angular/core";
 import { Page } from "ui/page";
-import { RadCalendar, CalendarTransitionMode } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarTransitionMode } from "nativescript-ui-calendar";
 import { OptionsService } from "../../navigation/options/options.service";
 import * as applicationModule from "tns-core-modules/application";
 import { Router } from '@angular/router';

diff --git a/sdkAngular/app/calendar/view-modes/calendar-view-modes.component.ts b/sdkAngular/app/calendar/view-modes/calendar-view-modes.component.ts
@@ -3,7 +3,7 @@ import { Component, OnInit, Injectable } from "@angular/core";
 import { Router } from '@angular/router';
 import { Page, NavigatedData } from "tns-core-modules/ui/page";
 import { OptionsService } from "../../navigation/options/options.service";
-import { RadCalendar, CalendarViewMode } from "nativescript-pro-ui/calendar";
+import { RadCalendar, CalendarViewMode } from "nativescript-ui-calendar";
 import * as frameModule from "tns-core-modules/ui/frame";
 import * as applicationModule from "tns-core-modules/application";
 

diff --git a/sdkAngular/app/chart/axes/multiple/chart-axes-multiple.component.ts b/sdkAngular/app/chart/axes/multiple/chart-axes-multiple.component.ts
@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { DataService } from '../../data-services/data.service';
 import { Country } from '../../data-services/country';
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { LinearAxis } from "nativescript-pro-ui/chart";
+import { LinearAxis } from "nativescript-ui-chart";
 
 @Component({
     moduleId: module.id,

diff --git a/sdkAngular/app/chart/behaviors/chart-behaviors-pan-zoom.component.ts b/sdkAngular/app/chart/behaviors/chart-behaviors-pan-zoom.component.ts
@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { DataService } from '../data-services/data.service';
 import { Country } from '../data-services/country';
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { LinearAxis } from "nativescript-pro-ui/chart";
+import { LinearAxis } from "nativescript-ui-chart";
 
 @Component({
     moduleId: module.id,