bits-ui 2.14.2 → 2.14.4

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

@@ -43,6 +43,8 @@
 
 	const defaultPlaceholder = getDefaultDate({
 		defaultValue: value,
+		minValue,
+		maxValue,
 	});
 
 	function handleDefaultPlaceholder() {

package/dist/bits/command/command.svelte.js

@@ -134,6 +134,10 @@ export class CommandRootState {
             if (!this._commandState.value || !this.#isInitialMount) {
                 this.#selectFirstItem();
             }
+            else if (this.#isInitialMount && this._commandState.value) {
+                // scroll the initial value into view if it exists
+                this.#scrollInitialValue();
+            }
             return;
         }
         const scores = this._commandState.filtered.items;
@@ -216,6 +220,19 @@ export class CommandRootState {
             this.#isInitialMount = false;
         });
     }
+    /**
+     * Scrolls the initial value into view if it exists and is not the first item.
+     * Called during initial mount when a value is provided.
+     */
+    #scrollInitialValue() {
+        afterTick(() => {
+            const shouldPreventScroll = this.opts.disableInitialScroll.current;
+            if (!shouldPreventScroll) {
+                this.#scrollSelectedIntoView();
+            }
+            this.#isInitialMount = false;
+        });
+    }
     /**
      * Updates filtered items/groups based on search.
      * Recalculates scores and filtered count.

package/dist/bits/context-menu/components/context-menu-trigger.svelte

@@ -30,6 +30,7 @@
 			{ style: { pointerEvents: "auto" } },
 			{
 				style: restProps.style,
+				tabindex: restProps.tabindex,
 			}
 		)
 	);

package/dist/bits/date-field/components/date-field.svelte

@@ -34,6 +34,8 @@
 		const defaultPlaceholder = getDefaultDate({
 			granularity,
 			defaultValue: value,
+			minValue,
+			maxValue,
 		});
 
 		if (setPlaceholder) {

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

@@ -53,6 +53,8 @@
 	const defaultPlaceholder = getDefaultDate({
 		granularity,
 		defaultValue: value,
+		minValue,
+		maxValue,
 	});
 
 	function handleDefaultPlaceholder() {

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

@@ -44,7 +44,12 @@
 
 	function handleDefaultPlaceholder() {
 		if (placeholder !== undefined) return;
-		const defaultPlaceholder = getDefaultDate({ granularity, defaultValue: value?.start });
+		const defaultPlaceholder = getDefaultDate({
+			granularity,
+			defaultValue: value?.start,
+			minValue,
+			maxValue,
+		});
 		placeholder = defaultPlaceholder;
 	}
 

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

@@ -85,6 +85,8 @@
 	const defaultPlaceholder = getDefaultDate({
 		granularity,
 		defaultValue: value?.start,
+		minValue,
+		maxValue,
 	});
 
 	function handleDefaultPlaceholder() {

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

@@ -50,6 +50,8 @@
 
 	const defaultPlaceholder = getDefaultDate({
 		defaultValue: value?.start,
+		minValue,
+		maxValue,
 	});
 
 	function handleDefaultPlaceholder() {

package/dist/internal/date-time/utils.d.ts

@@ -2,6 +2,8 @@ import { CalendarDateTime, type DateValue, ZonedDateTime } from "@internationali
 import type { DateMatcher, Granularity, TimeGranularity, TimeValue } from "../../shared/date/types.js";
 type GetDefaultDateProps = {
     defaultValue?: DateValue | DateValue[] | undefined;
+    minValue?: DateValue;
+    maxValue?: DateValue;
     granularity?: Granularity;
 };
 type GetDefaultTimeProps = {
@@ -11,7 +13,7 @@ type GetDefaultTimeProps = {
 /**
  * A helper function used throughout the various date builders
  * to generate a default `DateValue` using the `defaultValue`,
- * `defaultPlaceholder`, and `granularity` props.
+ * `defaultPlaceholder`, `minValue`, `maxValue`, and `granularity` props.
  *
  * It's important to match the `DateValue` type being used
  * elsewhere in the builder, so they behave according to the

package/dist/internal/date-time/utils.js

@@ -10,7 +10,7 @@ const defaultTimeDefaults = {
 /**
  * A helper function used throughout the various date builders
  * to generate a default `DateValue` using the `defaultValue`,
- * `defaultPlaceholder`, and `granularity` props.
+ * `defaultPlaceholder`, `minValue`, `maxValue`, and `granularity` props.
  *
  * It's important to match the `DateValue` type being used
  * elsewhere in the builder, so they behave according to the
@@ -19,7 +19,7 @@ const defaultTimeDefaults = {
  */
 export function getDefaultDate(opts) {
     const withDefaults = { ...defaultDateDefaults, ...opts };
-    const { defaultValue, granularity } = withDefaults;
+    const { defaultValue, granularity, minValue, maxValue } = withDefaults;
     if (Array.isArray(defaultValue) && defaultValue.length) {
         return defaultValue[defaultValue.length - 1];
     }
@@ -27,7 +27,13 @@ export function getDefaultDate(opts) {
         return defaultValue;
     }
     else {
-        const date = new Date();
+        let date = new Date();
+        if (minValue && date < minValue.toDate(getLocalTimeZone())) {
+            date = minValue.toDate(getLocalTimeZone());
+        }
+        else if (maxValue && date > maxValue.toDate(getLocalTimeZone())) {
+            date = maxValue.toDate(getLocalTimeZone());
+        }
         const year = date.getFullYear();
         const month = date.getMonth() + 1;
         const day = date.getDate();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.14.2",
+  "version": "2.14.4",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",