adding day-calendar api to documentation (#331)

* adding day-calendar api to documentation

* fixing build

Author: vlio20

README.md

@@ -221,6 +221,14 @@ Here are the available configurations:
 
 You can use the `<dp-month-calendar>` component to display the calendar widget without an associated input box.
 
+Here is the list of APIs:  
+
+| Name                 | Signature                                                                           | Description                      |
+|----------------------|:-----------------------------------------------------------------------------------:|----------------------------------|
+| moveCalendarsBy      | `(current: Moment, amount: number, granularity: moment.unitOfTime.Base) => void`    | Moves calendar by given amount   |
+| moveCalendarTo       | `(to: Moment \| String) => void`                                                    | Moves calendar to specific date  |
+| toggleCalendarMode   | `(mode: day \| month) => void`                                                      | Changes clander mode day/month   |
+
 i.e.
 ```html
 <dp-month-calendar [(ngModel)]="selectedDate" [config]="config"></dp-month-calendar>

src/app/date-picker/date-picker.component.ts

@@ -394,7 +394,7 @@ export class DatePickerComponent implements OnChanges,
     this.areCalendarsShown = false;
 
     if (this.dayCalendarRef) {
-      this.dayCalendarRef.api.toggleCalendar(ECalendarMode.Day);
+      this.dayCalendarRef.api.toggleCalendarMode(ECalendarMode.Day);
     }
 
     this.close.emit();

src/app/day-calendar/day-calendar.component.html

@@ -8,7 +8,7 @@
       [theme]="theme"
       (onLeftNav)="onLeftNav()"
       (onRightNav)="onRightNav()"
-      (onLabelClick)="toggleCalendar(CalendarMode.Month)"
+      (onLabelClick)="toggleCalendarMode(CalendarMode.Month)"
       (onGoToCurrent)="goToCurrent()">
   </dp-calendar-nav>
 
@@ -43,5 +43,5 @@
     [displayDate]="_currentDateView"
     [theme]="theme"
     (onSelect)="monthSelected($event)"
-    (onNavHeaderBtnClick)="toggleCalendar(CalendarMode.Day)">
+    (onNavHeaderBtnClick)="toggleCalendarMode(CalendarMode.Day)">
 </dp-month-calendar>

src/app/day-calendar/day-calendar.component.ts

@@ -87,8 +87,8 @@ export class DayCalendarComponent implements OnInit, OnChanges, ControlValueAcce
 
   api = {
     moveCalendarsBy: this.moveCalendarsBy.bind(this),
-    toggleCalendar: this.toggleCalendar.bind(this),
-    moveCalendarTo: this.moveCalendarTo.bind(this)
+    moveCalendarTo: this.moveCalendarTo.bind(this),
+    toggleCalendarMode: this.toggleCalendarMode.bind(this)
   };
 
   set selected(selected: Moment[]) {
@@ -258,7 +258,7 @@ export class DayCalendarComponent implements OnInit, OnChanges, ControlValueAcce
     return weekday.format(this.componentConfig.weekDayFormat);
   }
 
-  toggleCalendar(mode: ECalendarMode) {
+  toggleCalendarMode(mode: ECalendarMode) {
     if (this.currentCalendarMode !== mode) {
       this.currentCalendarMode = mode;
       this.onNavHeaderBtnClick.emit(mode);

src/app/index.ts

@@ -1,3 +1,4 @@
+export {SingleCalendarValue} from './common/types/single-calendar-value';
 export {IDate} from './common/models/date.model';
 export {ECalendarMode} from './common/types/calendar-mode-enum';
 export {IDay} from './day-calendar/day.model';

src/app/month-calendar/month-calendar.component.html

@@ -12,7 +12,7 @@
       (onLeftSecondaryNav)="onLeftSecondaryNav()"
       (onRightNav)="onRightNav()"
       (onRightSecondaryNav)="onRightSecondaryNav()"
-      (onLabelClick)="toggleCalendar()"
+      (onLabelClick)="toggleCalendarMode()"
       (onGoToCurrent)="goToCurrent()">
   </dp-calendar-nav>
 

src/app/month-calendar/month-calendar.component.ts

@@ -79,7 +79,7 @@ export class MonthCalendarComponent implements OnInit, OnChanges, ControlValueAc
   showSecondaryRightNav: boolean;
 
   api = {
-    toggleCalendar: this.toggleCalendar.bind(this),
+    toggleCalendar: this.toggleCalendarMode.bind(this),
     moveCalendarTo: this.moveCalendarTo.bind(this)
   };
 
@@ -242,7 +242,7 @@ export class MonthCalendarComponent implements OnInit, OnChanges, ControlValueAc
     this.currentDateView = this.currentDateView.clone().add(navigateBy, 'year');
   }
 
-  toggleCalendar() {
+  toggleCalendarMode() {
     this.onNavHeaderBtnClick.emit();
   }