Calendar bug fix --master (#8758)

* fix(Igxcalendar): should not throw an error when viewdate is set #8060
* docs(Slider): describe properly slider continuous property #8708
* fix(MonthsView): should not throw an error when date is set #8060


Co-authored-by: Aleksandar Kamenov <[email protected]>
Co-authored-by: Konstantin Dinev <[email protected]>

Author: 3 people

projects/igniteui-angular/src/lib/calendar/calendar-base.ts

@@ -203,6 +203,7 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
      * Sets the date that will be presented in the default view when the component renders.
      */
     public set viewDate(value: Date) {
+        if (Array.isArray(value)) { return; }
         if (this._viewDate) {
             this.selectedDatesWithoutFocus = value;
         }

projects/igniteui-angular/src/lib/calendar/months-view/months-view.component.ts

@@ -48,7 +48,8 @@ export class IgxMonthsViewComponent implements ControlValueAccessor {
      * @memberof IgxMonthsViewComponent
      */
     @Input()
-    public set date(value) {
+    public set date(value: Date) {
+        if (!(value instanceof Date)) { return; }
         this._date = value;
         this.activeMonth = this.date.getMonth();
     }

projects/igniteui-angular/src/lib/calendar/years-view/years-view.component.ts

@@ -57,7 +57,14 @@ export class IgxYearsViewComponent implements ControlValueAccessor {
      * @memberof IgxYearsViewComponent
      */
     @Input()
-    public date = new Date();
+    public get date() {
+        return this._date;
+    }
+
+    public set date(value: Date) {
+        if (!(value instanceof Date)) { return; }
+        this._date = value;
+    }
 
     /**
      * Gets the year format option of the years view.
@@ -181,6 +188,10 @@ export class IgxYearsViewComponent implements ControlValueAccessor {
      * @hidden
      */
     private _calendarModel: Calendar;
+    /**
+     * @hidden
+     */
+    private _date = new Date();
 
     /**
      * @hidden

projects/igniteui-angular/src/lib/slider/slider.component.ts

@@ -403,7 +403,8 @@ export class IgxSliderComponent implements
     /**
      * An @Input property that marks the {@link IgxSliderComponent} as continuous.
      * By default is considered that the {@link IgxSliderComponent} is discrete.
-     * Discrete {@link IgxSliderComponent} does not have ticks and does not show bubble labels for values.
+     * Discrete {@link IgxSliderComponent} slider has step indicators over the track and visible thumb labels during interaction.
+     * Continuous {@link IgxSliderComponent} does not have ticks and does not show bubble labels for values.
      * ```html
      * <igx-slider #slider [continuous]="'true'" [(ngModel)]="task.percentCompleted" [step]="5" [lowerBound]="20">
      * ```