@kalyx/react 1.0.0-rc.8 → 1.0.0

package/dist/index.d.cts

@@ -1,8 +1,9 @@
+export { DateFnsAdapter } from '@kalyx/adapter-date-fns';
+import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DatePickerLabels, DateRange, RangePickerLabels, TimePickerLabels, DateTimePickerLabels, CalendarGrid, TimeValue } from '@kalyx/core';
+export { CalendarDay, CalendarGrid, CalendarOptions, CalendarWeek, DEFAULT_DATEPICKER_LABELS, DEFAULT_DATETIMEPICKER_LABELS, DEFAULT_RANGEPICKER_LABELS, DEFAULT_TIMEPICKER_LABELS, DateAdapter, DatePickerLabels, DateRange, DateTimePickerLabels, DisabledRule, ISODateString, RangePickerLabels, TimePickerLabels, TimeValue, WeekStartsOn, WeekdayInfo } from '@kalyx/core';
 import * as react from 'react';
 import { ReactNode, HTMLAttributes, InputHTMLAttributes, ButtonHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DatePickerLabels, DateRange, RangePickerLabels, TimePickerLabels, DateTimePickerLabels, CalendarGrid, TimeValue } from '@kalyx/core';
-export { CalendarDay, DateAdapter, DateFnsAdapter, DateRange, DisabledRule, ISODateString, TimeValue } from '@kalyx/core';
 
 /**
  * Props for the DatePicker Root component.
@@ -61,7 +62,7 @@ interface DatePickerRootProps {
     /** Child components */
     children: ReactNode;
 }
-declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter, labels: labelsProp, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter: adapterProp, labels: labelsProp, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface DatePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
     children?: ReactNode;
@@ -313,7 +314,7 @@ interface RangePickerRootProps {
     /** Child components */
     children: ReactNode;
 }
-declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter, labels: labelsProp, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter: adapterProp, labels: labelsProp, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface RangePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
     children?: ReactNode;
@@ -497,17 +498,24 @@ interface TimePickerRootProps {
     readOnly?: boolean;
     /**
      * Programmatic per-slot disable predicate. Returns `true` for any `(hours, minutes)` pair
-     * that should be unselectable. Equivalent to react-datepicker's `filterTime`. Use cases:
-     * business hours, lunch breaks, blackout slots. Hours are disabled only when the predicate
-     * returns `true` for every step within the hour.
+     * that should be unselectable — same polarity as MUI X's `shouldDisableTime`, and the
+     * **inverse** of react-datepicker's `filterTime` (which returns `true` to *keep* a slot).
+     * Use cases: business hours, lunch breaks, blackout slots. Hours are disabled only when the
+     * predicate returns `true` for every step within the hour. Always receives 24-hour values.
      */
     filterTime?: (hours: number, minutes: number) => boolean;
+    /**
+     * Date adapter. Only used when the controlled `value` is `null` to derive
+     * "today" as the base for the first time edit. The main `@kalyx/react` entry
+     * auto-injects `DateFnsAdapter`; on `@kalyx/react/headless` you must pass one.
+     */
+    adapter?: DateAdapter;
     /** Override ARIA labels (defaults to English) */
     labels?: Partial<TimePickerLabels>;
     /** Child components */
     children: ReactNode;
 }
-declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, displayTimezone, disabled, readOnly, filterTime, labels: labelsProp, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, displayTimezone, disabled, readOnly, filterTime, adapter: adapterProp, labels: labelsProp, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface TimePickerHourListClassNames {
     root?: string;
@@ -616,6 +624,15 @@ interface DateTimePickerRootProps {
     format?: TimePickerFormat;
     /** Minute step (e.g., 1, 5, 15, 30) */
     step?: number;
+    /** Whether to display seconds in the time controls */
+    withSeconds?: boolean;
+    /**
+     * Programmatic per-slot disable predicate for the time controls. Returns `true` for any
+     * `(hours, minutes)` pair that should be unselectable — same polarity as MUI X's
+     * `shouldDisableTime`, and the **inverse** of react-datepicker's `filterTime`. Always
+     * receives 24-hour values.
+     */
+    filterTime?: (hours: number, minutes: number) => boolean;
     /** Disabled rules (applied to dates) */
     disabled?: DisabledRule[] | boolean;
     /** Read-only */
@@ -651,7 +668,7 @@ interface DateTimePickerRootProps {
  * - Changing time in TimePicker -> changes only the time, preserves the date
  * - Escape / outside click -> close the popover (commit)
  */
-declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, format, step, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter, labels: labelsProp, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, format, step, withSeconds, filterTime, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter: adapterProp, labels: labelsProp, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface DateTimePickerInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
 }
@@ -1043,6 +1060,12 @@ interface UseTimePickerOptions {
     withSeconds?: boolean;
     /** IANA timezone for time interpretation (see TimePickerRoot#displayTimezone) */
     displayTimezone?: string;
+    /**
+     * Date adapter. Only used when the controlled `value` is `null` to derive
+     * "today" as the base for the first time edit. The main `@kalyx/react` entry
+     * auto-injects `DateFnsAdapter`; on `@kalyx/react/headless` you must pass one.
+     */
+    adapter?: DateAdapter;
 }
 interface UseTimePickerReturn {
     /** Current ISO datetime value */

package/dist/index.d.ts

@@ -1,8 +1,9 @@
+export { DateFnsAdapter } from '@kalyx/adapter-date-fns';
+import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DatePickerLabels, DateRange, RangePickerLabels, TimePickerLabels, DateTimePickerLabels, CalendarGrid, TimeValue } from '@kalyx/core';
+export { CalendarDay, CalendarGrid, CalendarOptions, CalendarWeek, DEFAULT_DATEPICKER_LABELS, DEFAULT_DATETIMEPICKER_LABELS, DEFAULT_RANGEPICKER_LABELS, DEFAULT_TIMEPICKER_LABELS, DateAdapter, DatePickerLabels, DateRange, DateTimePickerLabels, DisabledRule, ISODateString, RangePickerLabels, TimePickerLabels, TimeValue, WeekStartsOn, WeekdayInfo } from '@kalyx/core';
 import * as react from 'react';
 import { ReactNode, HTMLAttributes, InputHTMLAttributes, ButtonHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DatePickerLabels, DateRange, RangePickerLabels, TimePickerLabels, DateTimePickerLabels, CalendarGrid, TimeValue } from '@kalyx/core';
-export { CalendarDay, DateAdapter, DateFnsAdapter, DateRange, DisabledRule, ISODateString, TimeValue } from '@kalyx/core';
 
 /**
  * Props for the DatePicker Root component.
@@ -61,7 +62,7 @@ interface DatePickerRootProps {
     /** Child components */
     children: ReactNode;
 }
-declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter, labels: labelsProp, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter: adapterProp, labels: labelsProp, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface DatePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
     children?: ReactNode;
@@ -313,7 +314,7 @@ interface RangePickerRootProps {
     /** Child components */
     children: ReactNode;
 }
-declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter, labels: labelsProp, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter: adapterProp, labels: labelsProp, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface RangePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
     children?: ReactNode;
@@ -497,17 +498,24 @@ interface TimePickerRootProps {
     readOnly?: boolean;
     /**
      * Programmatic per-slot disable predicate. Returns `true` for any `(hours, minutes)` pair
-     * that should be unselectable. Equivalent to react-datepicker's `filterTime`. Use cases:
-     * business hours, lunch breaks, blackout slots. Hours are disabled only when the predicate
-     * returns `true` for every step within the hour.
+     * that should be unselectable — same polarity as MUI X's `shouldDisableTime`, and the
+     * **inverse** of react-datepicker's `filterTime` (which returns `true` to *keep* a slot).
+     * Use cases: business hours, lunch breaks, blackout slots. Hours are disabled only when the
+     * predicate returns `true` for every step within the hour. Always receives 24-hour values.
      */
     filterTime?: (hours: number, minutes: number) => boolean;
+    /**
+     * Date adapter. Only used when the controlled `value` is `null` to derive
+     * "today" as the base for the first time edit. The main `@kalyx/react` entry
+     * auto-injects `DateFnsAdapter`; on `@kalyx/react/headless` you must pass one.
+     */
+    adapter?: DateAdapter;
     /** Override ARIA labels (defaults to English) */
     labels?: Partial<TimePickerLabels>;
     /** Child components */
     children: ReactNode;
 }
-declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, displayTimezone, disabled, readOnly, filterTime, labels: labelsProp, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, displayTimezone, disabled, readOnly, filterTime, adapter: adapterProp, labels: labelsProp, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface TimePickerHourListClassNames {
     root?: string;
@@ -616,6 +624,15 @@ interface DateTimePickerRootProps {
     format?: TimePickerFormat;
     /** Minute step (e.g., 1, 5, 15, 30) */
     step?: number;
+    /** Whether to display seconds in the time controls */
+    withSeconds?: boolean;
+    /**
+     * Programmatic per-slot disable predicate for the time controls. Returns `true` for any
+     * `(hours, minutes)` pair that should be unselectable — same polarity as MUI X's
+     * `shouldDisableTime`, and the **inverse** of react-datepicker's `filterTime`. Always
+     * receives 24-hour values.
+     */
+    filterTime?: (hours: number, minutes: number) => boolean;
     /** Disabled rules (applied to dates) */
     disabled?: DisabledRule[] | boolean;
     /** Read-only */
@@ -651,7 +668,7 @@ interface DateTimePickerRootProps {
  * - Changing time in TimePicker -> changes only the time, preserves the date
  * - Escape / outside click -> close the popover (commit)
  */
-declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, format, step, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter, labels: labelsProp, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, onOpenChange, onCalendarNavigate, format, step, withSeconds, filterTime, disabled, readOnly, weekStartsOn, displayFormat, locale, displayTimezone, adapter: adapterProp, labels: labelsProp, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
 
 interface DateTimePickerInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
 }
@@ -1043,6 +1060,12 @@ interface UseTimePickerOptions {
     withSeconds?: boolean;
     /** IANA timezone for time interpretation (see TimePickerRoot#displayTimezone) */
     displayTimezone?: string;
+    /**
+     * Date adapter. Only used when the controlled `value` is `null` to derive
+     * "today" as the base for the first time edit. The main `@kalyx/react` entry
+     * auto-injects `DateFnsAdapter`; on `@kalyx/react/headless` you must pass one.
+     */
+    adapter?: DateAdapter;
 }
 interface UseTimePickerReturn {
     /** Current ISO datetime value */

package/dist/index.js

@@ -1,11 +1,29 @@
 "use client";
-import { createContext, forwardRef, useState, useRef, useCallback, useContext, useId, useMemo, useEffect } from 'react';
-import { parseInputValue, formatTimeString, parseTimeString, getTimeInTimezone, getTime, DateFnsAdapter, DEFAULT_DATEPICKER_LABELS, civilMidnightFromUtcDay, getMonthName, getWeekdayNames, getCalendarDays, formatMonthYear, isDateDisabled, getISOWeekNumber, DEFAULT_RANGEPICKER_LABELS, DEFAULT_TIMEPICKER_LABELS, setTimeInTimezone, setTime, to12Hour, to24Hour, generateMinutes, generateHours, formatFullDate } from '@kalyx/core';
-export { DateFnsAdapter } from '@kalyx/core';
+import { DateFnsAdapter } from '@kalyx/adapter-date-fns';
+export { DateFnsAdapter } from '@kalyx/adapter-date-fns';
+import { createContext, forwardRef, useState, useRef, useEffect, useCallback, useContext, useId, useMemo } from 'react';
+import { parseInputValue, formatTimeString, parseTimeString, getTimeInTimezone, getTime, DEFAULT_DATEPICKER_LABELS, civilMidnightFromUtcDay, getMonthName, getWeekdayNames, getCalendarDays, formatMonthYear, isDateDisabled, getISOWeekNumber, DEFAULT_RANGEPICKER_LABELS, DEFAULT_TIMEPICKER_LABELS, setTimeInTimezone, setTime, to12Hour, to24Hour, generateMinutes, generateHours, formatFullDate } from '@kalyx/core';
+export { DEFAULT_DATEPICKER_LABELS, DEFAULT_DATETIMEPICKER_LABELS, DEFAULT_RANGEPICKER_LABELS, DEFAULT_TIMEPICKER_LABELS } from '@kalyx/core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { offset, flip, shift, useFloating, autoUpdate } from '@floating-ui/react';
 
-// src/components/DatePicker/Root.tsx
+// src/index.ts
+
+// src/internal/defaultAdapter.ts
+var __defaultAdapter = null;
+function setDefaultAdapter(adapter) {
+  __defaultAdapter = adapter;
+}
+function getDefaultAdapter() {
+  return __defaultAdapter;
+}
+function resolveAdapter(passed, fallback, componentName) {
+  if (passed) return passed;
+  if (fallback) return fallback;
+  throw new Error(
+    `[@kalyx/react/headless] ${componentName} requires an adapter. Pass one via <${componentName} adapter={...}>. If you don't need a custom adapter, import from '@kalyx/react' instead.`
+  );
+}
 var DatePickerContext = createContext(null);
 function useDatePickerContext(componentName) {
   const context = useContext(DatePickerContext);
@@ -44,10 +62,11 @@ function DatePickerRoot({
   displayFormat = "yyyy-MM-dd",
   locale = "en-US",
   displayTimezone,
-  adapter = DateFnsAdapter,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "DatePicker");
   const pickerId = useId();
   const isControlled = useRef(controlledValue !== void 0).current;
   const referenceRef = useRef(null);
@@ -156,6 +175,10 @@ var DatePickerInput = forwardRef(
     const displayFormat = formatProp ?? ctx.displayFormat;
     const [inputText, setInputText] = useState(null);
     const isComposingRef = useRef(false);
+    useEffect(() => {
+      if (isComposingRef.current) return;
+      setInputText(null);
+    }, [ctx.value]);
     let formattedValue = "";
     if (ctx.value) {
       try {
@@ -1098,6 +1121,17 @@ function useRangePickerContext(componentName) {
   return context;
 }
 var EMPTY_RANGE = { start: null, end: null };
+var SR_ONLY = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
 function RangePickerRoot({
   value: controlledValue,
   defaultValue,
@@ -1110,10 +1144,11 @@ function RangePickerRoot({
   displayFormat = "yyyy-MM-dd",
   locale = "en-US",
   displayTimezone,
-  adapter = DateFnsAdapter,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "RangePicker");
   const pickerId = useId();
   const isControlled = useRef(controlledValue !== void 0).current;
   const referenceRef = useRef(null);
@@ -1124,6 +1159,8 @@ function RangePickerRoot({
   const [isOpen, setIsOpen] = useState(false);
   const [selectingTarget, setSelectingTarget] = useState("start");
   const [hoverDate, setHoverDate] = useState(null);
+  const [announcement, setAnnouncement] = useState("");
+  const announce = useCallback((message) => setAnnouncement(message), []);
   const [viewMonth, setViewMonth] = useState(
     () => currentValue.start ?? adapter.today(displayTimezone)
   );
@@ -1226,7 +1263,8 @@ function RangePickerRoot({
       isDisabled,
       isReadOnly: readOnly,
       pickerId,
-      labels: mergedLabels
+      labels: mergedLabels,
+      announce
     }),
     [
       currentValue,
@@ -1249,10 +1287,14 @@ function RangePickerRoot({
       isDisabled,
       readOnly,
       pickerId,
-      mergedLabels
+      mergedLabels,
+      announce
     ]
   );
-  return /* @__PURE__ */ jsx(RangePickerContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsxs(RangePickerContext.Provider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", style: SR_ONLY, children: announcement })
+  ] });
 }
 var RangePickerInput = forwardRef(
   function RangePickerInput2({ part, format: formatProp, onClick, onKeyDown, ...props }, ref) {
@@ -1352,17 +1394,6 @@ function safeFormatFullDate2(iso, locale) {
     return iso;
   }
 }
-var srOnly2 = {
-  position: "absolute",
-  width: "1px",
-  height: "1px",
-  padding: 0,
-  margin: "-1px",
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  border: 0
-};
 function RangePickerCalendar({
   classNames,
   selectionMode = "range",
@@ -1372,7 +1403,6 @@ function RangePickerCalendar({
 }) {
   const ctx = useRangePickerContext("RangePicker.Calendar");
   const gridRef = useRef(null);
-  const [announcement, setAnnouncement] = useState("");
   const {
     adapter,
     viewMonth,
@@ -1424,7 +1454,7 @@ function RangePickerCalendar({
       ctx.setFocusedDate(adapter.startOfMonth(newMonth));
       const y = adapter.getYear(newMonth);
       const m = adapter.getMonth(newMonth);
-      setAnnouncement(formatMonthYear(y, m, locale));
+      ctx.announce(formatMonthYear(y, m, locale));
     },
     [adapter, viewMonth, ctx, locale]
   );
@@ -1436,15 +1466,27 @@ function RangePickerCalendar({
         const range = { start: weekStart, end: weekEnd };
         ctx.setRange(range);
         ctx.close();
-        setAnnouncement(
-          `${safeFormatFullDate2(weekStart, locale)} \u2013 ${safeFormatFullDate2(weekEnd, locale)}`
+        ctx.announce(
+          `${ctx.labels.rangeSelected}: ${safeFormatFullDate2(weekStart, locale)} \u2013 ${safeFormatFullDate2(weekEnd, locale)}`
         );
       } else {
+        const wasPickingStart = selectingTarget === "start";
+        const previousStart = value.start;
         ctx.selectDate(iso);
-        setAnnouncement(safeFormatFullDate2(iso, locale));
+        const formatted = safeFormatFullDate2(iso, locale);
+        if (wasPickingStart) {
+          ctx.announce(`${formatted}. ${ctx.labels.selectingEnd}`);
+        } else if (previousStart) {
+          const [start, end] = adapter.isBefore(iso, previousStart) ? [iso, previousStart] : [previousStart, iso];
+          ctx.announce(
+            `${ctx.labels.rangeSelected}: ${safeFormatFullDate2(start, locale)} \u2013 ${safeFormatFullDate2(end, locale)}`
+          );
+        } else {
+          ctx.announce(formatted);
+        }
       }
     },
-    [selectionMode, adapter, weekStartsOn, ctx, locale]
+    [selectionMode, adapter, weekStartsOn, ctx, locale, selectingTarget, value.start]
   );
   const handleDayClick = useCallback(
     (day) => {
@@ -1653,8 +1695,7 @@ function RangePickerCalendar({
           )) })
         ]
       }
-    ),
-    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", style: srOnly2, children: announcement })
+    )
   ] });
 }
 function RangePickerPresets({ classNames, children, ...props }) {
@@ -1712,35 +1753,28 @@ function RangePickerPreset({
   ...props
 }) {
   const ctx = useRangePickerContext("RangePicker.Preset");
+  const resolved = useMemo(() => {
+    if (directRange) return directRange;
+    if (presetKey)
+      return resolvePreset(presetKey, ctx.adapter.today(ctx.displayTimezone), ctx.adapter);
+    return null;
+  }, [directRange, presetKey, ctx.adapter, ctx.displayTimezone]);
   const handleClick = useCallback(
     (e) => {
       if (ctx.isDisabled || ctx.isReadOnly) return;
-      let resolved;
-      if (directRange) {
-        resolved = directRange;
-      } else if (presetKey) {
-        resolved = resolvePreset(presetKey, ctx.adapter.today(), ctx.adapter);
-      } else {
-        return;
-      }
+      if (!resolved) return;
       ctx.setRange(resolved);
       ctx.close();
       onClick?.(e);
     },
-    [ctx, presetKey, directRange, onClick]
+    [ctx, resolved, onClick]
   );
-  const isActive = (() => {
-    if (!ctx.value.start || !ctx.value.end) return false;
-    let target;
-    if (directRange) {
-      target = directRange;
-    } else if (presetKey) {
-      target = resolvePreset(presetKey, ctx.adapter.today(), ctx.adapter);
-    } else {
+  const isActive = useMemo(() => {
+    if (!ctx.value.start || !ctx.value.end || !resolved || !resolved.start || !resolved.end) {
       return false;
     }
-    return target.start !== null && target.end !== null && ctx.adapter.isSameDay(ctx.value.start, target.start) && ctx.adapter.isSameDay(ctx.value.end, target.end);
-  })();
+    return ctx.adapter.isSameDay(ctx.value.start, resolved.start) && ctx.adapter.isSameDay(ctx.value.end, resolved.end);
+  }, [ctx.value.start, ctx.value.end, ctx.adapter, resolved]);
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -1778,9 +1812,6 @@ function useTimePickerContext(componentName) {
   }
   return context;
 }
-function getDefaultIso() {
-  return DateFnsAdapter.today();
-}
 function TimePickerRoot({
   value: controlledValue,
   defaultValue,
@@ -1792,9 +1823,11 @@ function TimePickerRoot({
   disabled = false,
   readOnly = false,
   filterTime,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "TimePicker");
   const pickerId = useId();
   const mergedLabels = useMemo(
     () => ({ ...DEFAULT_TIMEPICKER_LABELS, ...labelsProp }),
@@ -1805,21 +1838,21 @@ function TimePickerRoot({
     defaultValue ?? null
   );
   const currentValue = isControlled ? controlledValue ?? null : uncontrolledValue;
-  const baseIso = currentValue ?? getDefaultIso();
-  const currentTime = useMemo(
-    () => displayTimezone ? getTimeInTimezone(baseIso, displayTimezone) : getTime(baseIso),
-    [baseIso, displayTimezone]
-  );
+  const currentTime = useMemo(() => {
+    if (!currentValue) return { hours: 0, minutes: 0, seconds: 0 };
+    return displayTimezone ? getTimeInTimezone(currentValue, displayTimezone) : getTime(currentValue);
+  }, [currentValue, displayTimezone]);
   const setTime$1 = useCallback(
     (partial) => {
       if (disabled || readOnly) return;
-      const newIso = displayTimezone ? setTimeInTimezone(baseIso, partial, displayTimezone) : setTime(baseIso, partial);
+      const base = currentValue ?? adapter.today(displayTimezone);
+      const newIso = displayTimezone ? setTimeInTimezone(base, partial, displayTimezone) : setTime(base, partial);
       if (!isControlled) {
         setUncontrolledValue(newIso);
       }
       onChange?.(newIso);
     },
-    [disabled, readOnly, baseIso, isControlled, onChange, displayTimezone]
+    [disabled, readOnly, currentValue, displayTimezone, isControlled, onChange, adapter]
   );
   const contextValue = useMemo(
     () => ({
@@ -1857,6 +1890,9 @@ var TimePickerInput = forwardRef(
   function TimePickerInput2({ onBlur, onKeyDown, ...props }, ref) {
     const ctx = useTimePickerContext("TimePicker.Input");
     const [inputText, setInputText] = useState(null);
+    useEffect(() => {
+      setInputText(null);
+    }, [ctx.value]);
     const displayValue = inputText !== null ? inputText : formatTimeString(ctx.currentTime, ctx.withSeconds);
     const commitInput = useCallback(() => {
       if (inputText === null) return;
@@ -2176,9 +2212,6 @@ var TimePicker = Object.assign(TimePickerRoot, {
   MinuteList: TimePickerMinuteList,
   AmPmToggle: TimePickerAmPmToggle
 });
-function getDefaultIso2() {
-  return DateFnsAdapter.today();
-}
 function DateTimePickerRoot({
   value: controlledValue,
   defaultValue,
@@ -2187,16 +2220,19 @@ function DateTimePickerRoot({
   onCalendarNavigate,
   format = "24h",
   step = 1,
+  withSeconds = false,
+  filterTime,
   disabled = false,
   readOnly = false,
   weekStartsOn = 0,
   displayFormat = "yyyy-MM-dd HH:mm",
   locale = "en-US",
   displayTimezone,
-  adapter = DateFnsAdapter,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "DateTimePicker");
   const pickerId = useId();
   const mergedDateLabels = useMemo(
     () => ({ ...DEFAULT_DATEPICKER_LABELS, ...labelsProp }),
@@ -2227,11 +2263,10 @@ function DateTimePickerRoot({
     () => Array.isArray(disabled) ? disabled : [],
     [disabled]
   );
-  const baseIso = currentValue ?? getDefaultIso2();
-  const currentTime = useMemo(
-    () => displayTimezone ? getTimeInTimezone(baseIso, displayTimezone) : getTime(baseIso),
-    [baseIso, displayTimezone]
-  );
+  const currentTime = useMemo(() => {
+    if (!currentValue) return { hours: 0, minutes: 0, seconds: 0 };
+    return displayTimezone ? getTimeInTimezone(currentValue, displayTimezone) : getTime(currentValue);
+  }, [currentValue, displayTimezone]);
   const updateValue = useCallback(
     (next) => {
       if (isDisabled || readOnly) return;
@@ -2257,11 +2292,11 @@ function DateTimePickerRoot({
   );
   const setTime$1 = useCallback(
     (partial) => {
-      const base = currentValue ?? getDefaultIso2();
+      const base = currentValue ?? adapter.today(displayTimezone);
       const merged = displayTimezone ? setTimeInTimezone(base, partial, displayTimezone) : setTime(base, partial);
       updateValue(merged);
     },
-    [currentValue, updateValue, displayTimezone]
+    [currentValue, updateValue, displayTimezone, adapter]
   );
   const open = useCallback(() => {
     if (isDisabled || readOnly) return;
@@ -2328,25 +2363,28 @@ function DateTimePickerRoot({
       setTime: setTime$1,
       format,
       step,
-      withSeconds: false,
+      withSeconds,
       displayTimezone,
       isDisabled,
       isReadOnly: readOnly,
       currentTime,
       pickerId,
-      labels: mergedTimeLabels
+      labels: mergedTimeLabels,
+      filterTime
     }),
     [
       currentValue,
       setTime$1,
       format,
       step,
+      withSeconds,
       displayTimezone,
       isDisabled,
       readOnly,
       currentTime,
       pickerId,
-      mergedTimeLabels
+      mergedTimeLabels,
+      filterTime
     ]
   );
   return /* @__PURE__ */ jsx(DatePickerContext.Provider, { value: dateContext, children: /* @__PURE__ */ jsx(TimePickerContext.Provider, { value: timeContext, children }) });
@@ -2729,9 +2767,10 @@ function useDatePicker(options = {}) {
     onChange,
     disabled = [],
     weekStartsOn = 0,
-    adapter = DateFnsAdapter,
+    adapter: adapterProp,
     displayTimezone
   } = options;
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "useDatePicker");
   const pickerId = useId();
   const isControlled = useRef(controlledValue !== void 0).current;
   const [uncontrolledValue, setUncontrolledValue] = useState(
@@ -2812,9 +2851,10 @@ function useRangePicker(options = {}) {
     onChange,
     disabled = [],
     weekStartsOn = 0,
-    adapter = DateFnsAdapter,
+    adapter: adapterProp,
     displayTimezone
   } = options;
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "useRangePicker");
   const pickerId = useId();
   const isControlled = useRef(controlledValue !== void 0).current;
   const [uncontrolledValue, setUncontrolledValue] = useState(
@@ -2919,9 +2959,6 @@ function useRangePicker(options = {}) {
     adapter
   };
 }
-function getDefaultIso3() {
-  return DateFnsAdapter.today();
-}
 function useTimePicker(options = {}) {
   const {
     value: controlledValue,
@@ -2929,15 +2966,17 @@ function useTimePicker(options = {}) {
     onChange,
     format = "24h",
     step = 1,
-    displayTimezone
+    displayTimezone,
+    adapter: adapterProp
   } = options;
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "useTimePicker");
   const pickerId = useId();
   const isControlled = useRef(controlledValue !== void 0).current;
   const [uncontrolledValue, setUncontrolledValue] = useState(
     defaultValue ?? null
   );
   const currentValue = isControlled ? controlledValue ?? null : uncontrolledValue;
-  const baseIso = currentValue ?? getDefaultIso3();
+  const baseIso = currentValue ?? adapter.today();
   const currentTime = useMemo(
     () => displayTimezone ? getTimeInTimezone(baseIso, displayTimezone) : getTime(baseIso),
     [baseIso, displayTimezone]
@@ -2987,6 +3026,7 @@ function useTimePicker(options = {}) {
     pickerId
   };
 }
+setDefaultAdapter(DateFnsAdapter);
 
 export { DatePicker, DateTimePicker, MonthPicker, RangePicker, TimePicker, WeekPicker, YearPicker, useDatePicker, useRangePicker, useTimePicker };
 //# sourceMappingURL=index.js.map