From 4399324dde75c6e8dad0389f715d108eb969e5f8 Mon Sep 17 00:00:00 2001
From: anandtiwary <52081890+anandtiwary@users.noreply.github.com>
Date: Sat, 17 Jul 2021 22:50:41 -0700
Subject: [PATCH 1/2] fix: fixing the show time range condition

---
 .../src/header/application/application-header.component.ts      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/components/src/header/application/application-header.component.ts b/projects/components/src/header/application/application-header.component.ts
index 15d8ee9e5..a7feead8e 100644
--- a/projects/components/src/header/application/application-header.component.ts
+++ b/projects/components/src/header/application/application-header.component.ts
@@ -15,7 +15,7 @@ import { GLOBAL_HEADER_HEIGHT, NavigationService } from '@hypertrace/common';
         <div class="left-side-content">
           <ng-content select="[left]"></ng-content>
         </div>
-        <div class="time-range" *ngIf="this.showTimeRange">
+        <div class="time-range" *ngIf="!this.showTimeRange">
           <ht-time-range></ht-time-range>
         </div>
       </div>

From 84d3f7fd32e1528eaeca6e15aa2deed8371408e2 Mon Sep 17 00:00:00 2001
From: anandtiwary <52081890+anandtiwary@users.noreply.github.com>
Date: Sat, 17 Jul 2021 22:52:17 -0700
Subject: [PATCH 2/2] refactor: adding module

---
 .../src/header/application/application-header.component.ts     | 2 +-
 .../src/header/application/application-header.module.ts        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/projects/components/src/header/application/application-header.component.ts b/projects/components/src/header/application/application-header.component.ts
index a7feead8e..15d8ee9e5 100644
--- a/projects/components/src/header/application/application-header.component.ts
+++ b/projects/components/src/header/application/application-header.component.ts
@@ -15,7 +15,7 @@ import { GLOBAL_HEADER_HEIGHT, NavigationService } from '@hypertrace/common';
         <div class="left-side-content">
           <ng-content select="[left]"></ng-content>
         </div>
-        <div class="time-range" *ngIf="!this.showTimeRange">
+        <div class="time-range" *ngIf="this.showTimeRange">
           <ht-time-range></ht-time-range>
         </div>
       </div>
diff --git a/projects/components/src/header/application/application-header.module.ts b/projects/components/src/header/application/application-header.module.ts
index b03fd14fb..a03a90e28 100644
--- a/projects/components/src/header/application/application-header.module.ts
+++ b/projects/components/src/header/application/application-header.module.ts
@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { IconModule } from '../../icon/icon.module';
 import { SelectModule } from '../../select/select.module';
@@ -5,7 +6,7 @@ import { TimeRangeModule } from '../../time-range/time-range.module';
 import { ApplicationHeaderComponent } from './application-header.component';
 
 @NgModule({
-  imports: [IconModule, SelectModule, TimeRangeModule],
+  imports: [CommonModule, IconModule, SelectModule, TimeRangeModule],
   declarations: [ApplicationHeaderComponent],
   exports: [ApplicationHeaderComponent]
 })