feat(datepicker): disable specified days of week (#2744)

valor-software · Jan 18, 2018 · 957d54b · 957d54b
1 parent 9099b21
commit 957d54b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/datepicker/datepicker-inner.component.ts b/src/datepicker/datepicker-inner.component.ts
@@ -62,6 +62,7 @@ export class DatePickerInnerComponent implements OnInit, OnChanges {
   @Input() monthColLimit: number;
   @Input() yearColLimit: number;
   @Input() dateDisabled: { date: Date; mode: string }[];
+  @Input() dayDisabled: number[];
   @Input() initDate: Date;
 
   @Output() selectionDone: EventEmitter<Date> = new EventEmitter<Date>(undefined);
@@ -380,6 +381,12 @@ export class DatePickerInnerComponent implements OnInit, OnChanges {
       );
     }
 
+    if (this.dayDisabled) {
+      isDateDisabled =
+        isDateDisabled ||
+        this.dayDisabled.indexOf(date.getDay()) > -1;
+    }
+
     return (
       isDateDisabled ||
       (this.minDate && this.compare(date, this.minDate) < 0) ||

diff --git a/src/datepicker/datepicker.component.ts b/src/datepicker/datepicker.component.ts
@@ -41,6 +41,7 @@ export const DATEPICKER_CONTROL_VALUE_ACCESSOR: any = {
                       [yearRange]="yearRange"
                       [customClass]="customClass"
                       [dateDisabled]="dateDisabled"
+                      [dayDisabled]="dayDisabled"
                       [onlyCurrentMonth]="onlyCurrentMonth"
                       [shortcutPropagation]="shortcutPropagation"
                       [monthColLimit]="monthColLimit"
@@ -98,6 +99,8 @@ export class DatePickerComponent implements ControlValueAccessor {
   @Input() customClass: { date: Date; mode: string; clazz: string }[];
   /** array of disabled dates */
   @Input() dateDisabled: { date: Date; mode: string }[];
+  /** disabled days of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
+  @Input() dayDisabled: number[];
 
   /** currently active date */
   @Input()