Release v10.2.1 (#3741)

kirbydesign · Dec 16, 2024 · f1dad44 · f1dad44
1 parent f0d2275
commit f1dad44
Show file tree

Hide file tree

Showing 5 changed files with 672 additions and 7,998 deletions.
diff --git a/apps/cookbook/src/app/examples/calendar-example/examples/in-card.ts b/apps/cookbook/src/app/examples/calendar-example/examples/in-card.ts
@@ -1,6 +1,6 @@
 import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { addDays, startOfDay, subDays } from 'date-fns';
-import { fromZonedTime, toZonedTime } from 'date-fns-tz';
+import { utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';
 
 const config = {
   template: `<kirby-card>
@@ -104,13 +104,13 @@ export class CalendarCardExampleComponent implements OnChanges {
         // be misleading and confusing
         if (this.useTimezoneUTC) {
           // realign local -> selectedDate
-          this.selectedDate = fromZonedTime(
+          this.selectedDate = zonedTimeToUtc(
             this.subtractTimezoneOffset(this.selectedDate),
             this.timeZoneName
           );
         } else {
           // realign UTC -> local
-          this.selectedDate = toZonedTime(this.selectedDate, this.timeZoneName);
+          this.selectedDate = utcToZonedTime(this.selectedDate, this.timeZoneName);
         }
       }
     }

diff --git a/libs/designsystem/calendar/src/calendar.component.spec.ts b/libs/designsystem/calendar/src/calendar.component.spec.ts
@@ -1,7 +1,7 @@
 import { LOCALE_ID } from '@angular/core';
 import { createHostFactory, SpectatorHost } from '@ngneat/spectator';
 import { format, Locale, startOfDay, startOfMonth } from 'date-fns';
-import { fromZonedTime } from 'date-fns-tz';
+import { zonedTimeToUtc } from 'date-fns-tz';
 
 import { TestHelper } from '@kirbydesign/designsystem/testing';
 import { WindowRef } from '@kirbydesign/designsystem/types';
@@ -891,7 +891,7 @@ describe('CalendarComponent', () => {
   }
 
   function utcMidnightDate(yyyyMMdd) {
-    return fromZonedTime(yyyyMMdd, 'UTC');
+    return zonedTimeToUtc(yyyyMMdd, 'UTC');
   }
 
   function clickDayOfMonth(dateOneIndexed: number) {

diff --git a/libs/designsystem/calendar/src/calendar.component.ts b/libs/designsystem/calendar/src/calendar.component.ts
@@ -31,7 +31,7 @@ import {
   startOfMonth,
   startOfWeek,
 } from 'date-fns';
-import { fromZonedTime, toZonedTime } from 'date-fns-tz';
+import { utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';
 import { da, enGB, enUS } from 'date-fns/locale';
 
 import { capitalizeFirstLetter } from '@kirbydesign/core';
@@ -301,11 +301,11 @@ export class CalendarComponent implements OnInit, OnChanges {
       return dateLocalOrUTC;
     }
     if (
-      startOfDay(toZonedTime(dateLocalOrUTC, this.timeZoneName)).getTime() ===
-      toZonedTime(dateLocalOrUTC, this.timeZoneName).getTime()
+      startOfDay(utcToZonedTime(dateLocalOrUTC, this.timeZoneName)).getTime() ===
+      utcToZonedTime(dateLocalOrUTC, this.timeZoneName).getTime()
     ) {
       // the date is a UTC midnight; create the equivalent local timezone midnight date
-      const normalizedUTCdate = toZonedTime(dateLocalOrUTC, this.timeZoneName);
+      const normalizedUTCdate = utcToZonedTime(dateLocalOrUTC, this.timeZoneName);
       return normalizedUTCdate;
     }
     // does not point to midnight so we make it
@@ -440,7 +440,7 @@ export class CalendarComponent implements OnInit, OnChanges {
     let newDate = new Date(newDay.year, newDay.monthIndex, newDay.date);
 
     if (this.timezone === 'UTC') {
-      newDate = fromZonedTime(this.subtractTimezoneOffset(newDate), this.timeZoneName);
+      newDate = zonedTimeToUtc(this.subtractTimezoneOffset(newDate), this.timeZoneName);
     }
 
     const dateToEmit = newDate;
@@ -548,7 +548,7 @@ export class CalendarComponent implements OnInit, OnChanges {
     if (!newDate) return;
 
     if (this.timezone === 'UTC') {
-      newDate = fromZonedTime(this.subtractTimezoneOffset(newDate), this.timeZoneName);
+      newDate = zonedTimeToUtc(this.subtractTimezoneOffset(newDate), this.timeZoneName);
     }
 
     const today = this.getTodayDate();

diff --git a/libs/designsystem/package.json b/libs/designsystem/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "10.2.0",
+  "version": "10.2.1",
   "description": "The Kirby Design Angular Components.",
   "author": "kirby@bankdata.dk",
   "repository": {
@@ -35,8 +35,8 @@
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",
     "chartjs-plugin-datalabels": "^2.0.0",
-    "date-fns": "^4.1.0",
-    "date-fns-tz": "^3.2.0",
+    "date-fns": "^2.30.0",
+    "date-fns-tz": "^1.3.8",
     "rxjs": "^7.0.0",
     "swiper": "^9.2.0",
     "zone.js": "^0.14.3"