Dates were set to undefined when posting invalid data.

Author: ciscoheat

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+
+- Dates were set to `undefined` when posting invalid data.
+
 ### Added
 
 - `onSubmit.submitJsonData`, to override what's being submitted, when dataType is set to `'json'` and validation succeeds for `$form`.

src/lib/errors.ts

@@ -6,7 +6,7 @@ import { defaultTypes, defaultValue, type SchemaFieldType } from './jsonSchema/s
 import type { JSONSchema } from './jsonSchema/index.js';
 import { clone } from './utils.js';
 import { merge } from 'ts-deepmerge';
-import { schemaInfo } from './jsonSchema/schemaInfo.js';
+import { schemaInfo, type SchemaType } from './jsonSchema/schemaInfo.js';
 import type { ValidationIssue } from './adapters/adapters.js';
 
 export class SuperFormError extends Error {
@@ -185,10 +185,15 @@ export function replaceInvalidDefaults<T extends Record<string, unknown>>(
 			return dataValue;
 		}
 
+		const dateTypes: SchemaType[] = ['unix-time', 'Date', 'date'];
+
 		for (const schemaType of types) {
 			const defaultTypeValue = defaultValue(schemaType, undefined);
 
-			const sameType = typeof dataValue === typeof defaultTypeValue;
+			const sameType =
+				typeof dataValue === typeof defaultTypeValue ||
+				(dateTypes.includes(schemaType) && dataValue instanceof Date);
+
 			const sameExistance = sameType && (dataValue === null) === (defaultTypeValue === null);
 
 			if (sameType && sameExistance) {

src/routes/(v2)/v2/Navigation.svelte

@@ -27,6 +27,7 @@
 		'submit-json',
 		'trim-fields',
 		'unions',
+		'valibot-dates',
 		'validate',
 		'validate-update',
 		'validators-clear'

src/routes/(v2)/v2/valibot-dates/+page.server.ts

@@ -0,0 +1,20 @@
+import { schema } from './schema.js';
+import { fail } from '@sveltejs/kit';
+import { superValidate } from '$lib/index.js';
+import { valibot } from '$lib/adapters/valibot.js';
+
+export const load = async () => {
+	const form = await superValidate(valibot(schema));
+	return { form };
+};
+
+export const actions = {
+	test: async (event) => {
+		const formData = await event.request.formData();
+		console.log('🚀 ~ test: ~ formData:', formData);
+		const form = await superValidate(formData, valibot(schema));
+		console.log(form);
+		if (!form.valid) return fail(400, { form });
+		return { form };
+	}
+};

src/routes/(v2)/v2/valibot-dates/+page.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { dateProxy, superForm } from '$lib/index.js';
+
+	export let data;
+
+	let logForm = superForm(data.form, {
+		taintedMessage: false,
+		resetForm: false,
+		dataType: $page.url.searchParams.has('json') ? 'json' : 'form'
+	});
+
+	const { form, constraints, errors, enhance, posted } = logForm;
+	const proxyDate = dateProxy(form, 'date', { format: 'datetime-local' });
+</script>
+
+<form method="post" action="?/test" use:enhance>
+	<p>
+		<input
+			name="date"
+			type="datetime-local"
+			bind:value={$proxyDate}
+			aria-invalid={$errors.date ? 'true' : undefined}
+			{...$constraints.date}
+		/>
+		Select a date
+	</p>
+	<p>
+		<input type="text" bind:value={$form.missing} />
+		Leave blank to produce error
+	</p>
+	<p>
+		<button type="submit">Test</button>
+	</p>
+	<p>
+		If the schema produces an error in the form action, the date becomes undefined, even if a value
+		was selected.
+	</p>
+</form>
+
+{#if $posted}
+	<p>DATE:{$form.date?.toISOString().slice(0, 10)}</p>
+{/if}

src/routes/(v2)/v2/valibot-dates/schema.ts

@@ -0,0 +1,6 @@
+import { date, minLength, object, string } from 'valibot';
+
+export const schema = object({
+	date: date(),
+	missing: string([minLength(1)])
+});