@bigbinary/neeto-atoms 1.0.37 → 1.0.38

package/dist/{TimePicker-wPi2k6Z8.js → TimePicker-BzlF3JWj.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId, useRef, useState, useCallback, useEffect } from 'react';
+import { forwardRef, useId, useRef, useState, useCallback, useEffect, useMemo, useLayoutEffect } from 'react';
 import { Popover, PopoverAnchor, PopoverContent } from './primitives/Popover.js';
 import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
 import { c as cn } from './utils-BJnb9o5c.js';
-import { d as dateToTimeValue, t as to12Hour, p as padNumber, T as TimePickerPanel, a as parseTimeString } from './TimePickerPanel-DAhz3B2d.js';
+import { d as dateToTimeValue, f as formatTimeDisplay, b as buildMaskTemplate, T as TimePickerPanel, a as applyMask, p as parseTimeString } from './TimePickerPanel-CgEbjExH.js';
 import { c as createLucideIcon } from './createLucideIcon-C8ycilSN.js';
 import { X } from './x-_o2T3n6D.js';
 
@@ -49,6 +49,8 @@ const TimePicker = forwardRef(
     const errorId = `error_${generatedId}`;
     const helpTextId = `helpText_${generatedId}`;
     const containerRef = useRef(null);
+    const inputRef = useRef(null);
+    const cursorPosRef = useRef(null);
     const popoverContentId = useRef(
       `timepicker-popover-${generatedId}`
     ).current;
@@ -71,26 +73,15 @@ const TimePicker = forwardRef(
       getInitialTime
     );
     const [inputText, setInputText] = useState("");
-    const formatTimeDisplay = useCallback(
-      (time) => {
-        if (!time) return "";
-        if (format === "12") {
-          const { hour12, period } = to12Hour(time.hours);
-          const parts2 = [padNumber(hour12), padNumber(time.minutes)];
-          if (showSeconds) parts2.push(padNumber(time.seconds ?? 0));
-          return `${parts2.join(":")} ${period}`;
-        }
-        const parts = [padNumber(time.hours), padNumber(time.minutes)];
-        if (showSeconds) parts.push(padNumber(time.seconds ?? 0));
-        return parts.join(":");
-      },
+    const displayTime = useCallback(
+      (time) => formatTimeDisplay(time, format, showSeconds),
       [format, showSeconds]
     );
     useEffect(() => {
       const newTime = getInitialTime();
       setInternalTime(newTime);
-      setInputText(formatTimeDisplay(newTime));
-    }, [getInitialTime, formatTimeDisplay]);
+      setInputText(displayTime(newTime));
+    }, [getInitialTime, displayTime]);
     useEffect(() => {
       if (!open) return;
       const handlePointerDown = (e) => {
@@ -99,19 +90,45 @@ const TimePicker = forwardRef(
         const popoverEl = document.getElementById(popoverContentId);
         if (popoverEl?.contains(target)) return;
         setOpen(false);
-        setInputText(formatTimeDisplay(internalTime));
+        setInputText(displayTime(internalTime));
       };
       document.addEventListener("pointerdown", handlePointerDown);
       return () => document.removeEventListener("pointerdown", handlePointerDown);
-    }, [open, internalTime, formatTimeDisplay]);
+    }, [open, internalTime, displayTime]);
+    const maskFormatStr = useMemo(() => {
+      if (format === "12") {
+        return showSeconds ? "hh:mm:ss AA" : "hh:mm AA";
+      }
+      return showSeconds ? "HH:mm:ss" : "HH:mm";
+    }, [format, showSeconds]);
+    const maskTemplate = useMemo(
+      () => buildMaskTemplate(maskFormatStr),
+      [maskFormatStr]
+    );
     const defaultPlaceholder = showSeconds ? format === "12" ? "hh:mm:ss AA" : "HH:mm:ss" : format === "12" ? "hh:mm AA" : "HH:mm";
     const handlePanelChange = (time) => {
       setInternalTime(time);
-      setInputText(formatTimeDisplay(time));
+      setInputText(displayTime(time));
       onChange?.(time);
     };
+    useLayoutEffect(() => {
+      if (cursorPosRef.current !== null && inputRef.current && document.activeElement === inputRef.current) {
+        inputRef.current.setSelectionRange(
+          cursorPosRef.current,
+          cursorPosRef.current
+        );
+        cursorPosRef.current = null;
+      }
+    });
     const handleInputChange = (e) => {
-      const text = e.target.value;
+      const masked = applyMask(
+        e.target.value,
+        maskTemplate,
+        inputText,
+        e.target.selectionStart
+      );
+      const text = masked.text;
+      cursorPosRef.current = masked.cursorPosition;
       setInputText(text);
       const parsed = parseTimeString(text, format);
       if (parsed) {
@@ -120,13 +137,9 @@ const TimePicker = forwardRef(
       }
     };
     const handleInputKeyDown = (e) => {
-      if (e.key === "Enter") {
-        setInputText(formatTimeDisplay(internalTime));
-        setOpen(false);
-      } else if (e.key === "Escape") {
-        setInputText(formatTimeDisplay(internalTime));
-        setOpen(false);
-      }
+      if (e.key !== "Enter" && e.key !== "Escape") return;
+      setInputText(displayTime(internalTime));
+      setOpen(false);
     };
     const handleInputFocus = () => {
       if (!open) setOpen(true);
@@ -167,6 +180,7 @@ const TimePicker = forwardRef(
             /* @__PURE__ */ jsx(
               "input",
               {
+                ref: inputRef,
                 type: "text",
                 disabled,
                 "aria-label": label || "Pick a time",
@@ -261,4 +275,4 @@ const TimePicker = forwardRef(
 TimePicker.displayName = "TimePicker";
 
 export { TimePicker as T };
-//# sourceMappingURL=TimePicker-wPi2k6Z8.js.map
+//# sourceMappingURL=TimePicker-BzlF3JWj.js.map

package/dist/TimePicker-BzlF3JWj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-BzlF3JWj.js","sources":["../node_modules/lucide-react/dist/esm/icons/clock.js","../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 6v6l4 2\", key: \"mmk7yg\" }]\n];\nconst Clock = createLucideIcon(\"clock\", __iconNode);\n\nexport { __iconNode, Clock as default };\n//# sourceMappingURL=clock.js.map\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Clock, X } from \"lucide-react\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"src/primitives/Popover\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { TimePickerPanel } from \"./TimePickerPanel\";\nimport type { TimePickerProps, TimeValue } from \"./types\";\nimport { dateToTimeValue, formatTimeDisplay, parseTimeString } from \"./utils\";\nimport { applyMask, buildMaskTemplate } from \"src/utils/inputMask\";\n\nconst SIZE_CONFIG = {\n  small: { trigger: \"h-7 text-xs\", icon: \"size-3.5\" },\n  medium: { trigger: \"h-8 text-sm\", icon: \"size-4\" },\n  large: { trigger: \"h-10 text-sm\", icon: \"size-4\" },\n} as const;\n\nconst TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      format = \"24\",\n      showSeconds = false,\n      minuteStep = 1,\n      secondStep = 1,\n      disabled = false,\n      placeholder,\n      label,\n      error,\n      helpText,\n      size = \"medium\",\n      required = false,\n      timezone,\n      labelProps,\n      className,\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const cursorPosRef = useRef<number | null>(null);\n    const popoverContentId = useRef(\n      `timepicker-popover-${generatedId}`\n    ).current;\n\n    const [open, setOpen] = useState(false);\n\n    const getInitialTime = useCallback((): TimeValue | null => {\n      if (!value) return null;\n      if (value instanceof Date) return dateToTimeValue(value);\n\n      const dateLikeValue = value as { toDate?: () => Date };\n      if (typeof dateLikeValue.toDate === \"function\") {\n        return dateToTimeValue(dateLikeValue.toDate());\n      }\n\n      const timeValue = value as TimeValue;\n\n      return {\n        hours: timeValue.hours,\n        minutes: timeValue.minutes,\n        seconds: timeValue.seconds ?? 0,\n      };\n    }, [value]);\n\n    const [internalTime, setInternalTime] = useState<TimeValue | null>(\n      getInitialTime\n    );\n    const [inputText, setInputText] = useState(\"\");\n\n    const displayTime = useCallback(\n      (time: TimeValue | null) => formatTimeDisplay(time, format, showSeconds),\n      [format, showSeconds]\n    );\n\n    useEffect(() => {\n      const newTime = getInitialTime();\n      setInternalTime(newTime);\n      setInputText(displayTime(newTime));\n    }, [getInitialTime, displayTime]);\n\n    // Close on outside click\n    useEffect(() => {\n      if (!open) return;\n\n      const handlePointerDown = (e: PointerEvent) => {\n        const target = e.target as HTMLElement;\n        if (containerRef.current?.contains(target)) return;\n\n        const popoverEl = document.getElementById(popoverContentId);\n        if (popoverEl?.contains(target)) return;\n\n        setOpen(false);\n        setInputText(displayTime(internalTime));\n      };\n\n      document.addEventListener(\"pointerdown\", handlePointerDown);\n\n      return () =>\n        document.removeEventListener(\"pointerdown\", handlePointerDown);\n    }, [open, internalTime, displayTime]);\n\n    const maskFormatStr = useMemo(() => {\n      if (format === \"12\") {\n        return showSeconds ? \"hh:mm:ss AA\" : \"hh:mm AA\";\n      }\n\n      return showSeconds ? \"HH:mm:ss\" : \"HH:mm\";\n    }, [format, showSeconds]);\n\n    const maskTemplate = useMemo(\n      () => buildMaskTemplate(maskFormatStr),\n      [maskFormatStr]\n    );\n\n    const defaultPlaceholder = showSeconds\n      ? format === \"12\"\n        ? \"hh:mm:ss AA\"\n        : \"HH:mm:ss\"\n      : format === \"12\"\n        ? \"hh:mm AA\"\n        : \"HH:mm\";\n\n    const handlePanelChange = (time: TimeValue) => {\n      setInternalTime(time);\n      setInputText(displayTime(time));\n      onChange?.(time);\n    };\n\n    useLayoutEffect(() => {\n      if (\n        cursorPosRef.current !== null &&\n        inputRef.current &&\n        document.activeElement === inputRef.current\n      ) {\n        inputRef.current.setSelectionRange(\n          cursorPosRef.current,\n          cursorPosRef.current\n        );\n        cursorPosRef.current = null;\n      }\n    });\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const masked = applyMask(\n        e.target.value,\n        maskTemplate,\n        inputText,\n        e.target.selectionStart\n      );\n      const text = masked.text;\n      cursorPosRef.current = masked.cursorPosition;\n\n      setInputText(text);\n\n      const parsed = parseTimeString(text, format);\n      if (parsed) {\n        setInternalTime(parsed);\n        onChange?.(parsed);\n      }\n    };\n\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key !== \"Enter\" && e.key !== \"Escape\") return;\n\n      setInputText(displayTime(internalTime));\n      setOpen(false);\n    };\n\n    const handleInputFocus = () => {\n      if (!open) setOpen(true);\n    };\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setInternalTime(null);\n      setInputText(\"\");\n      onChange?.({ hours: 0, minutes: 0, seconds: 0 });\n    };\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const triggerContent = (\n      <Popover open={open}>\n        <PopoverAnchor asChild>\n          <div\n            ref={containerRef}\n            className={cn(\n              \"relative flex w-full items-center gap-2 rounded-md border border-input bg-background pe-8 ps-3\",\n              \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n              disabled && \"cursor-not-allowed opacity-50\",\n              !!error && \"border-destructive ring-destructive/20 ring-3\",\n              sizeConfig.trigger,\n              !hasField && className\n            )}\n          >\n            {timezone ? (\n              <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\">\n                {timezone.toUpperCase()}\n              </span>\n            ) : (\n              <Clock\n                className={cn(\n                  \"shrink-0 text-muted-foreground\",\n                  sizeConfig.icon\n                )}\n              />\n            )}\n            <input\n              ref={inputRef}\n              type=\"text\"\n              disabled={disabled}\n              aria-label={label || \"Pick a time\"}\n              aria-describedby={ariaDescribedBy}\n              aria-invalid={!!error || undefined}\n              placeholder={placeholder ?? defaultPlaceholder}\n              value={inputText}\n              onChange={handleInputChange}\n              onKeyDown={handleInputKeyDown}\n              onFocus={handleInputFocus}\n              className={cn(\n                \"min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground\",\n                \"disabled:cursor-not-allowed\",\n                sizeConfig.trigger.split(\" \").find(c => c.startsWith(\"text-\"))\n              )}\n            />\n            <button\n              type=\"button\"\n              onPointerDown={e => e.preventDefault()}\n              onClick={handleClear}\n              className={cn(\n                \"absolute inset-y-0 end-2 flex items-center text-muted-foreground hover:text-foreground focus:outline-none\",\n                !(inputText && !disabled) && \"invisible\"\n              )}\n              aria-label=\"Clear time\"\n              tabIndex={-1}\n            >\n              <X className={sizeConfig.icon} />\n            </button>\n          </div>\n        </PopoverAnchor>\n        {open && (\n          <PopoverContent\n            id={popoverContentId}\n            className=\"w-auto p-0\"\n            align=\"start\"\n            onOpenAutoFocus={e => e.preventDefault()}\n            onCloseAutoFocus={e => e.preventDefault()}\n            onPointerDownOutside={e => e.preventDefault()}\n            onInteractOutside={e => e.preventDefault()}\n          >\n            <TimePickerPanel\n              value={internalTime ?? undefined}\n              onChange={handlePanelChange}\n              format={format}\n              showSeconds={showSeconds}\n              minuteStep={minuteStep}\n              secondStep={secondStep}\n              disabled={disabled}\n            />\n          </PopoverContent>\n        )}\n      </Popover>\n    );\n\n    if (!hasField) {\n      return (\n        <div ref={ref} className={className}>\n          {triggerContent}\n        </div>\n      );\n    }\n\n    return (\n      <Field\n        ref={ref}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel\n            {...(labelProps as React.ComponentProps<typeof FieldLabel>)}\n          >\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {triggerContent}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nTimePicker.displayName = \"TimePicker\";\n\nexport { TimePicker };\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{TimePickerPanel-DAhz3B2d.js → TimePickerPanel-CgEbjExH.js}

@@ -4,6 +4,192 @@ import { c as cn } from './utils-BJnb9o5c.js';
 import { Button } from './primitives/Button.js';
 import { ScrollArea } from './primitives/ScrollArea.js';
 
+const FORMAT_CHARS = /* @__PURE__ */ new Set(["d", "M", "y", "H", "h", "m", "s"]);
+const DIGIT = /\d/;
+const AMPM_CHAR = /[APM]/;
+const VALID_CHAR = /[\dAPM]/i;
+const isSlot = (ch) => ch === "#" || ch === "@";
+const isValidChar = (ch, hasAmPm) => DIGIT.test(ch) || hasAmPm && AMPM_CHAR.test(ch);
+const buildMaskTemplate = (format) => {
+  let pattern = "";
+  let hasAmPm = false;
+  for (const char of format) {
+    if (FORMAT_CHARS.has(char)) {
+      pattern += "#";
+    } else if (char === "A") {
+      pattern += "@";
+      hasAmPm = true;
+    } else {
+      pattern += char;
+    }
+  }
+  return { pattern, hasAmPm };
+};
+const buildRangeMaskTemplate = (format) => {
+  const single = buildMaskTemplate(format);
+  return {
+    pattern: `${single.pattern} - ${single.pattern}`,
+    hasAmPm: single.hasAmPm
+  };
+};
+const TEXTUAL_WHEN_LONG = /* @__PURE__ */ new Set(["M", "d"]);
+const isFixedWidthFormat = (format) => {
+  let i = 0;
+  while (i < format.length) {
+    const char = format[i];
+    if (!FORMAT_CHARS.has(char)) {
+      i++;
+      continue;
+    }
+    let count = 0;
+    while (i + count < format.length && format[i + count] === char) count++;
+    if (count === 1) return false;
+    if (count >= 3 && TEXTUAL_WHEN_LONG.has(char)) return false;
+    i += count;
+  }
+  return true;
+};
+const findDeletionPoint = (prev, input) => {
+  for (let i = 0; i < prev.length; i++) {
+    if (i >= input.length || input[i] !== prev[i]) return i;
+  }
+  return prev.length - 1;
+};
+const hasDigitsAfter = (text, pos, pattern) => {
+  for (let i = pos + 1; i < text.length && i < pattern.length; i++) {
+    if (isSlot(pattern[i]) && text[i] !== "_") return true;
+  }
+  return false;
+};
+const countValidBefore = (text, pos, hasAmPm) => {
+  let count = 0;
+  for (let i = 0; i < pos && i < text.length; i++) {
+    if (isValidChar(text[i].toUpperCase(), hasAmPm)) count++;
+  }
+  return count;
+};
+const extractWithPattern = (text, pattern) => {
+  const chars = [];
+  const upper = text.toUpperCase();
+  let pIdx = 0;
+  for (let i = 0; i < upper.length; i++) {
+    const ch = upper[i];
+    while (pIdx < pattern.length && !isSlot(pattern[pIdx])) pIdx++;
+    if (pIdx >= pattern.length) break;
+    if (pattern[pIdx] === "#" && DIGIT.test(ch)) {
+      chars.push(ch);
+      pIdx++;
+    } else if (pattern[pIdx] === "@" && AMPM_CHAR.test(ch)) {
+      chars.push(ch);
+      pIdx++;
+    }
+  }
+  return chars;
+};
+const rebuildFromChars = (validChars, pattern) => {
+  let result = "";
+  let charIdx = 0;
+  for (let i = 0; i < pattern.length && charIdx < validChars.length; i++) {
+    if (!isSlot(pattern[i])) continue;
+    result += validChars[charIdx];
+    charIdx++;
+    let nextSlot = i + 1;
+    while (nextSlot < pattern.length && !isSlot(pattern[nextSlot])) nextSlot++;
+    const hasMoreChars = charIdx < validChars.length;
+    const hasMoreSlots = nextSlot < pattern.length;
+    if (hasMoreChars || hasMoreSlots) {
+      for (let s = i + 1; s < nextSlot; s++) result += pattern[s];
+    }
+    if (hasMoreChars) i = nextSlot - 1;
+  }
+  return result;
+};
+const stripTrailingSeparators = (text) => {
+  let end = text.length;
+  while (end > 0 && !VALID_CHAR.test(text[end - 1])) end--;
+  return text.slice(0, end);
+};
+const cursorSlotToDisplayPos = (result, cursorSlot, pattern, skipSeparators) => {
+  if (cursorSlot <= 0) return 0;
+  let slotsFound = 0;
+  for (let i = 0; i < result.length; i++) {
+    if (!VALID_CHAR.test(result[i])) continue;
+    slotsFound++;
+    if (slotsFound !== cursorSlot) continue;
+    let pos = i + 1;
+    if (skipSeparators) {
+      while (pos < result.length && pos < pattern.length && !isSlot(pattern[pos])) {
+        pos++;
+      }
+    }
+    return pos;
+  }
+  return result.length;
+};
+const isValidForSlot = (ch, slotChar) => slotChar === "#" ? DIGIT.test(ch) : slotChar === "@" ? AMPM_CHAR.test(ch) : false;
+const applyMask = (inputText, template, previousText = "", nativeCursorPos) => {
+  const { pattern, hasAmPm } = template;
+  if (!inputText) return { text: "", cursorPosition: 0 };
+  const isDeleting = inputText.length < previousText.length;
+  if (isDeleting && previousText.length >= pattern.length) {
+    const delPos = findDeletionPoint(previousText, inputText);
+    if (!hasDigitsAfter(previousText, delPos, pattern) || delPos >= pattern.length) ; else if (isSlot(pattern[delPos])) {
+      return {
+        text: previousText.substring(0, delPos) + "_" + previousText.substring(delPos + 1),
+        cursorPosition: delPos
+      };
+    } else {
+      return { text: previousText, cursorPosition: delPos };
+    }
+  }
+  const totalSlots = [...pattern].filter(isSlot).length;
+  const slotPatternPositions = [...pattern].reduce(
+    (acc, ch, i) => isSlot(ch) ? [...acc, i] : acc,
+    []
+  );
+  const cursorInInput = nativeCursorPos ?? inputText.length;
+  const cursorSlot = countValidBefore(inputText, cursorInInput, hasAmPm);
+  const prevChars = extractWithPattern(previousText, pattern);
+  let validChars;
+  const isSingleCharInsert = !isDeleting && prevChars.length >= totalSlots && inputText.length - previousText.length === 1;
+  if (isSingleCharInsert) {
+    const insertSlot = cursorSlot - 1;
+    const typedChar = inputText[cursorInInput - 1]?.toUpperCase() ?? "";
+    const slotChar = slotPatternPositions[insertSlot] != null ? pattern[slotPatternPositions[insertSlot]] : null;
+    if (!slotChar || !isValidForSlot(typedChar, slotChar)) {
+      return {
+        text: previousText,
+        cursorPosition: Math.min(cursorInInput, previousText.length)
+      };
+    }
+    validChars = [...prevChars];
+    validChars[insertSlot] = typedChar;
+  } else {
+    validChars = extractWithPattern(inputText, pattern).slice(0, totalSlots);
+  }
+  let result = rebuildFromChars(validChars, pattern);
+  if (isDeleting) {
+    result = stripTrailingSeparators(result);
+  }
+  if (hasAmPm && !isDeleting) {
+    const ampmStart = pattern.indexOf("@");
+    if (ampmStart >= 0 && result.length > ampmStart) {
+      const ampmPortion = result.slice(ampmStart);
+      if (ampmPortion === "A") result = result.slice(0, ampmStart) + "AM";
+      else if (ampmPortion === "P") result = result.slice(0, ampmStart) + "PM";
+    }
+  }
+  return {
+    text: result,
+    cursorPosition: cursorSlotToDisplayPos(
+      result,
+      cursorSlot,
+      pattern,
+      !isDeleting
+    )
+  };
+};
+
 const COLUMN_HEIGHT = 224;
 const ITEM_HEIGHT = 32;
 const PERIODS = ["AM", "PM"];
@@ -32,6 +218,18 @@ const dateToTimeValue = (date) => ({
   seconds: date.getSeconds()
 });
 const padNumber = (num, length = 2) => String(num).padStart(length, "0");
+const formatTimeDisplay = (time, format, showSeconds) => {
+  if (!time) return "";
+  if (format === "12") {
+    const { hour12, period } = to12Hour(time.hours);
+    const parts2 = [padNumber(hour12), padNumber(time.minutes)];
+    if (showSeconds) parts2.push(padNumber(time.seconds ?? 0));
+    return `${parts2.join(":")} ${period}`;
+  }
+  const parts = [padNumber(time.hours), padNumber(time.minutes)];
+  if (showSeconds) parts.push(padNumber(time.seconds ?? 0));
+  return parts.join(":");
+};
 const parseTimeString = (input, format) => {
   const trimmed = input.trim();
   if (!trimmed) return null;
@@ -223,5 +421,5 @@ const TimePickerPanel = forwardRef(
 );
 TimePickerPanel.displayName = "TimePickerPanel";
 
-export { TimePickerPanel as T, parseTimeString as a, dateToTimeValue as d, padNumber as p, to12Hour as t };
-//# sourceMappingURL=TimePickerPanel-DAhz3B2d.js.map
+export { TimePickerPanel as T, applyMask as a, buildMaskTemplate as b, buildRangeMaskTemplate as c, dateToTimeValue as d, formatTimeDisplay as f, isFixedWidthFormat as i, parseTimeString as p };
+//# sourceMappingURL=TimePickerPanel-CgEbjExH.js.map

package/dist/TimePickerPanel-CgEbjExH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPanel-CgEbjExH.js","sources":["../src/utils/inputMask.ts","../src/components/TimePicker/constants.ts","../src/components/TimePicker/utils.ts","../src/components/TimePicker/TimeColumn.tsx","../src/components/TimePicker/TimePickerPanel.tsx"],"sourcesContent":["export interface MaskTemplate {\n  pattern: string;\n  hasAmPm: boolean;\n}\n\nconst FORMAT_CHARS = new Set([\"d\", \"M\", \"y\", \"H\", \"h\", \"m\", \"s\"]);\n\nconst DIGIT = /\\d/;\nconst AMPM_CHAR = /[APM]/;\nconst VALID_CHAR = /[\\dAPM]/i;\n\nconst isSlot = (ch: string) => ch === \"#\" || ch === \"@\";\n\nconst isValidChar = (ch: string, hasAmPm: boolean) =>\n  DIGIT.test(ch) || (hasAmPm && AMPM_CHAR.test(ch));\n\n/**\n * Convert a display format string into a mask template.\n *\n * Format chars (d, M, y, H, h, m, s) → digit slots (#).\n * A (from AA) → ampm letter slots (@).\n * Everything else → literal separators.\n *\n * Examples:\n *   \"dd/MM/yyyy\" → \"##/##/####\"\n *   \"hh:mm AA\"   → \"##:## @@\"\n */\nexport const buildMaskTemplate = (format: string): MaskTemplate => {\n  let pattern = \"\";\n  let hasAmPm = false;\n\n  for (const char of format) {\n    if (FORMAT_CHARS.has(char)) {\n      pattern += \"#\";\n    } else if (char === \"A\") {\n      pattern += \"@\";\n      hasAmPm = true;\n    } else {\n      pattern += char;\n    }\n  }\n\n  return { pattern, hasAmPm };\n};\n\n/**\n * Build a range mask template: two single-date templates joined by \" - \".\n */\nexport const buildRangeMaskTemplate = (format: string): MaskTemplate => {\n  const single = buildMaskTemplate(format);\n\n  return {\n    pattern: `${single.pattern} - ${single.pattern}`,\n    hasAmPm: single.hasAmPm,\n  };\n};\n\n// Tokens like MMM/MMMM produce textual output (month names), not digits.\nconst TEXTUAL_WHEN_LONG = new Set([\"M\", \"d\"]);\n\n/**\n * Check if a format string uses only fixed-width numeric tokens (dd, MM, yyyy, etc).\n * Returns false for single-char tokens (d, M) and textual tokens (MMM, MMMM).\n */\nexport const isFixedWidthFormat = (format: string): boolean => {\n  let i = 0;\n  while (i < format.length) {\n    const char = format[i];\n    if (!FORMAT_CHARS.has(char)) {\n      i++;\n      continue;\n    }\n\n    let count = 0;\n    while (i + count < format.length && format[i + count] === char) count++;\n\n    if (count === 1) return false;\n    if (count >= 3 && TEXTUAL_WHEN_LONG.has(char)) return false;\n\n    i += count;\n  }\n\n  return true;\n};\n\nconst findDeletionPoint = (prev: string, input: string): number => {\n  for (let i = 0; i < prev.length; i++) {\n    if (i >= input.length || input[i] !== prev[i]) return i;\n  }\n\n  return prev.length - 1;\n};\n\nconst hasDigitsAfter = (\n  text: string,\n  pos: number,\n  pattern: string\n): boolean => {\n  for (let i = pos + 1; i < text.length && i < pattern.length; i++) {\n    if (isSlot(pattern[i]) && text[i] !== \"_\") return true;\n  }\n\n  return false;\n};\n\nconst countValidBefore = (\n  text: string,\n  pos: number,\n  hasAmPm: boolean\n): number => {\n  let count = 0;\n  for (let i = 0; i < pos && i < text.length; i++) {\n    if (isValidChar(text[i].toUpperCase(), hasAmPm)) count++;\n  }\n\n  return count;\n};\n\nconst extractWithPattern = (text: string, pattern: string): string[] => {\n  const chars: string[] = [];\n  const upper = text.toUpperCase();\n  let pIdx = 0;\n\n  for (let i = 0; i < upper.length; i++) {\n    const ch = upper[i];\n    while (pIdx < pattern.length && !isSlot(pattern[pIdx])) pIdx++;\n    if (pIdx >= pattern.length) break;\n\n    if (pattern[pIdx] === \"#\" && DIGIT.test(ch)) {\n      chars.push(ch);\n      pIdx++;\n    } else if (pattern[pIdx] === \"@\" && AMPM_CHAR.test(ch)) {\n      chars.push(ch);\n      pIdx++;\n    }\n  }\n\n  return chars;\n};\n\nconst rebuildFromChars = (validChars: string[], pattern: string): string => {\n  let result = \"\";\n  let charIdx = 0;\n\n  for (let i = 0; i < pattern.length && charIdx < validChars.length; i++) {\n    if (!isSlot(pattern[i])) continue;\n\n    result += validChars[charIdx];\n    charIdx++;\n\n    let nextSlot = i + 1;\n    while (nextSlot < pattern.length && !isSlot(pattern[nextSlot])) nextSlot++;\n\n    const hasMoreChars = charIdx < validChars.length;\n    const hasMoreSlots = nextSlot < pattern.length;\n\n    if (hasMoreChars || hasMoreSlots) {\n      for (let s = i + 1; s < nextSlot; s++) result += pattern[s];\n    }\n\n    if (hasMoreChars) i = nextSlot - 1;\n  }\n\n  return result;\n};\n\nconst stripTrailingSeparators = (text: string): string => {\n  let end = text.length;\n  while (end > 0 && !VALID_CHAR.test(text[end - 1])) end--;\n\n  return text.slice(0, end);\n};\n\nconst cursorSlotToDisplayPos = (\n  result: string,\n  cursorSlot: number,\n  pattern: string,\n  skipSeparators: boolean\n): number => {\n  if (cursorSlot <= 0) return 0;\n\n  let slotsFound = 0;\n  for (let i = 0; i < result.length; i++) {\n    if (!VALID_CHAR.test(result[i])) continue;\n\n    slotsFound++;\n    if (slotsFound !== cursorSlot) continue;\n\n    let pos = i + 1;\n    if (skipSeparators) {\n      while (\n        pos < result.length &&\n        pos < pattern.length &&\n        !isSlot(pattern[pos])\n      ) {\n        pos++;\n      }\n    }\n\n    return pos;\n  }\n\n  return result.length;\n};\n\nconst isValidForSlot = (ch: string, slotChar: string): boolean =>\n  slotChar === \"#\"\n    ? DIGIT.test(ch)\n    : slotChar === \"@\"\n      ? AMPM_CHAR.test(ch)\n      : false;\n\n/**\n * Apply the mask template to raw input text.\n *\n * - Auto-inserts separators as the user types.\n * - When the mask is full, typing in the middle replaces the digit at cursor.\n * - Backspacing in the middle replaces the digit with '_' placeholder\n *   instead of shifting subsequent digits.\n * - AM/PM auto-completes: typing \"A\" or \"P\" expands to \"AM\" or \"PM\".\n */\nexport const applyMask = (\n  inputText: string,\n  template: MaskTemplate,\n  previousText = \"\",\n  nativeCursorPos?: number | null\n): { text: string; cursorPosition: number } => {\n  const { pattern, hasAmPm } = template;\n\n  if (!inputText) return { text: \"\", cursorPosition: 0 };\n\n  const isDeleting = inputText.length < previousText.length;\n\n  // When backspacing from a full mask, replace the deleted digit with '_'\n  // instead of shifting. This keeps other fields (day/month/year) intact.\n  if (isDeleting && previousText.length >= pattern.length) {\n    const delPos = findDeletionPoint(previousText, inputText);\n\n    if (\n      !hasDigitsAfter(previousText, delPos, pattern) ||\n      delPos >= pattern.length\n    ) {\n      // Deletion at or near the end — fall through to normal rebuild\n    } else if (isSlot(pattern[delPos])) {\n      return {\n        text:\n          previousText.substring(0, delPos) +\n          \"_\" +\n          previousText.substring(delPos + 1),\n        cursorPosition: delPos,\n      };\n    } else {\n      // Separator deleted — restore it\n      return { text: previousText, cursorPosition: delPos };\n    }\n  }\n\n  const totalSlots = [...pattern].filter(isSlot).length;\n  const slotPatternPositions = [...pattern].reduce<number[]>(\n    (acc, ch, i) => (isSlot(ch) ? [...acc, i] : acc),\n    []\n  );\n\n  const cursorInInput = nativeCursorPos ?? inputText.length;\n  const cursorSlot = countValidBefore(inputText, cursorInInput, hasAmPm);\n  const prevChars = extractWithPattern(previousText, pattern);\n  let validChars: string[];\n\n  // Replace mode: single char typed on a full mask replaces the digit at cursor.\n  const isSingleCharInsert =\n    !isDeleting &&\n    prevChars.length >= totalSlots &&\n    inputText.length - previousText.length === 1;\n\n  if (isSingleCharInsert) {\n    const insertSlot = cursorSlot - 1;\n    const typedChar = inputText[cursorInInput - 1]?.toUpperCase() ?? \"\";\n    const slotChar =\n      slotPatternPositions[insertSlot] != null\n        ? pattern[slotPatternPositions[insertSlot]]\n        : null;\n\n    if (!slotChar || !isValidForSlot(typedChar, slotChar)) {\n      return {\n        text: previousText,\n        cursorPosition: Math.min(cursorInInput, previousText.length),\n      };\n    }\n\n    validChars = [...prevChars];\n    validChars[insertSlot] = typedChar;\n  } else {\n    validChars = extractWithPattern(inputText, pattern).slice(0, totalSlots);\n  }\n\n  let result = rebuildFromChars(validChars, pattern);\n\n  if (isDeleting) {\n    result = stripTrailingSeparators(result);\n  }\n\n  if (hasAmPm && !isDeleting) {\n    const ampmStart = pattern.indexOf(\"@\");\n    if (ampmStart >= 0 && result.length > ampmStart) {\n      const ampmPortion = result.slice(ampmStart);\n      if (ampmPortion === \"A\") result = result.slice(0, ampmStart) + \"AM\";\n      else if (ampmPortion === \"P\") result = result.slice(0, ampmStart) + \"PM\";\n    }\n  }\n\n  return {\n    text: result,\n    cursorPosition: cursorSlotToDisplayPos(\n      result,\n      cursorSlot,\n      pattern,\n      !isDeleting\n    ),\n  };\n};\n","export const COLUMN_HEIGHT = 224;\nexport const ITEM_HEIGHT = 32;\nexport const PERIODS = [\"AM\", \"PM\"] as const;\n","import type { TimeValue } from \"./types\";\n\nexport const generateRange = (\n  start: number,\n  end: number,\n  step = 1\n): number[] => {\n  const result: number[] = [];\n  for (let i = start; i <= end; i += step) {\n    result.push(i);\n  }\n\n  return result;\n};\n\nexport const to12Hour = (\n  hour24: number\n): { hour12: number; period: \"AM\" | \"PM\" } => {\n  const period = hour24 >= 12 ? \"PM\" : \"AM\";\n  const hour12 = hour24 % 12 || 12;\n\n  return { hour12, period };\n};\n\nexport const to24Hour = (hour12: number, period: \"AM\" | \"PM\"): number => {\n  if (period === \"AM\") {\n    return hour12 === 12 ? 0 : hour12;\n  }\n\n  return hour12 === 12 ? 12 : hour12 + 12;\n};\n\nexport const dateToTimeValue = (date: Date): TimeValue => ({\n  hours: date.getHours(),\n  minutes: date.getMinutes(),\n  seconds: date.getSeconds(),\n});\n\nexport const timeValueToDate = (date: Date, time: TimeValue): Date => {\n  const result = new Date(date);\n  result.setHours(time.hours, time.minutes, time.seconds ?? 0, 0);\n\n  return result;\n};\n\nexport const padNumber = (num: number, length = 2): string =>\n  String(num).padStart(length, \"0\");\n\nexport const formatTimeDisplay = (\n  time: TimeValue | null,\n  format: \"12\" | \"24\",\n  showSeconds: boolean\n): string => {\n  if (!time) return \"\";\n\n  if (format === \"12\") {\n    const { hour12, period } = to12Hour(time.hours);\n    const parts = [padNumber(hour12), padNumber(time.minutes)];\n    if (showSeconds) parts.push(padNumber(time.seconds ?? 0));\n\n    return `${parts.join(\":\")} ${period}`;\n  }\n\n  const parts = [padNumber(time.hours), padNumber(time.minutes)];\n  if (showSeconds) parts.push(padNumber(time.seconds ?? 0));\n\n  return parts.join(\":\");\n};\n\nexport const parseTimeString = (\n  input: string,\n  format: \"12\" | \"24\"\n): TimeValue | null => {\n  const trimmed = input.trim();\n  if (!trimmed) return null;\n\n  if (format === \"12\") {\n    // Accept: \"2:30 PM\", \"02:30 PM\", \"2:3 PM\", \"2:30:15 PM\"\n    const match = trimmed.match(\n      /^(\\d{1,2}):(\\d{1,2})(?::(\\d{1,2}))?\\s*(AM|PM)$/i\n    );\n    if (!match) return null;\n\n    const hour12 = parseInt(match[1], 10);\n    const minutes = parseInt(match[2], 10);\n    const seconds = match[3] ? parseInt(match[3], 10) : 0;\n    const period = match[4].toUpperCase() as \"AM\" | \"PM\";\n\n    if (hour12 < 1 || hour12 > 12 || minutes > 59 || seconds > 59) return null;\n\n    return { hours: to24Hour(hour12, period), minutes, seconds };\n  }\n\n  // Accept: \"14:3\", \"14:30\", \"2:5\", \"14:30:05\"\n  const match = trimmed.match(/^(\\d{1,2}):(\\d{1,2})(?::(\\d{1,2}))?$/);\n  if (!match) return null;\n\n  const hours = parseInt(match[1], 10);\n  const minutes = parseInt(match[2], 10);\n  const seconds = match[3] ? parseInt(match[3], 10) : 0;\n\n  if (hours > 23 || minutes > 59 || seconds > 59) return null;\n\n  return { hours, minutes, seconds };\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { Button } from \"src/primitives/Button\";\nimport { ScrollArea } from \"src/primitives/ScrollArea\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { COLUMN_HEIGHT, ITEM_HEIGHT } from \"./constants\";\nimport { padNumber } from \"./utils\";\n\ninterface TimeColumnProps {\n  items: (number | string)[];\n  selected: number | string;\n  onSelect: (value: number | string) => void;\n  disabled?: boolean;\n  className?: string;\n  padStart?: number;\n}\n\nconst TimeColumn: React.FC<TimeColumnProps> = ({\n  items,\n  selected,\n  onSelect,\n  disabled = false,\n  className,\n  padStart = 2,\n}) => {\n  const selectedRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (selectedRef.current) {\n      selectedRef.current.scrollIntoView({\n        block: \"center\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [selected]);\n\n  return (\n    <ScrollArea\n      className={cn(\"w-16\", className)}\n      style={{ height: COLUMN_HEIGHT }}\n    >\n      <div\n        className=\"flex flex-col items-center py-2\"\n        role=\"listbox\"\n        aria-label=\"Time selection\"\n      >\n        {items.map(item => {\n          const isSelected = item === selected;\n          const displayValue =\n            typeof item === \"number\" ? padNumber(item, padStart) : item;\n\n          return (\n            <Button\n              key={item}\n              ref={isSelected ? selectedRef : undefined}\n              variant={isSelected ? \"default\" : \"ghost\"}\n              size=\"sm\"\n              role=\"option\"\n              aria-selected={isSelected}\n              disabled={disabled}\n              className={cn(\n                \"w-12 justify-center font-mono text-sm\",\n                !isSelected && \"text-muted-foreground\"\n              )}\n              style={{ height: ITEM_HEIGHT }}\n              onClick={() => onSelect(item)}\n            >\n              {displayValue}\n            </Button>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n};\n\nTimeColumn.displayName = \"TimeColumn\";\n\nexport { TimeColumn };\n","import { forwardRef, useCallback, useEffect, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { PERIODS } from \"./constants\";\nimport { TimeColumn } from \"./TimeColumn\";\nimport type { TimePickerPanelProps, TimeValue } from \"./types\";\nimport { generateRange, to12Hour, to24Hour } from \"./utils\";\n\nconst TimePickerPanel = forwardRef<HTMLDivElement, TimePickerPanelProps>(\n  (\n    {\n      value,\n      onChange,\n      format = \"24\",\n      showSeconds = false,\n      minuteStep = 1,\n      secondStep = 1,\n      disabled = false,\n      className,\n    },\n    ref\n  ) => {\n    const getInitialTime = useCallback(\n      (): TimeValue => ({\n        hours: value?.hours ?? 0,\n        minutes: value?.minutes ?? 0,\n        seconds: value?.seconds ?? 0,\n      }),\n      [value]\n    );\n\n    const [internalTime, setInternalTime] = useState<TimeValue>(getInitialTime);\n\n    useEffect(() => {\n      setInternalTime(getInitialTime());\n    }, [getInitialTime]);\n\n    const hours = format === \"12\" ? generateRange(1, 12) : generateRange(0, 23);\n    const minutes = generateRange(0, 59, minuteStep);\n    const seconds = generateRange(0, 59, secondStep);\n\n    const { hour12, period } =\n      format === \"12\"\n        ? to12Hour(internalTime.hours)\n        : { hour12: internalTime.hours, period: \"AM\" as const };\n\n    const handleHourSelect = (hourValue: number | string) => {\n      const hour = Number(hourValue);\n      const newHours = format === \"12\" ? to24Hour(hour, period) : hour;\n      const newTime = { ...internalTime, hours: newHours };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handleMinuteSelect = (minuteValue: number | string) => {\n      const newTime = { ...internalTime, minutes: Number(minuteValue) };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handleSecondSelect = (secondValue: number | string) => {\n      const newTime = { ...internalTime, seconds: Number(secondValue) };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handlePeriodSelect = (newPeriod: number | string) => {\n      const newHours = to24Hour(hour12, newPeriod as \"AM\" | \"PM\");\n      const newTime = { ...internalTime, hours: newHours };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex\", className)}\n        role=\"group\"\n        aria-label=\"Time picker\"\n      >\n        <TimeColumn\n          items={hours}\n          selected={format === \"12\" ? hour12 : internalTime.hours}\n          onSelect={handleHourSelect}\n          disabled={disabled}\n        />\n        <div className=\"border-inline-end border-border\" />\n        <TimeColumn\n          items={minutes}\n          selected={internalTime.minutes}\n          onSelect={handleMinuteSelect}\n          disabled={disabled}\n        />\n        {showSeconds && (\n          <>\n            <div className=\"border-inline-end border-border\" />\n            <TimeColumn\n              items={seconds}\n              selected={internalTime.seconds ?? 0}\n              onSelect={handleSecondSelect}\n              disabled={disabled}\n            />\n          </>\n        )}\n        {format === \"12\" && (\n          <>\n            <div className=\"border-inline-end border-border\" />\n            <TimeColumn\n              items={[...PERIODS]}\n              selected={period}\n              onSelect={handlePeriodSelect}\n              disabled={disabled}\n              padStart={0}\n            />\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nTimePickerPanel.displayName = \"TimePickerPanel\";\n\nexport { TimePickerPanel };\n"],"names":["parts","match","minutes","seconds"],"mappings":"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"}

package/dist/cjs/{DatePicker-DRQubO2h.js → DatePicker-DdTclP8E.js}

@@ -6,8 +6,8 @@ var primitives_Calendar = require('./Calendar-02KiUZTT.js');
 var primitives_Popover = require('./primitives/Popover.js');
 var primitives_Field = require('./primitives/Field.js');
 var utils = require('./utils-BhM0B89p.js');
+var TimePickerPanel = require('./TimePickerPanel-CAdLD7qW.js');
 var primitives_Button = require('./primitives/Button.js');
-var TimePickerPanel = require('./TimePickerPanel-6xA-hjhm.js');
 var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
 var x = require('./x-Brw3FJst.js');
 
@@ -2716,6 +2716,16 @@ const applyTimeToDate = (date, time) => {
   return result;
 };
 const getDisplayFormat = (dateFormat, timeFormat, showTime) => showTime ? `${dateFormat} ${timeFormat}` : dateFormat;
+const isDatePartComplete = (part, maskEnabled, singleDateLen) => maskEnabled ? part.length >= singleDateLen : part.length > 0;
+const parseRangeText = (text, displayFormat, maskEnabled, singleDateLen) => {
+  const parts = text.split(" - ");
+  if (parts.length !== 2) return null;
+  if (!isDatePartComplete(parts[0], maskEnabled, singleDateLen) || !isDatePartComplete(parts[1], maskEnabled, singleDateLen))
+    return null;
+  const from = parseDate(parts[0], displayFormat);
+  const to = parseDate(parts[1], displayFormat);
+  return from && to ? [from, to] : null;
+};
 
 const TIMEZONE_OPTIONS = [
   { label: "Local", value: "" },
@@ -2811,6 +2821,8 @@ const DatePicker = React.forwardRef(
     const errorId = `error_${generatedId}`;
     const helpTextId = `helpText_${generatedId}`;
     const containerRef = React.useRef(null);
+    const inputRef = React.useRef(null);
+    const cursorPosRef = React.useRef(null);
     const popoverContentId = React.useRef(
       `datepicker-popover-${generatedId}`
     ).current;
@@ -2831,7 +2843,13 @@ const DatePicker = React.forwardRef(
     });
     const displayFormat = getDisplayFormat(dateFormat, timeFormat, showTime);
     const sizeConfig = SIZE_CONFIG[size];
-    const defaultPlaceholder = showTime ? `${dateFormat.toUpperCase()} ${timeFormat}` : dateFormat.toUpperCase();
+    const maskEnabled = TimePickerPanel.isFixedWidthFormat(displayFormat);
+    const maskTemplate = React.useMemo(
+      () => maskEnabled ? type === "range" ? TimePickerPanel.buildRangeMaskTemplate(displayFormat) : TimePickerPanel.buildMaskTemplate(displayFormat) : null,
+      [displayFormat, type, maskEnabled]
+    );
+    const singlePlaceholder = showTime ? `${dateFormat.toUpperCase()} ${timeFormat}` : dateFormat.toUpperCase();
+    const defaultPlaceholder = type === "range" ? `${singlePlaceholder} - ${singlePlaceholder}` : singlePlaceholder;
     const getDisplayText = React.useCallback(() => {
       if (type === "range") {
         const rangeValue = currentValue;
@@ -2956,32 +2974,79 @@ const DatePicker = React.forwardRef(
       e.preventDefault();
       commitValue(null);
     };
+    React.useLayoutEffect(() => {
+      if (cursorPosRef.current !== null && inputRef.current && document.activeElement === inputRef.current) {
+        inputRef.current.setSelectionRange(
+          cursorPosRef.current,
+          cursorPosRef.current
+        );
+        cursorPosRef.current = null;
+      }
+    });
+    const singleDateLen = React.useMemo(
+      () => TimePickerPanel.buildMaskTemplate(displayFormat).pattern.length,
+      [displayFormat]
+    );
+    const parseAndApplyRange = (text) => {
+      const parts = text.split(" - ");
+      if (!isDatePartComplete(parts[0] ?? "", maskEnabled, singleDateLen))
+        return;
+      const from = parseDate(parts[0], displayFormat);
+      if (from) setCalendarMonth(from);
+      const range = parseRangeText(
+        text,
+        displayFormat,
+        maskEnabled,
+        singleDateLen
+      );
+      if (range) setInternalValue(range);
+    };
     const handleInputChange = (e) => {
-      const text = e.target.value;
+      let text = e.target.value;
+      if (maskTemplate) {
+        const masked = TimePickerPanel.applyMask(
+          text,
+          maskTemplate,
+          inputText,
+          e.target.selectionStart
+        );
+        text = masked.text;
+        cursorPosRef.current = masked.cursorPosition;
+      }
       setInputText(text);
-      if (type === "range") return;
+      if (type === "range") {
+        parseAndApplyRange(text);
+        return;
+      }
+      const isComplete = maskTemplate ? text.length >= maskTemplate.pattern.length : true;
+      if (!isComplete) return;
       const parsed = parseDate(text, displayFormat);
-      if (parsed) {
-        setCalendarMonth(parsed);
-        if (showTime || needConfirm) {
-          setPendingDate(parsed);
-          setPendingTime(TimePickerPanel.dateToTimeValue(parsed));
-        } else {
-          setInternalValue(parsed);
-        }
+      if (!parsed) return;
+      setCalendarMonth(parsed);
+      if (showTime || needConfirm) {
+        setPendingDate(parsed);
+        setPendingTime(TimePickerPanel.dateToTimeValue(parsed));
+      } else {
+        setInternalValue(parsed);
       }
     };
     const handleInputKeyDown = (e) => {
-      if (e.key === "Enter" && type !== "range") {
+      if (e.key === "Escape") return closePopover();
+      if (e.key !== "Enter") return;
+      if (type === "range") {
+        const range = parseRangeText(
+          inputText,
+          displayFormat,
+          maskEnabled,
+          singleDateLen
+        );
+        if (range) commitValue(range);
+      } else {
         const parsed = parseDate(inputText, displayFormat);
-        if (parsed) {
-          commitValue(parsed);
-        }
-        setOpen(false);
-        onOpenChange?.(false);
-      } else if (e.key === "Escape") {
-        closePopover();
+        if (parsed) commitValue(parsed);
       }
+      setOpen(false);
+      onOpenChange?.(false);
     };
     const handleInputFocus = () => {
       if (!open) openPopover();
@@ -3026,6 +3091,7 @@ const DatePicker = React.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
+                ref: inputRef,
                 type: "text",
                 disabled,
                 "aria-label": label || "Pick a date",
@@ -3093,6 +3159,7 @@ const DatePicker = React.forwardRef(
                   mode: "range",
                   numberOfMonths: 2,
                   captionLayout: "dropdown",
+                  className: "[&_[data-outside][data-selected=true]]:!bg-transparent [&_[data-outside][data-selected=true]]:after:!bg-transparent [&_[data-outside]_button]:!bg-transparent [&_[data-outside]_button]:!text-muted-foreground",
                   month: calendarMonth,
                   onMonthChange: setCalendarMonth,
                   selected: currentValue ? {
@@ -3165,4 +3232,4 @@ const DatePicker = React.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=DatePicker-DRQubO2h.js.map
+//# sourceMappingURL=DatePicker-DdTclP8E.js.map