refactor: requested changes

Author: Christian862

projects/components/src/page-time-range/page-time-range.component.ts

@@ -8,14 +8,14 @@ import { PopoverRelativePositionLocation } from '../popover/popover';
   selector: 'ht-page-time-range',
   template: `
     <ht-time-range
-      [dropdownLocation]="this.dropdownLocation"
+      [dropdownLocationPreference]="this.dropdownLocationPreference"
       (timeRangeSelected)="this.onTimeRangeSelected($event)"
     ></ht-time-range>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PageTimeRangeComponent {
-  public readonly dropdownLocation: PopoverRelativePositionLocation[] = [
+  public readonly dropdownLocationPreference: PopoverRelativePositionLocation[] = [
     PopoverRelativePositionLocation.BelowRightAligned
   ];
 

projects/components/src/time-range/time-range.component.ts

@@ -25,7 +25,7 @@ import { PopoverRef } from '../popover/popover-ref';
         <ht-popover
           (popoverOpen)="this.onPopoverOpen($event)"
           [closeOnNavigate]="false"
-          [locationPreferences]="this.dropdownLocation"
+          [locationPreferences]="this.dropdownLocationPreference"
         >
           <ht-popover-trigger>
             <div class="trigger">
@@ -73,9 +73,11 @@ import { PopoverRef } from '../popover/popover-ref';
 })
 export class TimeRangeComponent {
   @Input()
-  public dropdownLocation: PopoverRelativePositionLocation[] = [
+  public dropdownLocationPreference: PopoverRelativePositionLocation[] = [
     PopoverRelativePositionLocation.BelowLeftAligned,
-    PopoverRelativePositionLocation.BelowRightAligned
+    PopoverRelativePositionLocation.BelowRightAligned,
+    PopoverRelativePositionLocation.AboveLeftAligned,
+    PopoverRelativePositionLocation.AboveRightAligned
   ];
 
   public timeRange$: Observable<TimeRange> = this.timeRangeService.getTimeRangeAndChanges();