DateRangePicker: Quick Select Ranges looses highlighting when used with maxDate

[sher04lock]

Bug description:

Using maxDate option causes bs-custom-date-view not highlighting selected quick range option, even if it's withing minDate-maxDate.

Working OK (highlighting selected option):

  <input
    type="text"
    bsDaterangepicker
    [bsConfig]="{
      ranges: ranges,
      adaptivePosition: true
    }"
  />

Not working (not highlighting):

  <input
    type="text"
    bsDaterangepicker
    [bsConfig]="{
      ranges: ranges,
      maxDate: maxDate,
      adaptivePosition: true
    }"
  />

I suspect the problem is in these lines:
[1]

ngx-bootstrap/src/datepicker/themes/bs/bs-custom-dates-view.component.ts

Line 16 in d210ca6

[class.selected]="range.value === selectedRange">

[2]

ngx-bootstrap/src/datepicker/utils/bs-calendar-utils.ts

Line 107 in d210ca6

const editedValues = date.map(item => {

We are comparing by reference in [1], which by default works ok. But with maxDate provided, we are creating new array in [2] - which breaks the comparision in the template.

Plunker/StackBlitz that reproduces the issue: https://stackblitz.com/edit/clkau7-grqzf4?file=src%2Fapp%2Fapp.component.html

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 12.0.0, 18.0.2
Angular: 17.1.3

Build system: Angular CLI, System.js, webpack, starter seed: Angular CLI

Expected behavior

Selected option to be highlighted, no matter if it was adjusted to match maxDate or not.