From a8bbc183502c16a9b7cd7dcedae19dcad0807e84 Mon Sep 17 00:00:00 2001
From: "bhavinpatel@ebay.com" <bhavinpatel@ebay.com>
Date: Fri, 27 Sep 2019 23:38:41 -0700
Subject: [PATCH] refactor code

---
 .../src/lib/ngx-datetime-range-picker.component.html        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/ngx-datetime-range-picker/src/lib/ngx-datetime-range-picker.component.html b/projects/ngx-datetime-range-picker/src/lib/ngx-datetime-range-picker.component.html
index f8f955a..a79c6c9 100644
--- a/projects/ngx-datetime-range-picker/src/lib/ngx-datetime-range-picker.component.html
+++ b/projects/ngx-datetime-range-picker/src/lib/ngx-datetime-range-picker.component.html
@@ -38,9 +38,9 @@
     <div class="date-select">
       <div *ngIf="state.customRange" style="position: relative;">
         <div *ngIf="config.timezoneSupport" class="list-inline timezone-select">
-          <div class="timezones">
+          <div class="timeZones">
             <div
-              *ngFor="let tz of state.timezones; let last = last"
+              *ngFor="let tz of state.timeZones; let last = last"
               class="timezone"
               [ngClass]="{
                 'border-separator': !last,
@@ -207,7 +207,7 @@
           mat-button
           *ngFor="let range of config.availableRanges | ObjNgFor"
           class="calendar-range"
-          [ngClass]="{ 'active-range': range == activeRange }"
+          [ngClass]="{ 'active-range': range == state.activeRange }"
           (click)="onRangeClick(range, config.availableRanges[range])"
         >
           {{ range }}