diff --git a/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.ts b/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.ts
index 7284d1cd5..75b0295cf 100644
--- a/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.ts
+++ b/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.ts
@@ -6,14 +6,16 @@ import { employeesData } from './localData';
 
 @Component({
   encapsulation: ViewEncapsulation.None,
-  selector: 'app-grid-summaries',
-  templateUrl: './grid-summaries.component.html',
-  styleUrls: ['./grid-summaries.component.scss']
+  selector: 'app-$(filePrefix)',
+  templateUrl: './$(filePrefix).component.html',
+  styleUrls: ['./$(filePrefix).component.scss']
 })
-export class GridSummariesComponent implements OnInit {
+
+
+export class $(ClassName)Component implements OnInit {
   @ViewChild('sampleGrid', { read: IgxGridComponent })
   public sampleGrid: IgxGridComponent;
-  customDateSummary = CustomDateSummary;
+  public customDateSummary = CustomDateSummary;
 
   public localData: any[];
   title = 'Grid Summaries';
@@ -32,7 +34,7 @@ export class GridSummariesComponent implements OnInit {
     if (this.sampleGrid.getColumnByName(name).hasSummary) {
       this.sampleGrid.disableSummaries(name);
     } else {
-      this.sampleGrid.enableSummaries(name, this.customDateSummary);
+      this.sampleGrid.enableSummaries(name);
     }
   }
 }
@@ -47,12 +49,12 @@ class CustomDateSummary extends IgxDateSummaryOperand {
     result.push({
       key: 'earliest',
       label: 'Earliest Date',
-      summaryResult: (IgxDateSummaryOperand.earliest(data)).toLocaleDateString()
+      summaryResult: data.length ? (IgxDateSummaryOperand.earliest(data)).toLocaleDateString() : null
     });
     result.push({
       key: 'latest',
       label: 'Latest Date',
-      summaryResult: (IgxDateSummaryOperand.latest(data)).toLocaleDateString()
+      summaryResult: data.length ? (IgxDateSummaryOperand.latest(data)).toLocaleDateString() : null
     });
 
     return result;