Merge pull request #12403 from TrinTragula/master

feat(DateRangePicker): Add showWeekNumbers

Author: kdinev

projects/igniteui-angular/src/lib/date-range-picker/README.md

@@ -120,6 +120,7 @@ With projected inputs:
 | overlaySettings  | OverlaySettings    | Changes the default overlay settings used by the `IgxDateRangePickerComponent`. | 
 | placeholder      | string             | Sets the `placeholder` for single-input `IgxDateRangePickerComponent`. |
 | weekStart        | number             | Sets the start day of the week. Can be assigned to a numeric value or to `WEEKDAYS` enum value. |
+| showWeekNumbers  | number             | Shows or hides week numbers. |
 
 ### Outputs
 | Name        | Description                                                        | Cancelable | Emitted with                    |

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

@@ -256,6 +256,20 @@ export class IgxDateRangePickerComponent extends PickerBaseDirective
     @Input()
     public override outlet: IgxOverlayOutletDirective | ElementRef<any>;
 
+    /**
+     * Show/hide week numbers
+     * 
+     * @remarks
+     * Default is `false`.
+     * 
+     * @example
+     * ```html
+     * <igx-date-range-picker [showWeekNumbers]="true"></igx-date-range-picker>
+     * ``
+     */
+     @Input()
+     public showWeekNumbers = false;
+
     /**
      * Emitted when the picker's value changes. Used for two-way binding.
      *
@@ -1018,6 +1032,7 @@ export class IgxDateRangePickerComponent extends PickerBaseDirective
         this.calendar.weekStart = this.weekStart;
         this.calendar.hideOutsideDays = this.hideOutsideDays;
         this.calendar.monthsViewNumber = this.displayMonthsCount;
+        this.calendar.showWeekNumbers = this.showWeekNumbers;
         this.calendar.selected.pipe(takeUntil(this._destroy$)).subscribe((ev: Date[]) => this.handleSelection(ev));
 
         componentInstance.mode = this.mode;