feat(fend): skeleton implementation of the form from XML
This commit is contained in:
parent
ebc522f568
commit
3c6a31f86b
20 changed files with 563 additions and 2 deletions
17
src/lib/components/fields/DateField.svelte
Normal file
17
src/lib/components/fields/DateField.svelte
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<script lang="ts">
|
||||
import type { DateField } from '$lib/types';
|
||||
|
||||
let { field, value = '', onChange }: { field: DateField; value: string; onChange: (v: string) => void } = $props();
|
||||
</script>
|
||||
|
||||
<label class="block">
|
||||
<span class="text-sm font-medium">{field.label}</span>
|
||||
<input
|
||||
type="text"
|
||||
{value}
|
||||
placeholder={field.placeholder}
|
||||
oninput={(e) => onChange((e.target as HTMLInputElement).value)}
|
||||
class="mt-1 block w-full rounded px-3 py-2 text-sm"
|
||||
style="background: var(--bg-input); border: 1px solid var(--border); color: var(--text);"
|
||||
/>
|
||||
</label>
|
||||
Loading…
Add table
Add a link
Reference in a new issue