fuma 0.4.2 → 0.4.4

package/dist/ui/range/RangePickerButton.svelte

@@ -1,22 +1,18 @@
 <script>import { mdiCalendarMonthOutline, mdiClose } from "@mdi/js";
 import dayjs from "dayjs";
 import { goto } from "$app/navigation";
-import { page } from "$app/stores";
 import { urlParam } from "../../store/param.js";
 import { formatRange } from "./format.js";
 import { Icon } from "../icon/index.js";
 import { DropDown } from "../menu/index.js";
 import { InputTime } from "../input/index.js";
 import { RangePicker } from "./index.js";
+import { jsonParse } from "../../utils/jsonParse.js";
 export let minDate = void 0;
 export let maxDate = void 0;
 let dropDown;
-const start = $page.url.searchParams.get("start");
-const end = $page.url.searchParams.get("end");
-export let range = {
-  start: start ? new Date(start) : void 0,
-  end: end ? new Date(end) : void 0
-};
+export let key = "range";
+export let range = jsonParse($urlParam.get(key), { start: null, end: null });
 $:
   isValidPeriod = !!range.start && !!range.end;
 function getLabel(_range) {
@@ -30,16 +26,18 @@ function handleSubmit() {
     return;
   goto(
     $urlParam.with({
-      start: dayjs(range.start).format("HH:mm"),
-      end: dayjs(range.end).format("HH:mm")
+      [key]: JSON.stringify({
+        start: range.start?.toJSON(),
+        end: range.end?.toJSON()
+      })
     }),
     { replaceState: true, noScroll: true }
   );
 }
 function handleReset() {
   dropDown.hide();
-  range = { start: void 0, end: void 0 };
-  goto($urlParam.without("start", "end"), { replaceState: true, noScroll: true });
+  range = { start: null, end: null };
+  goto($urlParam.without(key), { replaceState: true, noScroll: true });
 }
 </script>
 
@@ -56,22 +54,9 @@ function handleReset() {
 		{/if}
 	</div>
 
-	<form class="flex flex-col" on:submit|preventDefault={handleSubmit} data-sveltekit-replacestate>
+	<form class="flex flex-col" on:submit|preventDefault={handleSubmit}>
 		<RangePicker numberOfMonths={1} bind:range {minDate} {maxDate} />
 
-		<input
-			class="hidden"
-			type="text"
-			name="start"
-			value={range.start ? dayjs(range.start).toJSON() : ''}
-		/>
-		<input
-			class="hidden"
-			type="text"
-			name="end"
-			value={range.end ? dayjs(range.end).toJSON() : ''}
-		/>
-
 		<div class="flex gap-2 p-2">
 			<InputTime
 				label="A partir de"

package/dist/ui/range/RangePickerButton.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         minDate?: Date | number | string | undefined;
         maxDate?: Date | number | string | undefined;
+        key?: string | undefined;
         range?: Range | undefined;
     };
     events: {

package/dist/ui/range/types.d.ts

@@ -1,4 +1,4 @@
-import { Dayjs } from 'dayjs';
+import type { Dayjs } from 'dayjs';
 export type RangeDate = Date | Dayjs | null | undefined;
 export type Range = {
     start: RangeDate;

package/dist/ui/range/types.js

@@ -1 +1 @@
-import { Dayjs } from 'dayjs';
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",