Fix date handling in time zone other than UTC

apps/api/src/app/user/user.service.ts

@@ -138,7 +138,7 @@ export class UserService {
           user: true
         },
         orderBy: { alias: 'asc' },
-        where: { expiresAt: { gt: new Date() }, granteeUserId: id }
+        where: { granteeUserId: id }
       }),
       this.prismaService.account.findMany({
         include: { platform: true },

apps/client/src/app/components/user-account-access/create-or-update-access-dialog/create-or-update-access-dialog.component.ts

@@ -52,7 +52,7 @@ import {
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { addYears, endOfDay, isBefore, startOfDay } from 'date-fns';
+import { addYears, endOfDay, isBefore, isValid, startOfDay } from 'date-fns';
 import { StatusCodes } from 'http-status-codes';
 import { EMPTY, catchError } from 'rxjs';
 
@@ -84,6 +84,7 @@ export class GfCreateOrUpdateAccessDialogComponent implements OnInit {
   public tags: Filter[] = [];
 
   protected accessForm: FormGroup;
+  protected minExpiresAt: Date;
   protected readonly mode: 'create' | 'update';
   protected readonly today = startOfDay(new Date());
 
@@ -153,9 +154,10 @@ export class GfCreateOrUpdateAccessDialogComponent implements OnInit {
       ]
     });
 
-    if (access?.expiresAt && isBefore(new Date(access.expiresAt), this.today)) {
-      this.accessForm.get('expiresAt')?.markAsTouched();
-    }
+    this.minExpiresAt =
+      access?.expiresAt && isBefore(new Date(access.expiresAt), this.today)
+        ? startOfDay(new Date(access.expiresAt))
+        : this.today;
 
     this.assetClasses = getAssetClassFilters();
 
@@ -223,9 +225,20 @@ export class GfCreateOrUpdateAccessDialogComponent implements OnInit {
   }
 
   private buildExpiresAt() {
-    const expiresAt = this.accessForm.get('expiresAt')?.value as Date;
+    const expiresAtControl = this.accessForm.get('expiresAt');
+    const expiresAtOfAccess = this.data.access?.expiresAt;
+
+    if (
+      this.mode === 'update' &&
+      !expiresAtControl?.dirty &&
+      expiresAtOfAccess
+    ) {
+      return new Date(expiresAtOfAccess).toISOString();
+    }
+
+    const expiresAt = expiresAtControl?.value as Date;
 
-    return endOfDay(expiresAt).toISOString();
+    return isValid(expiresAt) ? endOfDay(expiresAt).toISOString() : '';
   }
 
   private buildFilters(): Filter[] {

apps/client/src/app/components/user-account-access/create-or-update-access-dialog/create-or-update-access-dialog.html

@@ -52,7 +52,7 @@
           formControlName="expiresAt"
           matInput
           [matDatepicker]="expiresAt"
-          [min]="today"
+          [min]="minExpiresAt"
         />
         <mat-datepicker-toggle class="mr-2" matSuffix [for]="expiresAt">
           <ion-icon

libs/common/src/lib/dtos/create-access.dto.ts

@@ -5,9 +5,9 @@ import { IsInTheFutureConstraint } from '@ghostfolio/common/validator-constraint
 import { AccessType } from '@prisma/client';
 import {
   IsArray,
-  IsDateString,
   IsEnum,
   IsIn,
+  IsISO8601,
   IsOptional,
   IsString,
   IsUUID,
@@ -19,7 +19,7 @@ export class CreateAccessDto {
   @IsString()
   alias?: string;
 
-  @IsDateString()
+  @IsISO8601()
   @Validate(IsInTheFutureConstraint)
   expiresAt: string;
 

libs/common/src/lib/dtos/update-access.dto.ts

@@ -1,15 +1,13 @@
 import { Filter } from '@ghostfolio/common/interfaces';
 import { Scope, scopes } from '@ghostfolio/common/scopes';
-import { IsInTheFutureConstraint } from '@ghostfolio/common/validator-constraints/is-in-the-future';
 
 import {
   IsArray,
-  IsDateString,
   IsIn,
+  IsISO8601,
   IsOptional,
   IsString,
-  IsUUID,
-  Validate
+  IsUUID
 } from 'class-validator';
 
 export class UpdateAccessDto {
@@ -17,8 +15,7 @@ export class UpdateAccessDto {
   @IsString()
   alias?: string;
 
-  @IsDateString()
-  @Validate(IsInTheFutureConstraint)
+  @IsISO8601()
   expiresAt: string;
 
   @IsArray()