Replace date-fns parse / format with @layerstack/utils parseDate / formatDate. Remove `date-fns

Author: techniq

packages/svelte-ux/package.json

@@ -53,16 +53,15 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
     "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@layerstack/svelte-actions": "1.0.1-next.10",
-    "@layerstack/svelte-stores": "1.0.2-next.10",
-    "@layerstack/svelte-table": "1.0.1-next.10",
-    "@layerstack/tailwind": "2.0.0-next.12",
-    "@layerstack/utils": "2.0.0-next.10",
+    "@layerstack/svelte-actions": "1.0.1-next.11",
+    "@layerstack/svelte-stores": "1.0.2-next.11",
+    "@layerstack/svelte-table": "1.0.1-next.11",
+    "@layerstack/tailwind": "2.0.0-next.13",
+    "@layerstack/utils": "2.0.0-next.11",
     "@mdi/js": "^7.4.47",
     "culori": "^4.0.1",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
-    "date-fns": "^4.1.0",
     "esm-env": "^1.2.2",
     "immer": "^10.1.1",
     "lodash-es": "^4.17.21",

packages/svelte-ux/src/lib/components/DateField.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { createEventDispatcher, type ComponentProps } from 'svelte';
-  import { parse as parseDate, format as formatDate } from 'date-fns';
-  import { type DisabledDate } from '@layerstack/utils';
+  import { formatDate, parseDate, type DisabledDate } from '@layerstack/utils';
   import { cls } from '@layerstack/tailwind';
 
   import { getComponentSettings, getSettings } from './settings.js';
@@ -54,7 +53,7 @@
   function onInputChange(e: any) {
     inputValue = e.detail.value;
     const lastValue = value;
-    const parsedValue = parseDate(inputValue ?? '', actualFormat, new Date());
+    const parsedValue = parseDate(inputValue ?? '', actualFormat);
     value = isNaN(parsedValue.valueOf()) ? null : parsedValue;
     if (value != lastValue) {
       dispatch('change', { value });

packages/svelte-ux/src/lib/components/DateRange.svelte

@@ -74,7 +74,7 @@
   }
 
   function onDateChange(date: Date) {
-    // Apply date-fns function based on type and from/to.
+    // Apply date function based on type and from/to.
     let newSelected = { ...selected, periodType: selectedPeriodType };
 
     const { start, end } = getDateFuncsByPeriodType($localeSettings, selectedPeriodType);