refactor: Use LayerStack endOfInterval() instead of internal

Author: techniq

packages/layerchart/src/lib/components/MonthPath.svelte

@@ -31,8 +31,8 @@
 
 <script lang="ts">
   import { timeWeek, timeMonth, timeYear } from 'd3-time';
-  import { endOfInterval } from '$lib/utils/date.js';
   import { cls } from '@layerstack/tailwind';
+  import { endOfInterval } from '@layerstack/utils';
   import { layerClass } from '$lib/utils/attributes.js';
   import Spline, { type SplinePropsWithoutHTML } from './Spline.svelte';
 
@@ -58,7 +58,7 @@
   const startWeek = $derived(timeWeek.count(timeYear(date), date));
 
   // end of month
-  const monthEnd = $derived(endOfInterval(date, timeMonth));
+  const monthEnd = $derived(endOfInterval('month', date));
   const endDayOfWeek = $derived(monthEnd.getDay());
   const endWeek = $derived(timeWeek.count(timeYear(monthEnd), monthEnd));
 

packages/layerchart/src/lib/utils/date.ts

@@ -8,11 +8,11 @@
   import Preview from '$lib/docs/Preview.svelte';
   import { createDateSeries } from '$lib/utils/genData.js';
   import { shared } from '../../shared.svelte.js';
-  import { endOfInterval } from '$lib/utils/date.js';
+  import { endOfInterval } from '@layerstack/utils';
 
   const now = new Date();
   const firstDayOfYear = timeYear.floor(now);
-  const lastDayOfYear = endOfInterval(now, timeYear);
+  const lastDayOfYear = endOfInterval('year', now);
 
   const data = createDateSeries({ count: 365 * 4, min: 10, max: 100, value: 'integer' }).map(
     (d) => {
@@ -147,7 +147,7 @@
         <Layer type={shared.renderContext}>
           {#each range(2019, 2024) as year, i}
             {@const start = new Date(year, 0, 1)}
-            {@const end = endOfInterval(start, timeYear)}
+            {@const end = endOfInterval('year', start)}
             <Group y={140 * i}>
               <Text
                 value={year}