fix(datepicker): quick ranges button is not selected with maxDate (#6670

) (#6698)

Co-authored-by: Dmytro Danylov <daniloff200@gmail.com>

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

@@ -14,7 +14,7 @@ export interface BsCustomDates {
         type="button"
         class="btn"
         (click)="selectFromRanges(range)"
-        [class.selected]="range.value === selectedRange">
+        [class.selected]="compareRanges(range)">
         {{ range.label }}
       </button>
     </div>
@@ -32,4 +32,8 @@ export class BsCustomDatesViewComponent {
   selectFromRanges(range?: BsCustomDates) {
     this.onSelect.emit(range);
   }
+
+  compareRanges(range?: BsCustomDates) {
+    return JSON.stringify(range?.value) === JSON.stringify(this.selectedRange);
+  }
 }