next: Date Range Field (#586)

huntabyte · Jun 30, 2024 · a6a2864 · a6a2864
1 parent 1b608dd
commit a6a2864
Show file tree

Hide file tree

Showing 18 changed files with 6,255 additions and 7,535 deletions.
diff --git a/packages/bits-ui/src/lib/bits/date-field/components/date-field-hidden-input.svelte b/packages/bits-ui/src/lib/bits/date-field/components/date-field-hidden-input.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import VisuallyHidden from "$lib/bits/utilities/visually-hidden/visually-hidden.svelte";
+	import { useDateFieldHiddenInput } from "../date-field.svelte.js";
+
+	const hiddenInputState = useDateFieldHiddenInput();
+</script>
+
+{#if hiddenInputState.shouldRender}
+	<VisuallyHidden asChild>
+		{#snippet child({ props })}
+			<input {...props} {...hiddenInputState.props} />
+		{/snippet}
+	</VisuallyHidden>
+{/if}
diff --git a/packages/bits-ui/src/lib/bits/date-field/components/date-field-input.svelte b/packages/bits-ui/src/lib/bits/date-field/components/date-field-input.svelte
@@ -4,6 +4,7 @@
 	import { useDateFieldInput } from "../date-field.svelte.js";
 	import type { InputProps } from "../index.js";
 	import { mergeProps } from "$lib/internal/mergeProps.js";
+	import DateFieldHiddenInput from "./date-field-hidden-input.svelte";
 
 	let {
 		id = useId(),
@@ -32,3 +33,5 @@
 		{@render children?.({ segments: inputState.root.segmentContents })}
 	</div>
 {/if}
+
+<DateFieldHiddenInput />