fix: expose open and onOpenChange props to DatePicker component (#…

…404)

* chore: expose `open` and `onOpenChange` props to DatePicker component

* add changeset

---------

Co-authored-by: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Co-authored-by: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>

.changeset/afraid-otters-give.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": minor
+---
+
+Expose `open` and `onOpenChange` props to `DatePicker.Root` component

src/lib/bits/date-picker/components/date-picker.svelte

@@ -5,6 +5,8 @@
 
 	type $$Props = Props;
 
+	export let open: $$Props["open"] = undefined;
+	export let onOpenChange: $$Props["onOpenChange"] = undefined;
 	export let value: $$Props["value"] = undefined;
 	export let onValueChange: $$Props["onValueChange"] = undefined;
 	export let placeholder: $$Props["placeholder"] = undefined;
@@ -31,10 +33,16 @@
 	export let onOutsideClick: $$Props["onOutsideClick"] = undefined;
 
 	const {
-		states: { value: localValue, placeholder: localPlaceholder, isInvalid: localIsInvalid },
+		states: {
+			open: localOpen,
+			value: localValue,
+			placeholder: localPlaceholder,
+			isInvalid: localIsInvalid,
+		},
 		updateOption,
 		ids,
 	} = setCtx({
+		defaultOpen: open,
 		defaultValue: value,
 		defaultPlaceholder: placeholder,
 		preventDeselect,
@@ -69,6 +77,13 @@
 			}
 			return next;
 		},
+		onOpenChange: ({ next }) => {
+			if (open !== next) {
+				onOpenChange?.(next);
+				open = next;
+			}
+			return next;
+		},
 	});
 
 	const idValues = derived(
@@ -132,6 +147,7 @@
 
 	$: value !== undefined && localValue.set(value);
 	$: placeholder !== undefined && localPlaceholder.set(placeholder);
+	$: open !== undefined && localOpen.set(open);
 
 	$: updateOption("disabled", disabled);
 	$: updateOption("isDateUnavailable", isDateUnavailable);