fix(grid-column-data-types-sample): remove default timezone setting f… (#3862)

Author: valeriatoneva

src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.html

@@ -43,15 +43,7 @@
       <igx-hint>Applied to 'time' type column only</igx-hint>
     </igx-select>
 
-    <igx-select #select [(ngModel)]="dateTimeOptions.timezone" (selectionChanging)="timezoneSelectionChanging($event)">
-      <igx-prefix class="ellipsis">Timezone: </igx-prefix>
-      @for (timezone of timezoneFormats; track timezone) {
-        <igx-select-item [value]="timezone" [text]="timezone">
-          {{ timezone }}
-        </igx-select-item>
-      }
-      <igx-hint>Applicable to dateTime type columns only</igx-hint>
-    </igx-select>
+    <!-- Timezone selection removed as time-only columns are not timezone-aware -->
 
     <igx-select #select [(ngModel)]="options.currencyCode" (selectionChanging)="currencySelectionChanging($event)">
       <igx-prefix class="ellipsis">Currency Code: </igx-prefix>
@@ -109,7 +101,7 @@
           [pipeArgs]="formatDateOptions" [dataType]="'date'" [resizable]="true">
         </igx-column>
         <igx-column field="OrderDateDelay" [width]="'120px'" header="Order Time" [sortable]="true" [hasSummary]="true" [editable]="true"
-          [pipeArgs]="formatTimeOptions" [dataType]="'time'" [resizable]="true">
+          [pipeArgs]="formatTimeOptions" [dataType]="'time'" [resizable]="true" [summaries]="IgxTimeSummaryOperand">
         </igx-column>
         <igx-column field="UnitsInStock" [width]="'120px'" header="Stock Value" [sortable]="true" [hasSummary]="true"
           [editable]="true" [pipeArgs]="formatOptions" [dataType]="'currency'" [resizable]="true">

src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts

@@ -10,7 +10,7 @@ import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxPrefixD
 import { IgxIconComponent } from 'igniteui-angular/icon';
 import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives';
 import { IgxGridComponent } from 'igniteui-angular/grids/grid';
-import { IgxColumnComponent } from 'igniteui-angular/grids/core';
+import { IgxColumnComponent, IgxTimeSummaryOperand } from 'igniteui-angular/grids/core';
 import { FormsModule } from "@angular/forms";
 import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scroll.directive";
 
@@ -21,6 +21,7 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro
     imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxHintDirective, IgxSuffixDirective, IgxIconComponent, IgxInputGroupComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxInputDirective, NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent]
 })
 export class GridColumnDataTypesSampleComponent implements OnInit {
+    public IgxTimeSummaryOperand = IgxTimeSummaryOperand;
 
     public digitsInfoMessage: string = 'Applicable to number, currency and percent type columns';
 
@@ -58,27 +59,21 @@ export class GridColumnDataTypesSampleComponent implements OnInit {
         { format: "fullTime", eq: "'h:mm:ss a zzzz'"},
     ];
 
-    // Different timezones
-    public timezoneFormats = ["GMT", "UTC+9:30/ +10:30", "UTC+0", "UTC-6", "UTC+1", "UTC+3" ];
-
     // DateTime options
     public dateTimeOptions = {
-        format: 'long',
-        timezone: 'UTC+0'
+        format: 'long'
     };
     public formatDateTimeOptions = this.dateTimeOptions;
 
     // Date options
     public dateOptions = {
-        format: 'mediumDate',
-        timezone: 'UTC+0'
+        format: 'mediumDate'
     };
     public formatDateOptions = this.dateOptions;
 
     // Time options
     public timeOptions = {
-        format: 'shortTime',
-        timezone: 'UTC+0'
+        format: 'shortTime'
     };
     public formatTimeOptions = this.timeOptions;
 
@@ -269,11 +264,6 @@ export class GridColumnDataTypesSampleComponent implements OnInit {
         this.formatTimeOptions = Object.assign({}, this.formatTimeOptions, this.timeOptions);
     }
 
-    public timezoneSelectionChanging(event) {
-        this.dateTimeOptions.timezone = event.newSelection.value;
-        this.formatDateTimeOptions = Object.assign({}, this.formatDateTimeOptions, this.dateTimeOptions);
-    }
-
     public currencySelectionChanging(event) {
         this.options.currencyCode = event.newSelection.value;
         this.formatOptions = Object.assign({}, this.formatOptions, this.options);