Bug with Range Picker Component (Nebular v5.0.0)

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior:

If you select a range and then you try to select another range from another month, you get this error: t.getFullYear is not a function and months of the year are not shown.

Expected behavior:

Months of the year should be shown when I try to select another range.

Steps to reproduce:

Other information:

Tested with Google Chrome v80.0.3987.149 and Nebular v5.0.0

[bkeresztes]

I have managed to find a workaround while this gets fixed. You can put this in your AppModule constructor to overwrite the wrong part:

Object.defineProperty(NbCalendarMonthCellComponent.prototype, 'selected', {
  get: function () {
      return this.dateService.isSameMonthSafe(this.date, this.selectedValue.end);
  },
  enumerable: true,
  configurable: true
});

In the original the this.selectedValue is passed in the second parameter which is the range. This works for me, hope it helps.

[yggg]

The issue was fixed by #2330 (part of the 6.1.0 release). The problem was that NbCalendarRangeComponent was using NbCalendarMonthCellComponent as cell component instead of NbCalendarRangeDayCellComponent. After the update to the fixed version, you can remove lines with patching NbCalendarMonthCellComponent.prototype as it would break regular picker.