@webamoki/web-svelte 0.5.11 → 0.5.13

package/dist/components/form/fields/DateField.svelte

@@ -0,0 +1,39 @@
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
+	import type { FormPath } from 'sveltekit-superforms';
+	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+	import { Input } from '../../../shadcn/components/ui/input/index.js';
+	import { CalendarDate } from '@internationalized/date';
+
+	interface Props extends FieldWrapperProps<T, U, M> {
+		value?: CalendarDate;
+		class?: string;
+	}
+	let { value = $bindable(), class: className, ...fieldProps }: Props = $props();
+
+	// Getter: format CalendarDate → string (YYYY-MM-DD)
+	function get(): string {
+		if (!value) return '';
+		const yyyy = String(value.year).padStart(4, '0');
+		const mm = String(value.month).padStart(2, '0');
+		const dd = String(value.day).padStart(2, '0');
+		return `${yyyy}-${mm}-${dd}`;
+	}
+
+	// Setter: parse string → CalendarDate
+	function set(raw: string) {
+		if (!raw) {
+			value = undefined;
+			return;
+		}
+		const [yyyy, mm, dd] = raw.split('-').map(Number);
+		if (yyyy && mm && dd) {
+			value = new CalendarDate(yyyy, mm, dd);
+		}
+	}
+</script>
+
+<FieldWrapper {...fieldProps}>
+	{#snippet formElem(props)}
+		<Input type="date" bind:value={get, set} class={className} {...props} />
+	{/snippet}
+</FieldWrapper>

package/dist/components/form/fields/DateField.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { FormPath } from 'sveltekit-superforms';
+import { type FieldWrapperProps } from '../FieldWrapper.svelte';
+import { CalendarDate } from '@internationalized/date';
+declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
+    props: FieldWrapperProps<T, U, M> & {
+        value?: CalendarDate;
+        class?: string;
+    };
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<T, U, M>>['props'];
+    events(): ReturnType<typeof $$render<T, U, M>>['events'];
+    slots(): ReturnType<typeof $$render<T, U, M>>['slots'];
+    bindings(): "value";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U, M>['props']>, ReturnType<__sveltets_Render<T, U, M>['events']>, ReturnType<__sveltets_Render<T, U, M>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U, M>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, U, M>['exports']>;
+    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>['props']> & {}): ReturnType<__sveltets_Render<T, U, M>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const DateField: $$IsomorphicComponent;
+type DateField<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof DateField<T, U, M>>;
+export default DateField;

package/dist/components/form/index.d.ts

@@ -3,6 +3,7 @@ import Button from './Button.svelte';
 import TextField from './fields/TextField.svelte';
 import TextFieldNullable from './fields/TextFieldNullable.svelte';
 import TimeField from './fields/TimeField.svelte';
+import DateField from './fields/DateField.svelte';
 import NumberField from './fields/NumberField.svelte';
 import SelectField from './fields/SelectField.svelte';
 import PasswordField from './fields/PasswordField.svelte';
@@ -11,4 +12,4 @@ import ChoiceField from './fields/ChoiceField.svelte';
 import ChoiceMultiField from './fields/ChoiceMultiField.svelte';
 import WeekdayChoiceField from './fields/WeekdayChoiceField.svelte';
 import WeekdayChoiceMultiField from './fields/WeekdayChoiceMultiField.svelte';
-export { Form, Button, TextField, TextFieldNullable, TimeField, NumberField, SelectField, PasswordField, HexColorField, ChoiceField, ChoiceMultiField, WeekdayChoiceField, WeekdayChoiceMultiField };
+export { Form, Button, TextField, TextFieldNullable, TimeField, DateField, NumberField, SelectField, PasswordField, HexColorField, ChoiceField, ChoiceMultiField, WeekdayChoiceField, WeekdayChoiceMultiField };

package/dist/components/form/index.js

@@ -3,6 +3,7 @@ import Button from './Button.svelte';
 import TextField from './fields/TextField.svelte';
 import TextFieldNullable from './fields/TextFieldNullable.svelte';
 import TimeField from './fields/TimeField.svelte';
+import DateField from './fields/DateField.svelte';
 import NumberField from './fields/NumberField.svelte';
 import SelectField from './fields/SelectField.svelte';
 import PasswordField from './fields/PasswordField.svelte';
@@ -11,4 +12,4 @@ import ChoiceField from './fields/ChoiceField.svelte';
 import ChoiceMultiField from './fields/ChoiceMultiField.svelte';
 import WeekdayChoiceField from './fields/WeekdayChoiceField.svelte';
 import WeekdayChoiceMultiField from './fields/WeekdayChoiceMultiField.svelte';
-export { Form, Button, TextField, TextFieldNullable, TimeField, NumberField, SelectField, PasswordField, HexColorField, ChoiceField, ChoiceMultiField, WeekdayChoiceField, WeekdayChoiceMultiField };
+export { Form, Button, TextField, TextFieldNullable, TimeField, DateField, NumberField, SelectField, PasswordField, HexColorField, ChoiceField, ChoiceMultiField, WeekdayChoiceField, WeekdayChoiceMultiField };

package/dist/utils/datetime/index.d.ts

@@ -2,6 +2,9 @@ import { CalendarDate, Time, ZonedDateTime, type DateDuration } from '@internati
 import type { Transport } from '@sveltejs/kit';
 import type { Day } from '../types/arktype.js';
 export declare const Days: readonly ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
+export declare const DayIndex: Record<Day, number>;
+/** Gets the day index of the date */
+export declare function getDayIndex(date: CalendarDate): number;
 /**
  * Gets the day of the week for a given date.
  * @param date - The date to get the day of the week for.

package/dist/utils/datetime/index.js

@@ -12,9 +12,9 @@ export const Days = [
     'Saturday',
     'Sunday'
 ];
-const DayIndex = Object.fromEntries(Days.map((day, index) => [day, index]));
+export const DayIndex = Object.fromEntries(Days.map((day, index) => [day, index]));
 /** Gets the day index of the date */
-function getDayIndex(date) {
+export function getDayIndex(date) {
     // Always start 0 on Monday
     return getDayOfWeek(date, DEFAULT_LOCALE, 'mon');
 }

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.11",
+  "version": "0.5.13",
   "license": "MIT",
   "files": [
     "dist",