Grid Grouping ISO Dates displays the wrong value

[pmoleri]

Description

Describe the issue.

• igniteui-angular version: 18.2.8
• browser: Any

Steps to reproduce

1. Add a grid
2. Set to data with dates as date-only ISO strings
3. Set the date column as group-able [groupable]="true"
4. Use a custom template to format the date as 'shortDate':

   <igx-column field="OrderDate" header="Order Date" width="200px" [groupable]="true" dataType="date">
       <ng-template igxCell let-value>
           {{ value | date:'shortDate' }}
       </ng-template>
   </igx-column>
   

5. Set your machine timezone to any negative GMT
6. Try grouping by that column

Result

The group Date is wrong, expanding the group shows the correct date in the rows.
e.g. 2016-11-23 gets grouped as 2016-11-22

Expected result

The group Date to be the same as the rows that it groups.

Attachments

Repro stackblitz: https://stackblitz.com/edit/mt2zmdk2?file=src%2Fapp%2Fdata%2FinvoiceData.ts,src%2Fapp%2Fgrid%2Fgrid-groupby-custom-sample%2Fgrid-groupby-custom-sample.component.html