Added the required inputs in selector and make events optional

README.md

@@ -1,4 +1,4 @@
-# TimeScheduler
+# Angular Time Scheduler
 [![GitHub issues](https://img.shields.io/github/issues/abhishekjain12/ngx-time-scheduler.svg)](https://github.com/abhishekjain12/ngx-time-scheduler/issues)
 [![GitHub forks](https://img.shields.io/github/forks/abhishekjain12/ngx-time-scheduler.svg)](https://github.com/abhishekjain12/ngx-time-scheduler/network)
 [![GitHub stars](https://img.shields.io/github/stars/abhishekjain12/ngx-time-scheduler.svg)](https://github.com/abhishekjain12/ngx-time-scheduler/stargazers)
@@ -60,8 +60,8 @@ export class AppComponent implements OnInit {
   items: Item[];
 
   ngOnInit() {
-    this.events.SectionClickEvent = (section) => {console.log(section); };
-    this.events.ItemClicked = (item) => {console.log(item); };
+    this.events.SectionClickEvent = (section) => { console.log(section); };
+    this.events.ItemClicked = (item) => { console.log(item); };
 
     this.periods = [
       {
@@ -138,7 +138,7 @@ export class AppComponent implements OnInit {
 | periods               | Yes       | Period[]  | `null`                    | An array of `Period` denoting what periods to display and used to traverse the calendar. |
 | sections              | Yes       | Section[] | `null`                    | An array of `Section` to fill up the sections of the scheduler. |
 | items                 | Yes       | Item[]    | `null`                    | An array of `Item` to fill up the items of the scheduler. |
-| events                | Yes       | Events    | `null`                    | The events that can be hooked into. |
+| events                | No        | Events    | `null`                    | The events that can be hooked into. |
 | currentTimeFormat     | No        | string    | `'DD-MMM-YYYY HH:mm'`     | The momentjs format to use for concise areas, such as tooltips. |
 | showCurrentTime       | No        | boolean   | `true`                    | Whether the current time should be marked on the scheduler. |
 | showGoto              | No        | boolean   | `true`                    | Whether the Goto button should be displayed. |
@@ -209,7 +209,7 @@ A selection of events are provided to hook into when creating the scheduler, and
 
 
 # Credits
-This angular time scheduler is based on the work done by [Zallist](https://github.com/Zallist/TimeScheduler).
+This time scheduler is based on the work done by [Zallist](https://github.com/Zallist/TimeScheduler).
 
 
 # License

angular.json

@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist-demo/TimeScheduler",
+            "outputPath": "dist/demo",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",

package.json

@@ -8,6 +8,8 @@
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
+    "ng:build:demo": "ng build --aot --prod --base-href=https://abhishekjain12.github.io/ngx-time-scheduler/",
+    "deploy": "npm run ng:build:demo && gh-pages -d dist/demo",
     "build_lib": "ng build NgxTimeScheduler",
     "copy_license": "cp ./LICENSE ./dist/ngx-time-scheduler",
     "copy_readme": "cp ./README.md ./dist/ngx-time-scheduler",
@@ -41,6 +43,7 @@
     "@types/jasmine": "~2.8.8",
     "@types/jasminewd2": "~2.0.3",
     "codelyzer": "~4.5.0",
+    "gh-pages": "^2.1.1",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "~3.1.1",

projects/ngx-time-scheduler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-time-scheduler",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "A simple Angular Timeline Scheduler library",
   "author": {
     "name": "Abhishek Jain",
@@ -18,9 +18,12 @@
     "angular",
     "time-scheduler",
     "scheduler",
+    "calender",
     "typescript",
     "timeline-scheduler",
-    "timeline"
+    "calendar-scheduler",
+    "timeline",
+    "ngx-time-scheduler"
   ],
   "license": "MIT",
   "peerDependencies": {

projects/ngx-time-scheduler/src/lib/ngx-time-scheduler.component.ts

@@ -13,7 +13,7 @@ import * as moment_ from 'moment';
 const moment = moment_;
 
 @Component({
-  selector: 'ngx-ts',
+  selector: 'ngx-ts[items][periods][sections]',
   templateUrl: './ngx-time-scheduler.component.html',
   styleUrls: ['./ngx-time-scheduler.component.css']
 })
@@ -38,7 +38,7 @@ export class NgxTimeSchedulerComponent implements OnInit {
   @Input() items: Item[];
   @Input() sections: Section[];
   @Input() periods: Period[];
-  @Input() events: Events;
+  @Input() events: Events = new Events();
   @Input() start = moment().startOf('day');
 
   end = moment().endOf('day');