Update date-fns and date-fns-tz to v3

src/camera-manager/browse-media/media.ts

@@ -1,4 +1,4 @@
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 import isEqual from 'lodash-es/isEqual';
 import { formatDateAndTime } from '../../utils/basic';
 import { RichBrowseMedia } from '../../utils/ha/browse-media/types';

src/camera-manager/frigate/engine-frigate.ts

@@ -1,9 +1,5 @@
 import { HomeAssistant } from '@dermotduffy/custom-card-helpers';
-import add from 'date-fns/add';
-import endOfHour from 'date-fns/endOfHour';
-import format from 'date-fns/format';
-import fromUnixTime from 'date-fns/fromUnixTime';
-import startOfHour from 'date-fns/startOfHour';
+import { add, endOfHour, format, fromUnixTime, startOfHour } from 'date-fns';
 import isEqual from 'lodash-es/isEqual';
 import orderBy from 'lodash-es/orderBy';
 import throttle from 'lodash-es/throttle';

src/camera-manager/frigate/media.ts

@@ -1,4 +1,4 @@
-import fromUnixTime from 'date-fns/fromUnixTime';
+import { fromUnixTime } from 'date-fns';
 import isEqual from 'lodash-es/isEqual';
 import { CameraConfig } from '../../config/types';
 import {

src/camera-manager/frigate/util.ts

@@ -1,4 +1,4 @@
-import utcToZonedTime from 'date-fns-tz/utcToZonedTime';
+import { toZonedTime } from 'date-fns-tz';
 import { CameraConfig } from '../../config/types';
 import { ClipsOrSnapshots } from '../../types';
 import { formatDateAndTime, prettifyTitle } from '../../utils/basic';
@@ -18,7 +18,7 @@ export const getEventTitle = (event: FrigateEvent): string => {
   const score = event.top_score !== null ? ` ${Math.round(event.top_score * 100)}%` : '';
 
   return `${formatDateAndTime(
-    utcToZonedTime(event.start_time * 1000, localTimezone),
+    toZonedTime(event.start_time * 1000, localTimezone),
   )} [${durationSeconds}s, ${prettifyTitle(event.label)}${score}]`;
 };
 

src/camera-manager/manager.ts

@@ -1,4 +1,4 @@
-import add from 'date-fns/add';
+import { add } from 'date-fns';
 import cloneDeep from 'lodash-es/cloneDeep';
 import sum from 'lodash-es/sum';
 import PQueue from 'p-queue';

src/camera-manager/motioneye/engine-motioneye.ts

@@ -1,8 +1,5 @@
 import { HomeAssistant } from '@dermotduffy/custom-card-helpers';
-import add from 'date-fns/add';
-import endOfDay from 'date-fns/endOfDay';
-import parse from 'date-fns/parse';
-import startOfDay from 'date-fns/startOfDay';
+import { add, endOfDay, parse, startOfDay } from 'date-fns';
 import orderBy from 'lodash-es/orderBy';
 import { CameraConfig } from '../../config/types';
 import { allPromises, formatDate, isValidDate } from '../../utils/basic';

src/camera-manager/utils/range-to-cache-friendly.ts

@@ -1,8 +1,4 @@
-import endOfDay from 'date-fns/endOfDay';
-import endOfHour from 'date-fns/endOfHour';
-import endOfMinute from 'date-fns/endOfMinute';
-import startOfDay from 'date-fns/startOfDay';
-import startOfHour from 'date-fns/startOfHour';
+import { endOfDay, endOfHour, endOfMinute, startOfDay, startOfHour } from 'date-fns';
 import { DateRange } from '../range';
 import { capEndDate } from './cap-end-date';
 

src/components-lib/live/live-controller.ts

@@ -1,4 +1,4 @@
-import sub from 'date-fns/sub';
+import { sub } from 'date-fns';
 import { LitElement, ReactiveController } from 'lit';
 import { ViewContext } from 'view';
 import { CameraManager } from '../../camera-manager/manager.js';

src/components-lib/media-filter-controller.ts

@@ -1,13 +1,15 @@
-import endOfDay from 'date-fns/endOfDay';
-import endOfMonth from 'date-fns/endOfMonth';
-import endOfYesterday from 'date-fns/endOfYesterday';
-import endOfToday from 'date-fns/esm/endOfToday';
-import startOfToday from 'date-fns/esm/startOfToday';
-import format from 'date-fns/format';
-import parse from 'date-fns/parse';
-import startOfDay from 'date-fns/startOfDay';
-import startOfYesterday from 'date-fns/startOfYesterday';
-import sub from 'date-fns/sub';
+import {
+  endOfDay,
+  endOfMonth,
+  endOfYesterday,
+  endOfToday,
+  startOfToday,
+  format,
+  parse,
+  startOfDay,
+  startOfYesterday,
+  sub,
+} from 'date-fns';
 import { LitElement } from 'lit';
 import isEqual from 'lodash-es/isEqual';
 import orderBy from 'lodash-es/orderBy';

src/components-lib/timeline-source.ts

@@ -1,5 +1,4 @@
-import add from 'date-fns/add';
-import sub from 'date-fns/sub';
+import { add, sub } from 'date-fns';
 import { DataSet } from 'vis-data';
 import { IdType, TimelineItem, TimelineWindow } from 'vis-timeline/esnext';
 import { CameraManager } from '../camera-manager/manager';

src/components/thumbnail.ts

@@ -1,4 +1,4 @@
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 import {
   CSSResult,
   html,

src/components/timeline-core.ts

@@ -1,6 +1,4 @@
-import add from 'date-fns/add';
-import differenceInSeconds from 'date-fns/differenceInSeconds';
-import sub from 'date-fns/sub';
+import { add, differenceInSeconds, sub } from 'date-fns';
 import {
   CSSResultGroup,
   html,

src/utils/basic.ts

@@ -1,7 +1,9 @@
-import differenceInHours from 'date-fns/differenceInHours';
-import differenceInMinutes from 'date-fns/differenceInMinutes';
-import differenceInSeconds from 'date-fns/differenceInSeconds';
-import format from 'date-fns/format';
+import {
+  differenceInHours,
+  differenceInMinutes,
+  differenceInSeconds,
+  format,
+} from 'date-fns';
 import { StyleInfo } from 'lit/directives/style-map';
 import { round } from 'lodash-es';
 import isEqualWith from 'lodash-es/isEqualWith';

src/utils/ha/browse-media/browse-media-manager.ts

@@ -1,5 +1,5 @@
 import { HomeAssistant } from '@dermotduffy/custom-card-helpers';
-import add from 'date-fns/add';
+import { add } from 'date-fns';
 import { homeAssistantWSRequest } from '..';
 import { MemoryRequestCache } from '../../../camera-manager/cache';
 import { allPromises } from '../../basic';

src/utils/screenshot.ts

@@ -1,4 +1,4 @@
-import format from 'date-fns/format';
+import { format } from 'date-fns';
 import { View } from '../view/view';
 
 export const screenshotMedia = (video: HTMLVideoElement): string | null => {