bits-ui 0.11.0 → 0.11.1

package/dist/bits/date-range-picker/_types.d.ts

@@ -49,6 +49,23 @@ type Props = Expand<WithOmission<CreateDateRangePickerProps> & {
      * This is used to apply the appropriate `aria-describedby` attribute to the input.
      */
     descriptionId?: string;
+    /**
+     * The `start` value of the date range, which can exist prior
+     * to the `value` being set. The `value` is only set once a `start`
+     * and `end` value are selected.
+     *
+     * You can `bind:startValue` to a value to receive updates outside
+     * this component when the user selects a `start` value.
+     *
+     * Modifying this value outside the component will have no effect.
+     * To programmatically control the `start` value, use `bind:value`
+     * and update the `start` property of the `DateRange` object.
+     *
+     * This is provided as a convenience for use cases where you want
+     * to display the selected `start` value outside the component before
+     * the `value` is set.
+     */
+    startValue?: DateValue | undefined;
 } & AsChild>;
 type InputProps = AsChild;
 type DescriptionProps = AsChild;

package/dist/bits/date-range-picker/components/date-range-picker-field.svelte.d.ts

@@ -33,6 +33,7 @@ declare const __propDef: {
         onPlaceholderChange?: import("../../../internal/types.js").OnChangeFn<import("@internationalized/date").DateValue> | undefined;
         validationId?: string | undefined;
         descriptionId?: string | undefined;
+        startValue?: import("@internationalized/date").DateValue | undefined;
         asChild?: boolean | undefined;
     };
     events: {

package/dist/bits/date-range-picker/components/date-range-picker.svelte

@@ -22,12 +22,13 @@ export let isDateDisabled = void 0;
 export let fixedWeeks = void 0;
 export let calendarLabel = void 0;
 export let weekdayFormat = void 0;
+export let startValue = void 0;
 const {
   states: {
     value: localValue,
     placeholder: localPlaceholder,
     isInvalid: localIsInvalid,
-    startValue,
+    startValue: localStartValue,
     endValue
   },
   updateOption,
@@ -172,6 +173,8 @@ $:
   if (descriptionId) {
     ids.rangeField.field.description.set(descriptionId);
   }
+$:
+  startValue = $localStartValue;
 $:
   value !== void 0 && localValue.set(value);
 $:
@@ -212,7 +215,7 @@ $:
   slotProps = {
     isInvalid: $localIsInvalid,
     ids: $idValues,
-    startValue: $startValue,
+    startValue: $localStartValue,
     endValue: $endValue
   };
 </script>

package/dist/bits/date-range-picker/components/date-range-picker.svelte.d.ts

@@ -33,6 +33,7 @@ declare const __propDef: {
         onPlaceholderChange?: import("../../../internal/types.js").OnChangeFn<import("@internationalized/date").DateValue> | undefined;
         validationId?: string | undefined;
         descriptionId?: string | undefined;
+        startValue?: import("@internationalized/date").DateValue | undefined;
         asChild?: boolean | undefined;
     };
     events: {

package/dist/bits/range-calendar/_types.d.ts

@@ -41,6 +41,23 @@ type Props = Expand<Omit<CreateRangeCalendarProps, "placeholder" | "defaultPlace
      * @default false
      */
     initialFocus?: boolean;
+    /**
+     * The `start` value of the date range, which can exist prior
+     * to the `value` being set. The `value` is only set once a `start`
+     * and `end` value are selected.
+     *
+     * You can `bind:startValue` to a value to receive updates outside
+     * this component when the user selects a `start` value.
+     *
+     * Modifying this value outside the component will have no effect.
+     * To programmatically control the `start` value, use `bind:value`
+     * and update the `start` property of the `DateRange` object.
+     *
+     * This is provided as a convenience for use cases where you want
+     * to display the selected `start` value outside the component before
+     * the `value` is set.
+     */
+    startValue?: DateValue | undefined;
 } & AsChild>;
 type PrevButtonProps = AsChild;
 type NextButtonProps = AsChild;

package/dist/bits/range-calendar/components/range-calendar.svelte

@@ -23,6 +23,7 @@ export let asChild = false;
 export let id = void 0;
 export let weekdayFormat = void 0;
 export let initialFocus = false;
+export let startValue = void 0;
 let el = void 0;
 onMount(() => {
   if (!initialFocus || !el)
@@ -36,7 +37,7 @@ const {
     placeholder: localPlaceholder,
     months,
     weekdays,
-    startValue,
+    startValue: localStartValue,
     endValue
   },
   updateOption,
@@ -76,6 +77,8 @@ $:
   if (id) {
     ids.calendar.set(id);
   }
+$:
+  startValue = $localStartValue;
 $:
   value !== void 0 && localValue.set(value);
 $:
@@ -117,7 +120,7 @@ $:
     builder,
     months: $months,
     weekdays: $weekdays,
-    startValue: $startValue,
+    startValue: $localStartValue,
     endValue: $endValue
   };
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "exports": {