@epilot/zenith-react 0.2.0-next.4 → 0.2.0-next.6

package/dist/components/date-range-picker/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport {\n  Field,\n  FieldLabel,\n  FieldError,\n  FieldInputGroup,\n  FieldGroupAddon,\n} from \"../field/field\"\nimport { Button } from \"../button/button\"\nimport { Pill } from \"../pill/pill\"\nimport { Popover, PopoverContent } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport { RangeCalendar } from \"./range-calendar\"\nimport type { RangeCalendarProps } from \"./range-calendar\"\nimport type { DateRange, DateTimePickerLocale } from \"./date-range-picker-utils\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-range-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst DEFAULT_FORMAT = \"dd/MM/yyyy\"\n\nexport type DateRangePreset = {\n  label: string\n  getValue: () => DateRange\n}\n\nexport type DateRangePickerProps = {\n  value: DateRange\n  onChange: (range: DateRange) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  startPlaceholder?: string\n  endPlaceholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  testId?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  presets?: DateRangePreset[]\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  inputGroup: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  /**\n   * Reproduces a v1 defect on purpose, the same way Label's line-height is reproduced: v1's `icon-\n   * sm` size classes do not reach this button, so v1 renders it content-sized at 18x18 around an\n   * unconstrained 18px icon rather than the 28x28-with-14px-icon that `icon-sm` specifies.\n   */\n  addonButton: {\n    ...boxModel,\n    width: \"auto\",\n    height: \"auto\",\n    \"& svg\": { width: \"auto\", height: \"auto\" },\n  },\n  popoverTrigger: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  triggerRoot: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    height: \"1.5rem\",\n    cursor: \"pointer\",\n  },\n  input: {\n    ...nativeControl,\n    width: \"5.5rem\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    textAlign: \"center\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(\"0\"),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  separator: {\n    ...boxModel,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.gray9,\n    flexShrink: 0,\n    userSelect: \"none\",\n    ...shorthands.padding(\"0\", \"0.125rem\"), // v1 px-0.5\n  },\n  popoverContent: {\n    ...shorthands.overflow(\"hidden\"),\n  },\n  content: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    ...shorthands.padding(\"0.75rem\"), // v1 p-3 (0.75rem)\n  },\n  presets: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"8rem\", // v1 w-32\n    borderLeftWidth: \"1px\",\n    borderLeftStyle: \"solid\",\n    borderLeftColor: tokens.gray6,\n    paddingLeft: \"0.75rem\", // v1 pl-3 (0.75rem)\n  },\n  presetPill: {\n    alignSelf: \"flex-start\",\n  },\n})\n\nconst RangeInputTrigger = React.forwardRef<\n  HTMLDivElement,\n  {\n    startValue: string\n    endValue: string\n    startPlaceholder: string\n    endPlaceholder: string\n    disabled: boolean\n    onStartChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onEndChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onStartBlur: () => void\n    onEndBlur: () => void\n    testId?: string\n    inputAriaLabel?: string\n    /** Ids from DateRangePicker so its visible label can point at and name the inputs (#16). */\n    startId?: string\n    endId?: string\n    labelId?: string\n    \"data-slot\"?: string\n  } & React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n  const {\n    startValue,\n    endValue,\n    startPlaceholder,\n    endPlaceholder,\n    disabled,\n    onStartChange,\n    onEndChange,\n    onStartBlur,\n    onEndBlur,\n    testId,\n    inputAriaLabel,\n    startId,\n    endId,\n    labelId,\n    className,\n    \"data-slot\": _dataSlot,\n    ...divProps\n  } = props\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      {...divProps}\n      className={mergeClasses(styles.triggerRoot, className)}\n      data-slot=\"date-range-input\"\n      {...{ [SLOT_ATTR]: \"date-range-input\" }}\n    >\n      <input\n        aria-label={inputAriaLabel || \"Start date\"}\n        id={startId}\n        aria-labelledby={labelId ? `${labelId} ${startId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-start-input\"\n        {...{ [SLOT_ATTR]: \"date-range-start-input\" }}\n        data-testid={testId ? `${testId}-start` : undefined}\n        disabled={disabled}\n        onBlur={onStartBlur}\n        onChange={onStartChange}\n        placeholder={startPlaceholder}\n        value={startValue}\n      />\n      <span\n        className={styles.separator}\n        data-slot=\"date-range-separator\"\n        {...{ [SLOT_ATTR]: \"date-range-separator\" }}\n      >\n        {\"\\u2013\"}\n      </span>\n      <input\n        aria-label=\"End date\"\n        id={endId}\n        aria-labelledby={labelId ? `${labelId} ${endId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-end-input\"\n        {...{ [SLOT_ATTR]: \"date-range-end-input\" }}\n        data-testid={testId ? `${testId}-end` : undefined}\n        disabled={disabled}\n        onBlur={onEndBlur}\n        onChange={onEndChange}\n        placeholder={endPlaceholder}\n        value={endValue}\n      />\n    </div>\n  )\n})\n\nexport const DateRangePicker = React.forwardRef<\n  HTMLDivElement,\n  DateRangePickerProps\n>(function DateRangePicker(\n  {\n    value,\n    onChange,\n    onBlur,\n    disabled = false,\n    disablePast = false,\n    label,\n    error,\n    startPlaceholder = \"dd/MM/yyyy\",\n    endPlaceholder = \"dd/MM/yyyy\",\n    format = DEFAULT_FORMAT,\n    locale = \"de\",\n    className,\n    keyboardIcon,\n    inputAriaLabel,\n    openPickerAriaLabel = \"Open date picker\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    testId,\n    currentTimeInTimezone,\n    showWeekNumbers = false,\n    presets,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [startInputValue, setStartInputValue] = React.useState(() =>\n    value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n  )\n  const [endInputValue, setEndInputValue] = React.useState(() =>\n    value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n  )\n  const [tempRange, setTempRange] = React.useState<DateRange>(value)\n  const originalValueRef = React.useRef<DateRange>(value)\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  )\n  React.useEffect(\n    () => () => {\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n    },\n    []\n  )\n\n  React.useEffect(() => {\n    setStartInputValue(\n      value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n    )\n    setEndInputValue(\n      value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n    )\n    setTempRange(value)\n  }, [value, format, locale])\n\n  React.useEffect(() => {\n    if (isOpen) {\n      originalValueRef.current = value\n      setTempRange(value)\n    }\n  }, [isOpen, value])\n\n  const handleStartInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setStartInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, start: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleEndInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setEndInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, end: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleStartInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(startInputValue, format, locale)\n\n    if (!parsed) {\n      setStartInputValue(\n        value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [startInputValue, value.start, format, locale, onBlur])\n\n  const handleEndInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(endInputValue, format, locale)\n\n    if (!parsed) {\n      setEndInputValue(\n        value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [endInputValue, value.end, format, locale, onBlur])\n\n  const handleRangeChange = React.useCallback(\n    (range: DateRange) => {\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n    },\n    [format, locale]\n  )\n\n  const handleRangeComplete = React.useCallback(\n    (range: DateRange) => {\n      onChange(range)\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n      // Small delay to allow the user to see the selection before closing. Tracked and cleared on\n      // unmount: an uncleared timer fires into an unmounted tree, which React 18 reports as a\n      // state update on an unmounted component and which under jsdom teardown throws\n      // `ReferenceError: window is not defined` from the scheduler.\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n      closeTimerRef.current = setTimeout(() => {\n        closeTimerRef.current = undefined\n        setIsOpen(false)\n      }, 150)\n    },\n    [onChange, format, locale]\n  )\n\n  const handlePopoverOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        // If closing without a complete selection, revert\n        if (!tempRange.start || !tempRange.end) {\n          setTempRange(originalValueRef.current)\n          setStartInputValue(\n            originalValueRef.current.start\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.start,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n          setEndInputValue(\n            originalValueRef.current.end\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.end,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n        }\n      }\n      setIsOpen(open)\n    },\n    [tempRange, format, locale]\n  )\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n  const fieldVariant = error ? \"destructive\" : \"highlight\"\n  // This component renders both the label and the inputs, so it connects them (#16).\n  const labelId = React.useId()\n  const startId = React.useId()\n  const endId = React.useId()\n\n  return (\n    <Field\n      className={mergeClasses(styles.root, className)}\n      data-slot=\"daterangepicker\"\n      {...{ [SLOT_ATTR]: \"daterangepicker\" }}\n      ref={ref}\n      variant={fieldVariant}\n    >\n      {label && (\n        <FieldLabel id={labelId} htmlFor={startId}>\n          {label}\n        </FieldLabel>\n      )}\n      <Popover modal onOpenChange={handlePopoverOpenChange} open={isOpen}>\n        <FieldInputGroup className={styles.inputGroup}>\n          {/* RangeInputTrigger is a component rendering a <div>: PopoverTrigger cannot tell,\n              since Base UI checks the rendered tag on first mount, so this trigger says so\n              itself. The group holds two textboxes, so it drops the role=\"button\" and tab stop\n              that brings, as under Radix. */}\n          <PopoverPrimitive.Trigger\n            nativeButton={false}\n            render={\n              <RangeInputTrigger\n                className={styles.popoverTrigger}\n                disabled={disabled}\n                endPlaceholder={endPlaceholder}\n                endValue={endInputValue}\n                inputAriaLabel={inputAriaLabel}\n                startId={startId}\n                endId={endId}\n                labelId={label ? labelId : undefined}\n                onEndBlur={handleEndInputBlur}\n                onEndChange={handleEndInputChange}\n                onStartBlur={handleStartInputBlur}\n                onStartChange={handleStartInputChange}\n                role={undefined}\n                startPlaceholder={startPlaceholder}\n                startValue={startInputValue}\n                tabIndex={undefined}\n                testId={testId}\n              />\n            }\n          />\n          <FieldGroupAddon align=\"end\">\n            <Button\n              aria-label={openPickerAriaLabel}\n              disabled={disabled}\n              onClick={() => setIsOpen(true)}\n              className={styles.addonButton}\n              size=\"icon-sm\"\n              variant=\"tertiary\"\n            >\n              {IconComponent}\n            </Button>\n          </FieldGroupAddon>\n        </FieldInputGroup>\n        <PopoverContent\n          align=\"start\"\n          className={styles.popoverContent}\n          flush\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <div\n            className={styles.content}\n            data-slot=\"daterangepicker-content\"\n            {...{ [SLOT_ATTR]: \"daterangepicker-content\" }}\n          >\n            <RangeCalendar\n              currentTimeInTimezone={currentTimeInTimezone}\n              disablePast={disablePast}\n              locale={locale}\n              nextMonthLabel={nextMonthLabel}\n              onChange={handleRangeChange}\n              onRangeComplete={handleRangeComplete}\n              previousMonthLabel={previousMonthLabel}\n              showWeekNumbers={showWeekNumbers}\n              value={tempRange}\n            />\n            {presets && presets.length > 0 && (\n              <aside\n                className={styles.presets}\n                data-slot=\"daterangepicker-presets\"\n                {...{ [SLOT_ATTR]: \"daterangepicker-presets\" }}\n              >\n                {presets.map((preset) => (\n                  <Pill\n                    className={styles.presetPill}\n                    data-slot=\"daterangepicker-preset\"\n                    {...{ [SLOT_ATTR]: \"daterangepicker-preset\" }}\n                    key={preset.label}\n                    onClick={() => {\n                      const range = preset.getValue()\n\n                      handleRangeComplete(range)\n                    }}\n                    variant=\"surface\"\n                  >\n                    {preset.label}\n                  </Pill>\n                ))}\n              </aside>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n      {error && <FieldError>{error}</FieldError>}\n    </Field>\n  )\n})\n\nexport { RangeCalendar }\nexport type { RangeCalendarProps, DateRange, DateTimePickerLocale }\n"],"names":["CalendarIcon","props","jsx","DEFAULT_FORMAT","useStyles","makeZenithStyles","boxModel","shorthands","tokens.spacingElement2","nativeControl","tokens.textSm","tokens.leadingSm","tokens.grayA12","tokens.grayA8","tokens.gray9","tokens.spacingGroup1","tokens.spacingElement1","tokens.gray6","RangeInputTrigger","React","ref","startValue","endValue","startPlaceholder","endPlaceholder","disabled","onStartChange","onEndChange","onStartBlur","onEndBlur","testId","inputAriaLabel","startId","endId","labelId","className","_dataSlot","divProps","styles","jsxs","mergeClasses","SLOT_ATTR","DateRangePicker","value","onChange","onBlur","disablePast","label","error","format","locale","keyboardIcon","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","currentTimeInTimezone","showWeekNumbers","presets","isOpen","setIsOpen","startInputValue","setStartInputValue","formatDateTimeDisplay","endInputValue","setEndInputValue","tempRange","setTempRange","originalValueRef","closeTimerRef","handleStartInputChange","e","newValue","parsed","parseDateTimeInput","newRange","handleEndInputChange","handleStartInputBlur","handleEndInputBlur","handleRangeChange","range","handleRangeComplete","handlePopoverOpenChange","open","IconComponent","fieldVariant","Field","FieldLabel","Popover","FieldInputGroup","PopoverPrimitive","FieldGroupAddon","Button","PopoverContent","RangeCalendar","preset","createElement","Pill","FieldError"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.js","sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1/core\"\n\nimport {\n  Field,\n  FieldLabel,\n  FieldError,\n  FieldInputGroup,\n  FieldGroupAddon,\n} from \"../field/field\"\nimport { Button } from \"../button/button\"\nimport { Pill } from \"../pill/pill\"\nimport { Popover, PopoverContent } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport { RangeCalendar } from \"./range-calendar\"\nimport type { RangeCalendarProps } from \"./range-calendar\"\nimport type { DateRange, DateTimePickerLocale } from \"./date-range-picker-utils\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-range-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst DEFAULT_FORMAT = \"dd/MM/yyyy\"\n\nexport type DateRangePreset = {\n  label: string\n  getValue: () => DateRange\n}\n\nexport type DateRangePickerProps = {\n  value: DateRange\n  onChange: (range: DateRange) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  startPlaceholder?: string\n  endPlaceholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  testId?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  presets?: DateRangePreset[]\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  inputGroup: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  /**\n   * Reproduces a v1 defect on purpose, the same way Label's line-height is reproduced: v1's `icon-\n   * sm` size classes do not reach this button, so v1 renders it content-sized at 18x18 around an\n   * unconstrained 18px icon rather than the 28x28-with-14px-icon that `icon-sm` specifies.\n   */\n  addonButton: {\n    ...boxModel,\n    width: \"auto\",\n    height: \"auto\",\n    \"& svg\": { width: \"auto\", height: \"auto\" },\n  },\n  popoverTrigger: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  triggerRoot: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    height: \"1.5rem\",\n    cursor: \"pointer\",\n  },\n  input: {\n    ...nativeControl,\n    width: \"5.5rem\",\n    outlineStyle: \"none\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: \"transparent\",\n    textAlign: \"center\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(\"0\"),\n    \"::placeholder\": {\n      color: tokens.grayA8,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  separator: {\n    ...boxModel,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.gray9,\n    flexShrink: 0,\n    userSelect: \"none\",\n    ...shorthands.padding(\"0\", \"0.125rem\"), // v1 px-0.5\n  },\n  popoverContent: {\n    ...shorthands.overflow(\"hidden\"),\n  },\n  content: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingGroup1),\n    ...shorthands.padding(\"0.75rem\"), // v1 p-3 (0.75rem)\n  },\n  presets: {\n    ...boxModel,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement1),\n    width: \"8rem\", // v1 w-32\n    borderLeftWidth: \"1px\",\n    borderLeftStyle: \"solid\",\n    borderLeftColor: tokens.gray6,\n    paddingLeft: \"0.75rem\", // v1 pl-3 (0.75rem)\n  },\n  presetPill: {\n    alignSelf: \"flex-start\",\n  },\n})\n\nconst RangeInputTrigger = React.forwardRef<\n  HTMLDivElement,\n  {\n    startValue: string\n    endValue: string\n    startPlaceholder: string\n    endPlaceholder: string\n    disabled: boolean\n    onStartChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onEndChange: (e: React.ChangeEvent<HTMLInputElement>) => void\n    onStartBlur: () => void\n    onEndBlur: () => void\n    testId?: string\n    inputAriaLabel?: string\n    /** Ids from DateRangePicker so its visible label can point at and name the inputs (#16). */\n    startId?: string\n    endId?: string\n    labelId?: string\n    \"data-slot\"?: string\n  } & React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n  const {\n    startValue,\n    endValue,\n    startPlaceholder,\n    endPlaceholder,\n    disabled,\n    onStartChange,\n    onEndChange,\n    onStartBlur,\n    onEndBlur,\n    testId,\n    inputAriaLabel,\n    startId,\n    endId,\n    labelId,\n    className,\n    \"data-slot\": _dataSlot,\n    ...divProps\n  } = props\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      {...divProps}\n      className={mergeClasses(styles.triggerRoot, className)}\n      data-slot=\"date-range-input\"\n      {...{ [SLOT_ATTR]: \"date-range-input\" }}\n    >\n      <input\n        aria-label={inputAriaLabel || \"Start date\"}\n        id={startId}\n        aria-labelledby={labelId ? `${labelId} ${startId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-start-input\"\n        {...{ [SLOT_ATTR]: \"date-range-start-input\" }}\n        data-testid={testId ? `${testId}-start` : undefined}\n        disabled={disabled}\n        onBlur={onStartBlur}\n        onChange={onStartChange}\n        placeholder={startPlaceholder}\n        value={startValue}\n      />\n      <span\n        className={styles.separator}\n        data-slot=\"date-range-separator\"\n        {...{ [SLOT_ATTR]: \"date-range-separator\" }}\n      >\n        {\"\\u2013\"}\n      </span>\n      <input\n        aria-label=\"End date\"\n        id={endId}\n        aria-labelledby={labelId ? `${labelId} ${endId}` : undefined}\n        className={styles.input}\n        data-slot=\"date-range-end-input\"\n        {...{ [SLOT_ATTR]: \"date-range-end-input\" }}\n        data-testid={testId ? `${testId}-end` : undefined}\n        disabled={disabled}\n        onBlur={onEndBlur}\n        onChange={onEndChange}\n        placeholder={endPlaceholder}\n        value={endValue}\n      />\n    </div>\n  )\n})\n\nexport const DateRangePicker = React.forwardRef<\n  HTMLDivElement,\n  DateRangePickerProps\n>(function DateRangePicker(\n  {\n    value,\n    onChange,\n    onBlur,\n    disabled = false,\n    disablePast = false,\n    label,\n    error,\n    startPlaceholder = \"dd/MM/yyyy\",\n    endPlaceholder = \"dd/MM/yyyy\",\n    format = DEFAULT_FORMAT,\n    locale = \"de\",\n    className,\n    keyboardIcon,\n    inputAriaLabel,\n    openPickerAriaLabel = \"Open date picker\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    testId,\n    currentTimeInTimezone,\n    showWeekNumbers = false,\n    presets,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [startInputValue, setStartInputValue] = React.useState(() =>\n    value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n  )\n  const [endInputValue, setEndInputValue] = React.useState(() =>\n    value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n  )\n  const [tempRange, setTempRange] = React.useState<DateRange>(value)\n  const originalValueRef = React.useRef<DateRange>(value)\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  )\n  React.useEffect(\n    () => () => {\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n    },\n    []\n  )\n\n  React.useEffect(() => {\n    setStartInputValue(\n      value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n    )\n    setEndInputValue(\n      value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n    )\n    setTempRange(value)\n  }, [value, format, locale])\n\n  React.useEffect(() => {\n    if (isOpen) {\n      originalValueRef.current = value\n      setTempRange(value)\n    }\n  }, [isOpen, value])\n\n  const handleStartInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setStartInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, start: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleEndInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n\n      setEndInputValue(newValue)\n\n      const parsed = parseDateTimeInput(newValue, format, locale)\n\n      if (parsed) {\n        const newRange = { ...value, end: parsed }\n\n        onChange(newRange)\n      }\n    },\n    [onChange, value, format, locale]\n  )\n\n  const handleStartInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(startInputValue, format, locale)\n\n    if (!parsed) {\n      setStartInputValue(\n        value.start ? formatDateTimeDisplay(value.start, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [startInputValue, value.start, format, locale, onBlur])\n\n  const handleEndInputBlur = React.useCallback(() => {\n    const parsed = parseDateTimeInput(endInputValue, format, locale)\n\n    if (!parsed) {\n      setEndInputValue(\n        value.end ? formatDateTimeDisplay(value.end, format, locale) : \"\"\n      )\n    }\n    onBlur?.()\n  }, [endInputValue, value.end, format, locale, onBlur])\n\n  const handleRangeChange = React.useCallback(\n    (range: DateRange) => {\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n    },\n    [format, locale]\n  )\n\n  const handleRangeComplete = React.useCallback(\n    (range: DateRange) => {\n      onChange(range)\n      setTempRange(range)\n      setStartInputValue(\n        range.start ? formatDateTimeDisplay(range.start, format, locale) : \"\"\n      )\n      setEndInputValue(\n        range.end ? formatDateTimeDisplay(range.end, format, locale) : \"\"\n      )\n      // Small delay to allow the user to see the selection before closing. Tracked and cleared on\n      // unmount: an uncleared timer fires into an unmounted tree, which React 18 reports as a\n      // state update on an unmounted component and which under jsdom teardown throws\n      // `ReferenceError: window is not defined` from the scheduler.\n      if (closeTimerRef.current !== undefined)\n        clearTimeout(closeTimerRef.current)\n      closeTimerRef.current = setTimeout(() => {\n        closeTimerRef.current = undefined\n        setIsOpen(false)\n      }, 150)\n    },\n    [onChange, format, locale]\n  )\n\n  const handlePopoverOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        // If closing without a complete selection, revert\n        if (!tempRange.start || !tempRange.end) {\n          setTempRange(originalValueRef.current)\n          setStartInputValue(\n            originalValueRef.current.start\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.start,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n          setEndInputValue(\n            originalValueRef.current.end\n              ? formatDateTimeDisplay(\n                  originalValueRef.current.end,\n                  format,\n                  locale\n                )\n              : \"\"\n          )\n        }\n      }\n      setIsOpen(open)\n    },\n    [tempRange, format, locale]\n  )\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n  const fieldVariant = error ? \"destructive\" : \"highlight\"\n  // This component renders both the label and the inputs, so it connects them (#16).\n  const labelId = React.useId()\n  const startId = React.useId()\n  const endId = React.useId()\n\n  return (\n    <Field\n      className={mergeClasses(styles.root, className)}\n      data-slot=\"daterangepicker\"\n      {...{ [SLOT_ATTR]: \"daterangepicker\" }}\n      ref={ref}\n      variant={fieldVariant}\n    >\n      {label && (\n        <FieldLabel id={labelId} htmlFor={startId}>\n          {label}\n        </FieldLabel>\n      )}\n      <Popover modal onOpenChange={handlePopoverOpenChange} open={isOpen}>\n        <FieldInputGroup className={styles.inputGroup}>\n          {/* RangeInputTrigger is a component rendering a <div>: PopoverTrigger cannot tell,\n              since Base UI checks the rendered tag on first mount, so this trigger says so\n              itself. The group holds two textboxes, so it drops the role=\"button\" and tab stop\n              that brings, as under Radix. */}\n          <PopoverPrimitive.Trigger\n            nativeButton={false}\n            render={\n              <RangeInputTrigger\n                className={styles.popoverTrigger}\n                disabled={disabled}\n                endPlaceholder={endPlaceholder}\n                endValue={endInputValue}\n                inputAriaLabel={inputAriaLabel}\n                startId={startId}\n                endId={endId}\n                labelId={label ? labelId : undefined}\n                onEndBlur={handleEndInputBlur}\n                onEndChange={handleEndInputChange}\n                onStartBlur={handleStartInputBlur}\n                onStartChange={handleStartInputChange}\n                role={undefined}\n                startPlaceholder={startPlaceholder}\n                startValue={startInputValue}\n                tabIndex={undefined}\n                testId={testId}\n              />\n            }\n          />\n          <FieldGroupAddon align=\"end\">\n            <Button\n              aria-label={openPickerAriaLabel}\n              disabled={disabled}\n              onClick={() => setIsOpen(true)}\n              className={styles.addonButton}\n              size=\"icon-sm\"\n              variant=\"tertiary\"\n            >\n              {IconComponent}\n            </Button>\n          </FieldGroupAddon>\n        </FieldInputGroup>\n        <PopoverContent\n          align=\"start\"\n          className={styles.popoverContent}\n          flush\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <div\n            className={styles.content}\n            data-slot=\"daterangepicker-content\"\n            {...{ [SLOT_ATTR]: \"daterangepicker-content\" }}\n          >\n            <RangeCalendar\n              currentTimeInTimezone={currentTimeInTimezone}\n              disablePast={disablePast}\n              locale={locale}\n              nextMonthLabel={nextMonthLabel}\n              onChange={handleRangeChange}\n              onRangeComplete={handleRangeComplete}\n              previousMonthLabel={previousMonthLabel}\n              showWeekNumbers={showWeekNumbers}\n              value={tempRange}\n            />\n            {presets && presets.length > 0 && (\n              <aside\n                className={styles.presets}\n                data-slot=\"daterangepicker-presets\"\n                {...{ [SLOT_ATTR]: \"daterangepicker-presets\" }}\n              >\n                {presets.map((preset) => (\n                  <Pill\n                    className={styles.presetPill}\n                    data-slot=\"daterangepicker-preset\"\n                    {...{ [SLOT_ATTR]: \"daterangepicker-preset\" }}\n                    key={preset.label}\n                    onClick={() => {\n                      const range = preset.getValue()\n\n                      handleRangeComplete(range)\n                    }}\n                    variant=\"surface\"\n                  >\n                    {preset.label}\n                  </Pill>\n                ))}\n              </aside>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n      {error && <FieldError>{error}</FieldError>}\n    </Field>\n  )\n})\n\nexport { RangeCalendar }\nexport type { RangeCalendarProps, DateRange, DateTimePickerLocale }\n"],"names":["CalendarIcon","props","jsx","DEFAULT_FORMAT","useStyles","makeZenithStyles","boxModel","shorthands","tokens.spacingElement2","nativeControl","tokens.textSm","tokens.leadingSm","tokens.grayA12","tokens.grayA8","tokens.gray9","tokens.spacingGroup1","tokens.spacingElement1","tokens.gray6","RangeInputTrigger","React","ref","startValue","endValue","startPlaceholder","endPlaceholder","disabled","onStartChange","onEndChange","onStartBlur","onEndBlur","testId","inputAriaLabel","startId","endId","labelId","className","_dataSlot","divProps","styles","jsxs","mergeClasses","SLOT_ATTR","DateRangePicker","value","onChange","onBlur","disablePast","label","error","format","locale","keyboardIcon","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","currentTimeInTimezone","showWeekNumbers","presets","isOpen","setIsOpen","startInputValue","setStartInputValue","formatDateTimeDisplay","endInputValue","setEndInputValue","tempRange","setTempRange","originalValueRef","closeTimerRef","handleStartInputChange","e","newValue","parsed","parseDateTimeInput","newRange","handleEndInputChange","handleStartInputBlur","handleEndInputBlur","handleRangeChange","range","handleRangeComplete","handlePopoverOpenChange","open","IconComponent","fieldVariant","Field","FieldLabel","Popover","FieldInputGroup","PopoverPrimitive","FieldGroupAddon","Button","PopoverContent","RangeCalendar","preset","createElement","Pill","FieldError"],"mappings":"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"}

package/dist/components/date-range-picker/range-calendar.js

@@ -1,6 +1,6 @@
 import { jsxs as B, jsx as l } from "react/jsx-runtime";
 import * as e from "react";
-import { SLOT_ATTR as m, mergeClasses as L, shorthands as z } from "@epilot/zenith-runtime/v1";
+import { SLOT_ATTR as m, mergeClasses as L, shorthands as z } from "@epilot/zenith-runtime/v1/core.js";
 import { Calendar as H } from "../date-time-picker/calendar.js";
 import { makeZenithStyles as A } from "../../styles/make-styles.js";
 import { boxModel as T } from "../../styles/host-reset.js";

package/dist/components/date-range-picker/range-calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-calendar.js","sources":["../../../src/components/date-range-picker/range-calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { addMonths, subMonths, startOfDay } from \"date-fns\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { Calendar } from \"../date-time-picker/calendar\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport type { DateRange, DateTimePickerLocale } from \"./date-range-picker-utils\"\nimport { normalizeRange } from \"./date-range-picker-utils\"\n\ntype SelectionPhase = \"idle\" | \"selectingEnd\"\n\nexport type RangeCalendarProps = {\n  value: DateRange\n  onChange: (range: DateRange) => void\n  onRangeComplete?: (range: DateRange) => void\n  disablePast?: boolean\n  locale?: DateTimePickerLocale\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  className?: string\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingLayout1), // v1 gap-6 (1.5rem)\n  },\n  panel: {\n    ...boxModel,\n    width: \"280px\",\n    flexShrink: 0,\n  },\n})\n\nexport const RangeCalendar = React.forwardRef<\n  HTMLDivElement,\n  RangeCalendarProps\n>(function RangeCalendar(\n  {\n    value,\n    onChange,\n    onRangeComplete,\n    disablePast = false,\n    locale = \"de\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    currentTimeInTimezone,\n    showWeekNumbers = false,\n    className,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const [leftViewDate, setLeftViewDate] = React.useState(() => {\n    if (value.start) return startOfDay(value.start)\n\n    return startOfDay(new Date())\n  })\n\n  const [selectionPhase, setSelectionPhase] =\n    React.useState<SelectionPhase>(\"idle\")\n  const [rangeStart, setRangeStart] = React.useState<Date | null>(value.start)\n  const [rangeEnd, setRangeEnd] = React.useState<Date | null>(value.end)\n  const [hoveredDate, setHoveredDate] = React.useState<Date | null>(null)\n\n  React.useEffect(() => {\n    if (selectionPhase === \"idle\") {\n      setRangeStart(value.start)\n      setRangeEnd(value.end)\n    }\n  }, [value.start, value.end, selectionPhase])\n\n  const rightViewDate = React.useMemo(\n    () => addMonths(leftViewDate, 1),\n    [leftViewDate]\n  )\n\n  // Shared day click handler (range state machine)\n  const handleDayClick = React.useCallback(\n    (day: Date) => {\n      if (selectionPhase === \"idle\") {\n        setRangeStart(day)\n        setRangeEnd(null)\n        setSelectionPhase(\"selectingEnd\")\n        onChange({ start: day, end: null })\n      } else {\n        const normalized = normalizeRange(rangeStart!, day)\n\n        setRangeStart(normalized.start)\n        setRangeEnd(normalized.end)\n        setSelectionPhase(\"idle\")\n        setHoveredDate(null)\n        onChange(normalized)\n        onRangeComplete?.(normalized)\n      }\n    },\n    [selectionPhase, rangeStart, onChange, onRangeComplete]\n  )\n\n  // Shared hover handler\n  const handleDayHover = React.useCallback(\n    (day: Date | null) => {\n      if (selectionPhase === \"selectingEnd\") {\n        setHoveredDate(day)\n      }\n    },\n    [selectionPhase]\n  )\n\n  // Left panel navigation\n  const handleLeftViewDateChange = React.useCallback((date: Date) => {\n    setLeftViewDate(date)\n  }, [])\n\n  // Right panel navigation: when the right panel moves, shift leftViewDate accordingly\n  const handleRightViewDateChange = React.useCallback((date: Date) => {\n    // Right panel changed its viewDate, so left should be one month before\n    setLeftViewDate(subMonths(date, 1))\n  }, [])\n\n  // Dummy value for Calendar (required prop but unused in range mode)\n  const dummyDate = React.useMemo(\n    () => value.start || new Date(),\n    [value.start]\n  )\n\n  return (\n    <div\n      className={mergeClasses(styles.root, className)}\n      data-slot=\"range-calendar\"\n      {...{ [SLOT_ATTR]: \"range-calendar\" }}\n      ref={ref}\n    >\n      {/* Left panel */}\n      <div\n        className={styles.panel}\n        data-slot=\"range-calendar-panel\"\n        {...{ [SLOT_ATTR]: \"range-calendar-panel\" }}\n      >\n        <Calendar\n          controlledViewDate={leftViewDate}\n          currentTimeInTimezone={currentTimeInTimezone}\n          disablePast={disablePast}\n          hideOutOfMonthDays\n          hoveredDate={hoveredDate}\n          locale={locale}\n          nextMonthLabel={nextMonthLabel}\n          onChange={() => {}}\n          onDayClick={handleDayClick}\n          onDayHover={handleDayHover}\n          onViewDateChange={handleLeftViewDateChange}\n          previousMonthLabel={previousMonthLabel}\n          rangeEnd={rangeEnd}\n          rangeStart={rangeStart}\n          showNextButton={false}\n          showWeekNumbers={showWeekNumbers}\n          value={dummyDate}\n        />\n      </div>\n\n      {/* Right panel */}\n      <div\n        className={styles.panel}\n        data-slot=\"range-calendar-panel\"\n        {...{ [SLOT_ATTR]: \"range-calendar-panel\" }}\n      >\n        <Calendar\n          controlledViewDate={rightViewDate}\n          currentTimeInTimezone={currentTimeInTimezone}\n          disablePast={disablePast}\n          hideOutOfMonthDays\n          hoveredDate={hoveredDate}\n          locale={locale}\n          nextMonthLabel={nextMonthLabel}\n          onChange={() => {}}\n          onDayClick={handleDayClick}\n          onDayHover={handleDayHover}\n          onViewDateChange={handleRightViewDateChange}\n          previousMonthLabel={previousMonthLabel}\n          rangeEnd={rangeEnd}\n          rangeStart={rangeStart}\n          showPreviousButton={false}\n          showWeekNumbers={showWeekNumbers}\n          value={dummyDate}\n        />\n      </div>\n    </div>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.spacingLayout1","boxModel","RangeCalendar","React","value","onChange","onRangeComplete","disablePast","locale","previousMonthLabel","nextMonthLabel","currentTimeInTimezone","showWeekNumbers","className","ref","styles","leftViewDate","setLeftViewDate","startOfDay","selectionPhase","setSelectionPhase","rangeStart","setRangeStart","rangeEnd","setRangeEnd","hoveredDate","setHoveredDate","rightViewDate","addMonths","handleDayClick","day","normalized","normalizeRange","handleDayHover","handleLeftViewDateChange","date","handleRightViewDateChange","subMonths","dummyDate","jsxs","mergeClasses","SLOT_ATTR","jsx","Calendar"],"mappings":"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"}
+{"version":3,"file":"range-calendar.js","sources":["../../../src/components/date-range-picker/range-calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { addMonths, subMonths, startOfDay } from \"date-fns\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1/core\"\n\nimport { Calendar } from \"../date-time-picker/calendar\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport type { DateRange, DateTimePickerLocale } from \"./date-range-picker-utils\"\nimport { normalizeRange } from \"./date-range-picker-utils\"\n\ntype SelectionPhase = \"idle\" | \"selectingEnd\"\n\nexport type RangeCalendarProps = {\n  value: DateRange\n  onChange: (range: DateRange) => void\n  onRangeComplete?: (range: DateRange) => void\n  disablePast?: boolean\n  locale?: DateTimePickerLocale\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  className?: string\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    ...shorthands.gap(tokens.spacingLayout1), // v1 gap-6 (1.5rem)\n  },\n  panel: {\n    ...boxModel,\n    width: \"280px\",\n    flexShrink: 0,\n  },\n})\n\nexport const RangeCalendar = React.forwardRef<\n  HTMLDivElement,\n  RangeCalendarProps\n>(function RangeCalendar(\n  {\n    value,\n    onChange,\n    onRangeComplete,\n    disablePast = false,\n    locale = \"de\",\n    previousMonthLabel = \"Previous month\",\n    nextMonthLabel = \"Next month\",\n    currentTimeInTimezone,\n    showWeekNumbers = false,\n    className,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const [leftViewDate, setLeftViewDate] = React.useState(() => {\n    if (value.start) return startOfDay(value.start)\n\n    return startOfDay(new Date())\n  })\n\n  const [selectionPhase, setSelectionPhase] =\n    React.useState<SelectionPhase>(\"idle\")\n  const [rangeStart, setRangeStart] = React.useState<Date | null>(value.start)\n  const [rangeEnd, setRangeEnd] = React.useState<Date | null>(value.end)\n  const [hoveredDate, setHoveredDate] = React.useState<Date | null>(null)\n\n  React.useEffect(() => {\n    if (selectionPhase === \"idle\") {\n      setRangeStart(value.start)\n      setRangeEnd(value.end)\n    }\n  }, [value.start, value.end, selectionPhase])\n\n  const rightViewDate = React.useMemo(\n    () => addMonths(leftViewDate, 1),\n    [leftViewDate]\n  )\n\n  // Shared day click handler (range state machine)\n  const handleDayClick = React.useCallback(\n    (day: Date) => {\n      if (selectionPhase === \"idle\") {\n        setRangeStart(day)\n        setRangeEnd(null)\n        setSelectionPhase(\"selectingEnd\")\n        onChange({ start: day, end: null })\n      } else {\n        const normalized = normalizeRange(rangeStart!, day)\n\n        setRangeStart(normalized.start)\n        setRangeEnd(normalized.end)\n        setSelectionPhase(\"idle\")\n        setHoveredDate(null)\n        onChange(normalized)\n        onRangeComplete?.(normalized)\n      }\n    },\n    [selectionPhase, rangeStart, onChange, onRangeComplete]\n  )\n\n  // Shared hover handler\n  const handleDayHover = React.useCallback(\n    (day: Date | null) => {\n      if (selectionPhase === \"selectingEnd\") {\n        setHoveredDate(day)\n      }\n    },\n    [selectionPhase]\n  )\n\n  // Left panel navigation\n  const handleLeftViewDateChange = React.useCallback((date: Date) => {\n    setLeftViewDate(date)\n  }, [])\n\n  // Right panel navigation: when the right panel moves, shift leftViewDate accordingly\n  const handleRightViewDateChange = React.useCallback((date: Date) => {\n    // Right panel changed its viewDate, so left should be one month before\n    setLeftViewDate(subMonths(date, 1))\n  }, [])\n\n  // Dummy value for Calendar (required prop but unused in range mode)\n  const dummyDate = React.useMemo(\n    () => value.start || new Date(),\n    [value.start]\n  )\n\n  return (\n    <div\n      className={mergeClasses(styles.root, className)}\n      data-slot=\"range-calendar\"\n      {...{ [SLOT_ATTR]: \"range-calendar\" }}\n      ref={ref}\n    >\n      {/* Left panel */}\n      <div\n        className={styles.panel}\n        data-slot=\"range-calendar-panel\"\n        {...{ [SLOT_ATTR]: \"range-calendar-panel\" }}\n      >\n        <Calendar\n          controlledViewDate={leftViewDate}\n          currentTimeInTimezone={currentTimeInTimezone}\n          disablePast={disablePast}\n          hideOutOfMonthDays\n          hoveredDate={hoveredDate}\n          locale={locale}\n          nextMonthLabel={nextMonthLabel}\n          onChange={() => {}}\n          onDayClick={handleDayClick}\n          onDayHover={handleDayHover}\n          onViewDateChange={handleLeftViewDateChange}\n          previousMonthLabel={previousMonthLabel}\n          rangeEnd={rangeEnd}\n          rangeStart={rangeStart}\n          showNextButton={false}\n          showWeekNumbers={showWeekNumbers}\n          value={dummyDate}\n        />\n      </div>\n\n      {/* Right panel */}\n      <div\n        className={styles.panel}\n        data-slot=\"range-calendar-panel\"\n        {...{ [SLOT_ATTR]: \"range-calendar-panel\" }}\n      >\n        <Calendar\n          controlledViewDate={rightViewDate}\n          currentTimeInTimezone={currentTimeInTimezone}\n          disablePast={disablePast}\n          hideOutOfMonthDays\n          hoveredDate={hoveredDate}\n          locale={locale}\n          nextMonthLabel={nextMonthLabel}\n          onChange={() => {}}\n          onDayClick={handleDayClick}\n          onDayHover={handleDayHover}\n          onViewDateChange={handleRightViewDateChange}\n          previousMonthLabel={previousMonthLabel}\n          rangeEnd={rangeEnd}\n          rangeStart={rangeStart}\n          showPreviousButton={false}\n          showWeekNumbers={showWeekNumbers}\n          value={dummyDate}\n        />\n      </div>\n    </div>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","tokens.spacingLayout1","boxModel","RangeCalendar","React","value","onChange","onRangeComplete","disablePast","locale","previousMonthLabel","nextMonthLabel","currentTimeInTimezone","showWeekNumbers","className","ref","styles","leftViewDate","setLeftViewDate","startOfDay","selectionPhase","setSelectionPhase","rangeStart","setRangeStart","rangeEnd","setRangeEnd","hoveredDate","setHoveredDate","rightViewDate","addMonths","handleDayClick","day","normalized","normalizeRange","handleDayHover","handleLeftViewDateChange","date","handleRightViewDateChange","subMonths","dummyDate","jsxs","mergeClasses","SLOT_ATTR","jsx","Calendar"],"mappings":"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"}

package/dist/components/date-time-picker/calendar.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as n, Fragment as ue } from "react/jsx-runtime";
 import * as d from "react";
 import { createElement as F } from "react";
-import { mergeClasses as u, SLOT_ATTR as i, shorthands as l } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as u, SLOT_ATTR as i, shorthands as l } from "@epilot/zenith-runtime/v1/core.js";
 import { Button as ae } from "../button/button.js";
 import { makeZenithStyles as Xe } from "../../styles/make-styles.js";
 import { nativeControl as ne, boxModel as s } from "../../styles/host-reset.js";

package/dist/components/date-time-picker/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../../src/components/date-time-picker/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { isSameDay } from \"date-fns\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { Button } from \"../button/button\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\nimport {\n  getCalendarDays,\n  getWeekDays,\n  formatMonth,\n  isDateDisabled,\n  isDayInCurrentMonth,\n  isDaySelected,\n  isDayToday,\n  goToPreviousMonth,\n  goToNextMonth,\n  adjustTimeIfPast,\n  getMonthNames,\n  getDecadeStart,\n  getWeekNumber,\n  getWeekLabel,\n  isDateInRange,\n  normalizeRange,\n} from \"./date-time-picker-utils\"\n\nconst ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\n  </svg>\n)\n\nexport type CalendarView = \"days\" | \"months\" | \"years\"\n\nexport type CalendarProps = {\n  value: Date | null\n  onChange: (date: Date) => void\n  onDateSelect?: () => void\n  disablePast?: boolean\n  locale?: DateTimePickerLocale\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  // Range mode props (optional - when provided, enables range highlighting)\n  rangeStart?: Date | null\n  rangeEnd?: Date | null\n  hoveredDate?: Date | null\n  onDayHover?: (day: Date | null) => void\n  onDayClick?: (day: Date) => void\n  showPreviousButton?: boolean\n  showNextButton?: boolean\n  controlledViewDate?: Date\n  onViewDateChange?: (date: Date) => void\n  // Replace prev/next-month overflow cells with empty placeholders — used by\n  // RangeCalendar so adjacent panels don't render the same dates twice (which\n  // would otherwise both pick up range styling and read as duplicates).\n  hideOutOfMonthDays?: boolean\n  className?: string\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    marginBottom: tokens.spacingElement2,\n  },\n  buttonSpacer: {\n    ...boxModel,\n    width: \"1.75rem\",\n    height: \"1.75rem\",\n  },\n  headerCenter: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n  },\n  headerBtn: {\n    ...nativeControl,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: tokens.grayA3,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    transitionProperty: \"background-color, color\",\n    transitionDuration: \"150ms\",\n    cursor: \"pointer\",\n    ...shorthands.padding(\"0.25rem\", tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    ...shorthands.border(\"0\"),\n    outlineStyle: \"none\",\n  },\n  monthHeaderBtn: {\n    textTransform: \"capitalize\",\n  },\n  decadeLabel: {\n    ...boxModel,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    ...shorthands.padding(\"0.25rem\", tokens.spacingElement2),\n  },\n  grid: {\n    display: \"grid\",\n    justifyItems: \"center\",\n    ...shorthands.gap(\"0.125rem\"),\n    gridTemplateColumns: \"repeat(7, minmax(0, 1fr))\",\n  },\n  gridWithWeeks: {\n    gridTemplateColumns: \"auto repeat(7, minmax(0, 1fr))\",\n  },\n  gridRange: {\n    rowGap: tokens.spacingElement1,\n    columnGap: \"0\",\n  },\n  weekLabel: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightMedium,\n    color: tokens.grayA11,\n    height: \"1.75rem\",\n    width: \"2rem\",\n  },\n  weekNumber: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightMedium,\n    color: tokens.grayA11,\n    height: \"2rem\",\n    width: \"2rem\",\n  },\n  cellPlaceholder: {\n    ...boxModel,\n    height: \"2rem\",\n    width: \"2rem\",\n  },\n  dayBtn: {\n    ...nativeControl,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    transitionProperty: \"background-color, color\",\n    transitionDuration: \"150ms\",\n    cursor: \"pointer\",\n    height: \"2rem\",\n    width: \"2rem\",\n    ...shorthands.border(\"0\"),\n    outlineStyle: \"none\",\n  },\n  dayBtnSingle: {\n    ...boxModel,\n    ...shorthands.borderRadius(tokens.radiusMd),\n  },\n  dayBtnTransparent: {\n    backgroundColor: \"transparent\",\n  },\n  dayBtnHover: {\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  dayBtnToday: {\n    color: tokens.accentA11,\n    textDecorationLine: \"underline\",\n    textUnderlineOffset: \"4px\",\n    textDecorationThickness: \"1.5px\",\n    textDecorationColor: tokens.accentA11,\n  },\n  dayBtnSelected: {\n    fontWeight: tokens.fontWeightSemibold,\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnOutOfMonth: {\n    color: tokens.grayA8,\n  },\n  dayBtnInMonth: {\n    color: tokens.grayA12,\n  },\n  dayBtnDisabled: {\n    opacity: 0.5,\n    cursor: \"not-allowed\",\n  },\n  // Range styles\n  dayBtnRangeSingleDay: {\n    ...boxModel,\n    ...shorthands.borderRadius(tokens.radiusMd),\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    fontWeight: tokens.fontWeightSemibold,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnRangeStart: {\n    ...boxModel,\n    borderTopLeftRadius: tokens.radiusMd,\n    borderBottomLeftRadius: tokens.radiusMd,\n    borderTopRightRadius: 0,\n    borderBottomRightRadius: 0,\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    fontWeight: tokens.fontWeightSemibold,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnRangeEnd: {\n    ...boxModel,\n    borderTopRightRadius: tokens.radiusMd,\n    borderBottomRightRadius: tokens.radiusMd,\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    fontWeight: tokens.fontWeightSemibold,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnRangeMiddle: {\n    ...boxModel,\n    ...shorthands.borderRadius(0),\n    backgroundColor: tokens.accent3,\n    color: tokens.grayA12,\n  },\n  dayBtnRangeMiddlePreview: {\n    ...boxModel,\n    ...shorthands.borderRadius(0),\n    backgroundColor: tokens.accentA3,\n    color: tokens.grayA12,\n  },\n  todayContainer: {\n    ...boxModel,\n    display: \"flex\",\n    justifyContent: \"center\",\n    paddingTop: tokens.spacingElement2,\n  },\n  monthsYearsGrid: {\n    ...boxModel,\n    display: \"grid\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.padding(tokens.spacingElement2, 0),\n  },\n  monthsGridCols: {\n    gridTemplateColumns: \"repeat(3, 1fr)\",\n  },\n  yearsGridCols: {\n    gridTemplateColumns: \"repeat(2, 1fr)\",\n  },\n  monthYearBtn: {\n    ...nativeControl,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    ...shorthands.borderRadius(tokens.radiusMd),\n    transitionProperty: \"background-color, color\",\n    transitionDuration: \"150ms\",\n    cursor: \"pointer\",\n    height: \"2.25rem\",\n    ...shorthands.border(\"0\"),\n    outlineStyle: \"none\",\n  },\n  monthBtnCapitalize: {\n    textTransform: \"capitalize\",\n  },\n})\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(\n    {\n      value,\n      onChange,\n      onDateSelect,\n      disablePast = false,\n      locale = \"de\",\n      previousMonthLabel = \"Previous month\",\n      nextMonthLabel = \"Next month\",\n      showTodayButton = false,\n      todayLabel = \"Today\",\n      currentTimeInTimezone,\n      showWeekNumbers = false,\n      rangeStart,\n      rangeEnd,\n      hoveredDate,\n      onDayHover,\n      onDayClick,\n      showPreviousButton = true,\n      showNextButton = true,\n      controlledViewDate,\n      onViewDateChange,\n      hideOutOfMonthDays = false,\n      className,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const [internalViewDate, setInternalViewDate] = React.useState(\n      () => value || currentTimeInTimezone || new Date()\n    )\n    const [view, setView] = React.useState<CalendarView>(\"days\")\n\n    const isRangeMode = rangeStart !== undefined\n    const viewDate = controlledViewDate || internalViewDate\n    const setViewDate = React.useCallback(\n      (updater: Date | ((prev: Date) => Date)) => {\n        if (onViewDateChange) {\n          if (typeof updater === \"function\") {\n            onViewDateChange(updater(viewDate))\n          } else {\n            onViewDateChange(updater)\n          }\n        } else {\n          setInternalViewDate(updater)\n        }\n      },\n      [onViewDateChange, viewDate]\n    )\n\n    const weekDays = getWeekDays(locale)\n    const calendarDays = getCalendarDays(viewDate, locale)\n    const monthNames = React.useMemo(() => getMonthNames(locale), [locale])\n\n    const now = React.useMemo(\n      () => currentTimeInTimezone || new Date(),\n      [currentTimeInTimezone]\n    )\n    const currentYear = now.getFullYear()\n    const currentMonth = now.getMonth()\n\n    const viewYear = viewDate.getFullYear()\n    const decadeStart = getDecadeStart(viewYear)\n\n    // Navigation handlers\n    const handlePrevious = React.useCallback(() => {\n      setViewDate((prev) => {\n        if (view === \"days\") return goToPreviousMonth(prev)\n        if (view === \"months\")\n          return new Date(prev.getFullYear() - 1, prev.getMonth(), 1)\n\n        return new Date(prev.getFullYear() - 10, prev.getMonth(), 1)\n      })\n    }, [view, setViewDate])\n\n    const handleNext = React.useCallback(() => {\n      setViewDate((prev) => {\n        if (view === \"days\") return goToNextMonth(prev)\n        if (view === \"months\")\n          return new Date(prev.getFullYear() + 1, prev.getMonth(), 1)\n\n        return new Date(prev.getFullYear() + 10, prev.getMonth(), 1)\n      })\n    }, [view, setViewDate])\n\n    const handleTodayClick = React.useCallback(() => {\n      const today = new Date(now)\n\n      if (value) {\n        today.setHours(value.getHours(), value.getMinutes(), 0, 0)\n      } else {\n        today.setHours(0, 0, 0, 0)\n      }\n\n      const adjustedDate = adjustTimeIfPast(\n        today,\n        disablePast,\n        currentTimeInTimezone\n      )\n\n      setViewDate(now)\n      onChange(adjustedDate)\n      onDateSelect?.()\n    }, [\n      onChange,\n      onDateSelect,\n      value,\n      disablePast,\n      currentTimeInTimezone,\n      now,\n      setViewDate,\n    ])\n\n    const handleDayClick = React.useCallback(\n      (day: Date) => {\n        if (isDateDisabled(day, disablePast, currentTimeInTimezone)) return\n\n        // In range mode, delegate to parent handler\n        if (onDayClick) {\n          onDayClick(day)\n\n          return\n        }\n\n        const newDate = new Date(day)\n\n        if (value) {\n          newDate.setHours(value.getHours(), value.getMinutes(), 0, 0)\n        } else {\n          newDate.setHours(0, 0, 0, 0)\n        }\n\n        const adjustedDate = adjustTimeIfPast(\n          newDate,\n          disablePast,\n          currentTimeInTimezone\n        )\n\n        onChange(adjustedDate)\n        onDateSelect?.()\n      },\n      [\n        onChange,\n        onDateSelect,\n        onDayClick,\n        value,\n        disablePast,\n        currentTimeInTimezone,\n      ]\n    )\n\n    const handleMonthSelect = React.useCallback(\n      (monthIndex: number) => {\n        setViewDate((prev) => new Date(prev.getFullYear(), monthIndex, 1))\n        setView(\"days\")\n      },\n      [setViewDate]\n    )\n\n    const handleYearSelect = React.useCallback(\n      (year: number) => {\n        setViewDate((prev) => new Date(year, prev.getMonth(), 1))\n        setView(\"months\")\n      },\n      [setViewDate]\n    )\n\n    const handleMonthHeaderClick = React.useCallback(() => {\n      setView(\"months\")\n    }, [])\n\n    const handleYearHeaderClick = React.useCallback(() => {\n      setView(\"years\")\n    }, [])\n\n    return (\n      <div\n        ref={ref}\n        className={mergeClasses(styles.root, className)}\n        data-slot=\"calendar\"\n        {...{ [SLOT_ATTR]: \"calendar\" }}\n        onMouseLeave={onDayHover ? () => onDayHover(null) : undefined}\n      >\n        <div className={styles.header}>\n          {showPreviousButton ? (\n            <Button\n              aria-label={previousMonthLabel}\n              onClick={handlePrevious}\n              size=\"icon\"\n              variant=\"tertiary\"\n            >\n              <ChevronLeftIcon />\n            </Button>\n          ) : (\n            <div className={styles.buttonSpacer} />\n          )}\n          <div className={styles.headerCenter}>\n            {view === \"days\" && (\n              <>\n                <button\n                  className={mergeClasses(\n                    styles.headerBtn,\n                    styles.monthHeaderBtn\n                  )}\n                  onClick={handleMonthHeaderClick}\n                  type=\"button\"\n                >\n                  {formatMonth(viewDate, locale)}\n                </button>\n                <button\n                  className={styles.headerBtn}\n                  onClick={handleYearHeaderClick}\n                  type=\"button\"\n                >\n                  {viewYear}\n                </button>\n              </>\n            )}\n            {view === \"months\" && (\n              <button\n                className={styles.headerBtn}\n                onClick={handleYearHeaderClick}\n                type=\"button\"\n              >\n                {viewYear}\n              </button>\n            )}\n            {view === \"years\" && (\n              <span className={styles.decadeLabel}>\n                {`${decadeStart} \\u2013 ${decadeStart + 9}`}\n              </span>\n            )}\n          </div>\n          {showNextButton ? (\n            <Button\n              aria-label={nextMonthLabel}\n              onClick={handleNext}\n              size=\"icon\"\n              variant=\"tertiary\"\n            >\n              <ChevronRightIcon />\n            </Button>\n          ) : (\n            <div className={styles.buttonSpacer} />\n          )}\n        </div>\n\n        <div>\n          {view === \"days\" && (\n            <>\n              <div\n                className={mergeClasses(\n                  styles.grid,\n                  isRangeMode && styles.gridRange,\n                  showWeekNumbers && styles.gridWithWeeks\n                )}\n                data-slot=\"calendar-grid\"\n                {...{ [SLOT_ATTR]: \"calendar-grid\" }}\n              >\n                {showWeekNumbers && (\n                  <div\n                    className={styles.weekLabel}\n                    data-slot=\"calendar-week-label\"\n                    {...{ [SLOT_ATTR]: \"calendar-week-label\" }}\n                  >\n                    {getWeekLabel(locale)}\n                  </div>\n                )}\n                {weekDays.map((day) => (\n                  <div\n                    className={styles.weekLabel}\n                    data-slot=\"calendar-weekday\"\n                    {...{ [SLOT_ATTR]: \"calendar-weekday\" }}\n                    key={day}\n                  >\n                    {day}\n                  </div>\n                ))}\n\n                {calendarDays.map((day, index) => {\n                  const weekLeading = showWeekNumbers && index % 7 === 0\n                  const rowIsAllOutOfMonth =\n                    hideOutOfMonthDays &&\n                    weekLeading &&\n                    calendarDays\n                      .slice(index, index + 7)\n                      .every((d) => !isDayInCurrentMonth(d, viewDate))\n                  const weekCell =\n                    weekLeading && !rowIsAllOutOfMonth ? (\n                      <div\n                        className={styles.weekNumber}\n                        data-slot=\"calendar-week-number\"\n                        {...{ [SLOT_ATTR]: \"calendar-week-number\" }}\n                        data-week={getWeekNumber(day)}\n                        key={`wk-${index}`}\n                      >\n                        {getWeekNumber(day)}\n                      </div>\n                    ) : weekLeading ? (\n                      <div\n                        aria-hidden=\"true\"\n                        className={styles.cellPlaceholder}\n                        data-slot=\"calendar-week-number-placeholder\"\n                        {...{ [SLOT_ATTR]: \"calendar-week-number-placeholder\" }}\n                        key={`wk-${index}`}\n                      />\n                    ) : null\n                  const isCurrentMonth = isDayInCurrentMonth(day, viewDate)\n\n                  // In range mode, skip rendering overflow days entirely so the\n                  // same date doesn't appear in two adjacent panels.\n                  if (hideOutOfMonthDays && !isCurrentMonth) {\n                    return (\n                      <React.Fragment key={index}>\n                        {weekCell}\n                        <div\n                          aria-hidden=\"true\"\n                          className={styles.cellPlaceholder}\n                          data-slot=\"calendar-day-placeholder\"\n                          {...{ [SLOT_ATTR]: \"calendar-day-placeholder\" }}\n                        />\n                      </React.Fragment>\n                    )\n                  }\n\n                  const isDisabled = isDateDisabled(\n                    day,\n                    disablePast,\n                    currentTimeInTimezone\n                  )\n                  const isSelected =\n                    !isRangeMode && value !== null && isDaySelected(day, value)\n                  const isCurrentDay = isDayToday(day)\n\n                  // Range mode calculations\n                  const effectiveEnd = rangeEnd || hoveredDate || null\n                  const hasRange = isRangeMode && rangeStart && effectiveEnd\n                  const inRange = hasRange\n                    ? isDateInRange(day, rangeStart!, effectiveEnd!)\n                    : false\n\n                  let isStart = false\n                  let isEnd = false\n                  let isSingleDay = false\n\n                  if (hasRange) {\n                    const normalized = normalizeRange(\n                      rangeStart!,\n                      effectiveEnd!\n                    )\n\n                    isStart = isSameDay(day, normalized.start)\n                    isEnd = isSameDay(day, normalized.end)\n                    isSingleDay = isStart && isEnd\n                  } else if (isRangeMode && rangeStart) {\n                    isStart = isSameDay(day, rangeStart)\n                    isSingleDay = isStart\n                  }\n\n                  const isEndpoint = isStart || isEnd\n                  const inRangeMiddle = inRange && !isStart && !isEnd\n                  const isPreviewRange =\n                    isRangeMode && !rangeEnd && !!hoveredDate\n\n                  let rangeOrSingleStyle = null\n                  if (!isRangeMode) {\n                    rangeOrSingleStyle = mergeClasses(\n                      styles.dayBtnSingle,\n                      !isSelected && !isCurrentDay && styles.dayBtnTransparent,\n                      !isSelected && styles.dayBtnHover,\n                      isCurrentDay && !isSelected && styles.dayBtnToday,\n                      isDisabled && styles.dayBtnDisabled,\n                      !isCurrentMonth &&\n                        !isDisabled &&\n                        !isSelected &&\n                        styles.dayBtnOutOfMonth,\n                      isSelected && styles.dayBtnSelected,\n                      isCurrentMonth &&\n                        !isSelected &&\n                        !isDisabled &&\n                        styles.dayBtnInMonth\n                    )\n                  } else {\n                    rangeOrSingleStyle = mergeClasses(\n                      isSingleDay && isEndpoint && styles.dayBtnRangeSingleDay,\n                      isStart && !isSingleDay && styles.dayBtnRangeStart,\n                      isEnd && !isStart && styles.dayBtnRangeEnd,\n                      inRangeMiddle &&\n                        !isPreviewRange &&\n                        styles.dayBtnRangeMiddle,\n                      inRangeMiddle &&\n                        isPreviewRange &&\n                        styles.dayBtnRangeMiddlePreview,\n                      !isEndpoint && !inRangeMiddle && styles.dayBtnSingle,\n                      !isEndpoint && !inRangeMiddle && styles.dayBtnTransparent,\n                      !isEndpoint && !inRangeMiddle && styles.dayBtnHover,\n                      isCurrentDay &&\n                        !isEndpoint &&\n                        !inRangeMiddle &&\n                        styles.dayBtnToday,\n                      isDisabled && styles.dayBtnDisabled,\n                      !isCurrentMonth &&\n                        !isDisabled &&\n                        !isEndpoint &&\n                        styles.dayBtnOutOfMonth,\n                      isCurrentMonth &&\n                        !isEndpoint &&\n                        !isDisabled &&\n                        styles.dayBtnInMonth\n                    )\n                  }\n\n                  return (\n                    <React.Fragment key={index}>\n                      {weekCell}\n                      <button\n                        aria-disabled={isDisabled}\n                        aria-pressed={isSelected || isEndpoint}\n                        className={mergeClasses(\n                          styles.dayBtn,\n                          rangeOrSingleStyle\n                        )}\n                        data-in-range={inRangeMiddle || undefined}\n                        data-selected={isSelected || isEndpoint}\n                        data-slot=\"calendar-day\"\n                        {...{ [SLOT_ATTR]: \"calendar-day\" }}\n                        data-today={isCurrentDay}\n                        disabled={isDisabled}\n                        onClick={() => handleDayClick(day)}\n                        onMouseEnter={\n                          onDayHover ? () => onDayHover(day) : undefined\n                        }\n                        type=\"button\"\n                      >\n                        {day.getDate()}\n                      </button>\n                    </React.Fragment>\n                  )\n                })}\n              </div>\n              {showTodayButton && (\n                <div\n                  className={styles.todayContainer}\n                  data-slot=\"calendar-today\"\n                  {...{ [SLOT_ATTR]: \"calendar-today\" }}\n                >\n                  <Button\n                    onClick={handleTodayClick}\n                    size=\"xs\"\n                    variant=\"tertiary\"\n                  >\n                    {todayLabel}\n                  </Button>\n                </div>\n              )}\n            </>\n          )}\n\n          {view === \"months\" && (\n            <div\n              className={mergeClasses(\n                styles.monthsYearsGrid,\n                styles.monthsGridCols\n              )}\n              data-slot=\"calendar-months\"\n              {...{ [SLOT_ATTR]: \"calendar-months\" }}\n            >\n              {monthNames.map((name, index) => {\n                const isSelected =\n                  value !== null &&\n                  viewYear === value.getFullYear() &&\n                  index === value.getMonth()\n                const isCurrent =\n                  viewYear === currentYear && index === currentMonth\n                const isPast =\n                  disablePast &&\n                  (viewYear < currentYear ||\n                    (viewYear === currentYear && index < currentMonth))\n\n                return (\n                  <button\n                    className={mergeClasses(\n                      styles.monthYearBtn,\n                      styles.monthBtnCapitalize,\n                      !isSelected && !isCurrent && styles.dayBtnTransparent,\n                      !isSelected && styles.dayBtnHover,\n                      isCurrent && !isSelected && styles.dayBtnToday,\n                      isPast && styles.dayBtnDisabled,\n                      isSelected && styles.dayBtnSelected,\n                      !isSelected && !isPast && styles.dayBtnInMonth\n                    )}\n                    data-selected={isSelected}\n                    data-slot=\"calendar-month\"\n                    {...{ [SLOT_ATTR]: \"calendar-month\" }}\n                    disabled={isPast}\n                    key={index}\n                    onClick={() => handleMonthSelect(index)}\n                    type=\"button\"\n                  >\n                    {name}\n                  </button>\n                )\n              })}\n            </div>\n          )}\n\n          {view === \"years\" && (\n            <div\n              className={mergeClasses(\n                styles.monthsYearsGrid,\n                styles.yearsGridCols\n              )}\n              data-slot=\"calendar-years\"\n              {...{ [SLOT_ATTR]: \"calendar-years\" }}\n            >\n              {Array.from({ length: 10 }, (_, i) => {\n                const year = decadeStart + i\n                const isSelected =\n                  value !== null && year === value.getFullYear()\n                const isCurrent = year === currentYear\n                const isPast = disablePast && year < currentYear\n\n                return (\n                  <button\n                    className={mergeClasses(\n                      styles.monthYearBtn,\n                      !isSelected && !isCurrent && styles.dayBtnTransparent,\n                      !isSelected && styles.dayBtnHover,\n                      isCurrent && !isSelected && styles.dayBtnToday,\n                      isPast && styles.dayBtnDisabled,\n                      isSelected && styles.dayBtnSelected,\n                      !isSelected && !isPast && styles.dayBtnInMonth\n                    )}\n                    data-selected={isSelected}\n                    data-slot=\"calendar-year\"\n                    {...{ [SLOT_ATTR]: \"calendar-year\" }}\n                    disabled={isPast}\n                    key={year}\n                    onClick={() => handleYearSelect(year)}\n                    type=\"button\"\n                  >\n                    {year}\n                  </button>\n                )\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["ChevronLeftIcon","props","jsx","ChevronRightIcon","useStyles","makeZenithStyles","boxModel","tokens.spacingElement2","shorthands","tokens.spacingElement1","nativeControl","tokens.fontWeightSemibold","tokens.textSm","tokens.leadingSm","tokens.grayA12","tokens.grayA3","tokens.grayA4","tokens.radiusMd","tokens.textXs","tokens.leadingXs","tokens.fontWeightMedium","tokens.grayA11","tokens.accentA11","tokens.accentSolid","tokens.accentContrast","tokens.accentSolidHover","tokens.grayA8","tokens.accent3","tokens.accentA3","Calendar","React","value","onChange","onDateSelect","disablePast","locale","previousMonthLabel","nextMonthLabel","showTodayButton","todayLabel","currentTimeInTimezone","showWeekNumbers","rangeStart","rangeEnd","hoveredDate","onDayHover","onDayClick","showPreviousButton","showNextButton","controlledViewDate","onViewDateChange","hideOutOfMonthDays","className","ref","styles","internalViewDate","setInternalViewDate","view","setView","isRangeMode","viewDate","setViewDate","updater","weekDays","getWeekDays","calendarDays","getCalendarDays","monthNames","getMonthNames","now","currentYear","currentMonth","viewYear","decadeStart","getDecadeStart","handlePrevious","prev","goToPreviousMonth","handleNext","goToNextMonth","handleTodayClick","today","adjustedDate","adjustTimeIfPast","handleDayClick","day","isDateDisabled","newDate","handleMonthSelect","monthIndex","handleYearSelect","year","handleMonthHeaderClick","handleYearHeaderClick","jsxs","mergeClasses","SLOT_ATTR","Button","Fragment","formatMonth","createElement","index","weekLeading","rowIsAllOutOfMonth","d","isDayInCurrentMonth","weekCell","getWeekNumber","isCurrentMonth","isDisabled","isSelected","isDaySelected","isCurrentDay","isDayToday","effectiveEnd","hasRange","inRange","isDateInRange","isStart","isEnd","isSingleDay","normalized","normalizeRange","isSameDay","isEndpoint","inRangeMiddle","isPreviewRange","rangeOrSingleStyle","name","isCurrent","isPast","_","i"],"mappings":"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"}
+{"version":3,"file":"calendar.js","sources":["../../../src/components/date-time-picker/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { isSameDay } from \"date-fns\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1/core\"\n\nimport { Button } from \"../button/button\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\nimport {\n  getCalendarDays,\n  getWeekDays,\n  formatMonth,\n  isDateDisabled,\n  isDayInCurrentMonth,\n  isDaySelected,\n  isDayToday,\n  goToPreviousMonth,\n  goToNextMonth,\n  adjustTimeIfPast,\n  getMonthNames,\n  getDecadeStart,\n  getWeekNumber,\n  getWeekLabel,\n  isDateInRange,\n  normalizeRange,\n} from \"./date-time-picker-utils\"\n\nconst ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\" />\n  </svg>\n)\n\nexport type CalendarView = \"days\" | \"months\" | \"years\"\n\nexport type CalendarProps = {\n  value: Date | null\n  onChange: (date: Date) => void\n  onDateSelect?: () => void\n  disablePast?: boolean\n  locale?: DateTimePickerLocale\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  currentTimeInTimezone?: Date\n  showWeekNumbers?: boolean\n  // Range mode props (optional - when provided, enables range highlighting)\n  rangeStart?: Date | null\n  rangeEnd?: Date | null\n  hoveredDate?: Date | null\n  onDayHover?: (day: Date | null) => void\n  onDayClick?: (day: Date) => void\n  showPreviousButton?: boolean\n  showNextButton?: boolean\n  controlledViewDate?: Date\n  onViewDateChange?: (date: Date) => void\n  // Replace prev/next-month overflow cells with empty placeholders — used by\n  // RangeCalendar so adjacent panels don't render the same dates twice (which\n  // would otherwise both pick up range styling and read as duplicates).\n  hideOutOfMonthDays?: boolean\n  className?: string\n}\n\nconst useStyles = makeZenithStyles({\n  root: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    marginBottom: tokens.spacingElement2,\n  },\n  buttonSpacer: {\n    ...boxModel,\n    width: \"1.75rem\",\n    height: \"1.75rem\",\n  },\n  headerCenter: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement1),\n  },\n  headerBtn: {\n    ...nativeControl,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    backgroundColor: tokens.grayA3,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    transitionProperty: \"background-color, color\",\n    transitionDuration: \"150ms\",\n    cursor: \"pointer\",\n    ...shorthands.padding(\"0.25rem\", tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    ...shorthands.border(\"0\"),\n    outlineStyle: \"none\",\n  },\n  monthHeaderBtn: {\n    textTransform: \"capitalize\",\n  },\n  decadeLabel: {\n    ...boxModel,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA12,\n    ...shorthands.padding(\"0.25rem\", tokens.spacingElement2),\n  },\n  grid: {\n    display: \"grid\",\n    justifyItems: \"center\",\n    ...shorthands.gap(\"0.125rem\"),\n    gridTemplateColumns: \"repeat(7, minmax(0, 1fr))\",\n  },\n  gridWithWeeks: {\n    gridTemplateColumns: \"auto repeat(7, minmax(0, 1fr))\",\n  },\n  gridRange: {\n    rowGap: tokens.spacingElement1,\n    columnGap: \"0\",\n  },\n  weekLabel: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightMedium,\n    color: tokens.grayA11,\n    height: \"1.75rem\",\n    width: \"2rem\",\n  },\n  weekNumber: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightMedium,\n    color: tokens.grayA11,\n    height: \"2rem\",\n    width: \"2rem\",\n  },\n  cellPlaceholder: {\n    ...boxModel,\n    height: \"2rem\",\n    width: \"2rem\",\n  },\n  dayBtn: {\n    ...nativeControl,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    transitionProperty: \"background-color, color\",\n    transitionDuration: \"150ms\",\n    cursor: \"pointer\",\n    height: \"2rem\",\n    width: \"2rem\",\n    ...shorthands.border(\"0\"),\n    outlineStyle: \"none\",\n  },\n  dayBtnSingle: {\n    ...boxModel,\n    ...shorthands.borderRadius(tokens.radiusMd),\n  },\n  dayBtnTransparent: {\n    backgroundColor: \"transparent\",\n  },\n  dayBtnHover: {\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  dayBtnToday: {\n    color: tokens.accentA11,\n    textDecorationLine: \"underline\",\n    textUnderlineOffset: \"4px\",\n    textDecorationThickness: \"1.5px\",\n    textDecorationColor: tokens.accentA11,\n  },\n  dayBtnSelected: {\n    fontWeight: tokens.fontWeightSemibold,\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnOutOfMonth: {\n    color: tokens.grayA8,\n  },\n  dayBtnInMonth: {\n    color: tokens.grayA12,\n  },\n  dayBtnDisabled: {\n    opacity: 0.5,\n    cursor: \"not-allowed\",\n  },\n  // Range styles\n  dayBtnRangeSingleDay: {\n    ...boxModel,\n    ...shorthands.borderRadius(tokens.radiusMd),\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    fontWeight: tokens.fontWeightSemibold,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnRangeStart: {\n    ...boxModel,\n    borderTopLeftRadius: tokens.radiusMd,\n    borderBottomLeftRadius: tokens.radiusMd,\n    borderTopRightRadius: 0,\n    borderBottomRightRadius: 0,\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    fontWeight: tokens.fontWeightSemibold,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnRangeEnd: {\n    ...boxModel,\n    borderTopRightRadius: tokens.radiusMd,\n    borderBottomRightRadius: tokens.radiusMd,\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n    backgroundColor: tokens.accentSolid,\n    color: tokens.accentContrast,\n    fontWeight: tokens.fontWeightSemibold,\n    \":hover\": {\n      backgroundColor: tokens.accentSolidHover,\n    },\n  },\n  dayBtnRangeMiddle: {\n    ...boxModel,\n    ...shorthands.borderRadius(0),\n    backgroundColor: tokens.accent3,\n    color: tokens.grayA12,\n  },\n  dayBtnRangeMiddlePreview: {\n    ...boxModel,\n    ...shorthands.borderRadius(0),\n    backgroundColor: tokens.accentA3,\n    color: tokens.grayA12,\n  },\n  todayContainer: {\n    ...boxModel,\n    display: \"flex\",\n    justifyContent: \"center\",\n    paddingTop: tokens.spacingElement2,\n  },\n  monthsYearsGrid: {\n    ...boxModel,\n    display: \"grid\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.padding(tokens.spacingElement2, 0),\n  },\n  monthsGridCols: {\n    gridTemplateColumns: \"repeat(3, 1fr)\",\n  },\n  yearsGridCols: {\n    gridTemplateColumns: \"repeat(2, 1fr)\",\n  },\n  monthYearBtn: {\n    ...nativeControl,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    ...shorthands.borderRadius(tokens.radiusMd),\n    transitionProperty: \"background-color, color\",\n    transitionDuration: \"150ms\",\n    cursor: \"pointer\",\n    height: \"2.25rem\",\n    ...shorthands.border(\"0\"),\n    outlineStyle: \"none\",\n  },\n  monthBtnCapitalize: {\n    textTransform: \"capitalize\",\n  },\n})\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(\n    {\n      value,\n      onChange,\n      onDateSelect,\n      disablePast = false,\n      locale = \"de\",\n      previousMonthLabel = \"Previous month\",\n      nextMonthLabel = \"Next month\",\n      showTodayButton = false,\n      todayLabel = \"Today\",\n      currentTimeInTimezone,\n      showWeekNumbers = false,\n      rangeStart,\n      rangeEnd,\n      hoveredDate,\n      onDayHover,\n      onDayClick,\n      showPreviousButton = true,\n      showNextButton = true,\n      controlledViewDate,\n      onViewDateChange,\n      hideOutOfMonthDays = false,\n      className,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const [internalViewDate, setInternalViewDate] = React.useState(\n      () => value || currentTimeInTimezone || new Date()\n    )\n    const [view, setView] = React.useState<CalendarView>(\"days\")\n\n    const isRangeMode = rangeStart !== undefined\n    const viewDate = controlledViewDate || internalViewDate\n    const setViewDate = React.useCallback(\n      (updater: Date | ((prev: Date) => Date)) => {\n        if (onViewDateChange) {\n          if (typeof updater === \"function\") {\n            onViewDateChange(updater(viewDate))\n          } else {\n            onViewDateChange(updater)\n          }\n        } else {\n          setInternalViewDate(updater)\n        }\n      },\n      [onViewDateChange, viewDate]\n    )\n\n    const weekDays = getWeekDays(locale)\n    const calendarDays = getCalendarDays(viewDate, locale)\n    const monthNames = React.useMemo(() => getMonthNames(locale), [locale])\n\n    const now = React.useMemo(\n      () => currentTimeInTimezone || new Date(),\n      [currentTimeInTimezone]\n    )\n    const currentYear = now.getFullYear()\n    const currentMonth = now.getMonth()\n\n    const viewYear = viewDate.getFullYear()\n    const decadeStart = getDecadeStart(viewYear)\n\n    // Navigation handlers\n    const handlePrevious = React.useCallback(() => {\n      setViewDate((prev) => {\n        if (view === \"days\") return goToPreviousMonth(prev)\n        if (view === \"months\")\n          return new Date(prev.getFullYear() - 1, prev.getMonth(), 1)\n\n        return new Date(prev.getFullYear() - 10, prev.getMonth(), 1)\n      })\n    }, [view, setViewDate])\n\n    const handleNext = React.useCallback(() => {\n      setViewDate((prev) => {\n        if (view === \"days\") return goToNextMonth(prev)\n        if (view === \"months\")\n          return new Date(prev.getFullYear() + 1, prev.getMonth(), 1)\n\n        return new Date(prev.getFullYear() + 10, prev.getMonth(), 1)\n      })\n    }, [view, setViewDate])\n\n    const handleTodayClick = React.useCallback(() => {\n      const today = new Date(now)\n\n      if (value) {\n        today.setHours(value.getHours(), value.getMinutes(), 0, 0)\n      } else {\n        today.setHours(0, 0, 0, 0)\n      }\n\n      const adjustedDate = adjustTimeIfPast(\n        today,\n        disablePast,\n        currentTimeInTimezone\n      )\n\n      setViewDate(now)\n      onChange(adjustedDate)\n      onDateSelect?.()\n    }, [\n      onChange,\n      onDateSelect,\n      value,\n      disablePast,\n      currentTimeInTimezone,\n      now,\n      setViewDate,\n    ])\n\n    const handleDayClick = React.useCallback(\n      (day: Date) => {\n        if (isDateDisabled(day, disablePast, currentTimeInTimezone)) return\n\n        // In range mode, delegate to parent handler\n        if (onDayClick) {\n          onDayClick(day)\n\n          return\n        }\n\n        const newDate = new Date(day)\n\n        if (value) {\n          newDate.setHours(value.getHours(), value.getMinutes(), 0, 0)\n        } else {\n          newDate.setHours(0, 0, 0, 0)\n        }\n\n        const adjustedDate = adjustTimeIfPast(\n          newDate,\n          disablePast,\n          currentTimeInTimezone\n        )\n\n        onChange(adjustedDate)\n        onDateSelect?.()\n      },\n      [\n        onChange,\n        onDateSelect,\n        onDayClick,\n        value,\n        disablePast,\n        currentTimeInTimezone,\n      ]\n    )\n\n    const handleMonthSelect = React.useCallback(\n      (monthIndex: number) => {\n        setViewDate((prev) => new Date(prev.getFullYear(), monthIndex, 1))\n        setView(\"days\")\n      },\n      [setViewDate]\n    )\n\n    const handleYearSelect = React.useCallback(\n      (year: number) => {\n        setViewDate((prev) => new Date(year, prev.getMonth(), 1))\n        setView(\"months\")\n      },\n      [setViewDate]\n    )\n\n    const handleMonthHeaderClick = React.useCallback(() => {\n      setView(\"months\")\n    }, [])\n\n    const handleYearHeaderClick = React.useCallback(() => {\n      setView(\"years\")\n    }, [])\n\n    return (\n      <div\n        ref={ref}\n        className={mergeClasses(styles.root, className)}\n        data-slot=\"calendar\"\n        {...{ [SLOT_ATTR]: \"calendar\" }}\n        onMouseLeave={onDayHover ? () => onDayHover(null) : undefined}\n      >\n        <div className={styles.header}>\n          {showPreviousButton ? (\n            <Button\n              aria-label={previousMonthLabel}\n              onClick={handlePrevious}\n              size=\"icon\"\n              variant=\"tertiary\"\n            >\n              <ChevronLeftIcon />\n            </Button>\n          ) : (\n            <div className={styles.buttonSpacer} />\n          )}\n          <div className={styles.headerCenter}>\n            {view === \"days\" && (\n              <>\n                <button\n                  className={mergeClasses(\n                    styles.headerBtn,\n                    styles.monthHeaderBtn\n                  )}\n                  onClick={handleMonthHeaderClick}\n                  type=\"button\"\n                >\n                  {formatMonth(viewDate, locale)}\n                </button>\n                <button\n                  className={styles.headerBtn}\n                  onClick={handleYearHeaderClick}\n                  type=\"button\"\n                >\n                  {viewYear}\n                </button>\n              </>\n            )}\n            {view === \"months\" && (\n              <button\n                className={styles.headerBtn}\n                onClick={handleYearHeaderClick}\n                type=\"button\"\n              >\n                {viewYear}\n              </button>\n            )}\n            {view === \"years\" && (\n              <span className={styles.decadeLabel}>\n                {`${decadeStart} \\u2013 ${decadeStart + 9}`}\n              </span>\n            )}\n          </div>\n          {showNextButton ? (\n            <Button\n              aria-label={nextMonthLabel}\n              onClick={handleNext}\n              size=\"icon\"\n              variant=\"tertiary\"\n            >\n              <ChevronRightIcon />\n            </Button>\n          ) : (\n            <div className={styles.buttonSpacer} />\n          )}\n        </div>\n\n        <div>\n          {view === \"days\" && (\n            <>\n              <div\n                className={mergeClasses(\n                  styles.grid,\n                  isRangeMode && styles.gridRange,\n                  showWeekNumbers && styles.gridWithWeeks\n                )}\n                data-slot=\"calendar-grid\"\n                {...{ [SLOT_ATTR]: \"calendar-grid\" }}\n              >\n                {showWeekNumbers && (\n                  <div\n                    className={styles.weekLabel}\n                    data-slot=\"calendar-week-label\"\n                    {...{ [SLOT_ATTR]: \"calendar-week-label\" }}\n                  >\n                    {getWeekLabel(locale)}\n                  </div>\n                )}\n                {weekDays.map((day) => (\n                  <div\n                    className={styles.weekLabel}\n                    data-slot=\"calendar-weekday\"\n                    {...{ [SLOT_ATTR]: \"calendar-weekday\" }}\n                    key={day}\n                  >\n                    {day}\n                  </div>\n                ))}\n\n                {calendarDays.map((day, index) => {\n                  const weekLeading = showWeekNumbers && index % 7 === 0\n                  const rowIsAllOutOfMonth =\n                    hideOutOfMonthDays &&\n                    weekLeading &&\n                    calendarDays\n                      .slice(index, index + 7)\n                      .every((d) => !isDayInCurrentMonth(d, viewDate))\n                  const weekCell =\n                    weekLeading && !rowIsAllOutOfMonth ? (\n                      <div\n                        className={styles.weekNumber}\n                        data-slot=\"calendar-week-number\"\n                        {...{ [SLOT_ATTR]: \"calendar-week-number\" }}\n                        data-week={getWeekNumber(day)}\n                        key={`wk-${index}`}\n                      >\n                        {getWeekNumber(day)}\n                      </div>\n                    ) : weekLeading ? (\n                      <div\n                        aria-hidden=\"true\"\n                        className={styles.cellPlaceholder}\n                        data-slot=\"calendar-week-number-placeholder\"\n                        {...{ [SLOT_ATTR]: \"calendar-week-number-placeholder\" }}\n                        key={`wk-${index}`}\n                      />\n                    ) : null\n                  const isCurrentMonth = isDayInCurrentMonth(day, viewDate)\n\n                  // In range mode, skip rendering overflow days entirely so the\n                  // same date doesn't appear in two adjacent panels.\n                  if (hideOutOfMonthDays && !isCurrentMonth) {\n                    return (\n                      <React.Fragment key={index}>\n                        {weekCell}\n                        <div\n                          aria-hidden=\"true\"\n                          className={styles.cellPlaceholder}\n                          data-slot=\"calendar-day-placeholder\"\n                          {...{ [SLOT_ATTR]: \"calendar-day-placeholder\" }}\n                        />\n                      </React.Fragment>\n                    )\n                  }\n\n                  const isDisabled = isDateDisabled(\n                    day,\n                    disablePast,\n                    currentTimeInTimezone\n                  )\n                  const isSelected =\n                    !isRangeMode && value !== null && isDaySelected(day, value)\n                  const isCurrentDay = isDayToday(day)\n\n                  // Range mode calculations\n                  const effectiveEnd = rangeEnd || hoveredDate || null\n                  const hasRange = isRangeMode && rangeStart && effectiveEnd\n                  const inRange = hasRange\n                    ? isDateInRange(day, rangeStart!, effectiveEnd!)\n                    : false\n\n                  let isStart = false\n                  let isEnd = false\n                  let isSingleDay = false\n\n                  if (hasRange) {\n                    const normalized = normalizeRange(\n                      rangeStart!,\n                      effectiveEnd!\n                    )\n\n                    isStart = isSameDay(day, normalized.start)\n                    isEnd = isSameDay(day, normalized.end)\n                    isSingleDay = isStart && isEnd\n                  } else if (isRangeMode && rangeStart) {\n                    isStart = isSameDay(day, rangeStart)\n                    isSingleDay = isStart\n                  }\n\n                  const isEndpoint = isStart || isEnd\n                  const inRangeMiddle = inRange && !isStart && !isEnd\n                  const isPreviewRange =\n                    isRangeMode && !rangeEnd && !!hoveredDate\n\n                  let rangeOrSingleStyle = null\n                  if (!isRangeMode) {\n                    rangeOrSingleStyle = mergeClasses(\n                      styles.dayBtnSingle,\n                      !isSelected && !isCurrentDay && styles.dayBtnTransparent,\n                      !isSelected && styles.dayBtnHover,\n                      isCurrentDay && !isSelected && styles.dayBtnToday,\n                      isDisabled && styles.dayBtnDisabled,\n                      !isCurrentMonth &&\n                        !isDisabled &&\n                        !isSelected &&\n                        styles.dayBtnOutOfMonth,\n                      isSelected && styles.dayBtnSelected,\n                      isCurrentMonth &&\n                        !isSelected &&\n                        !isDisabled &&\n                        styles.dayBtnInMonth\n                    )\n                  } else {\n                    rangeOrSingleStyle = mergeClasses(\n                      isSingleDay && isEndpoint && styles.dayBtnRangeSingleDay,\n                      isStart && !isSingleDay && styles.dayBtnRangeStart,\n                      isEnd && !isStart && styles.dayBtnRangeEnd,\n                      inRangeMiddle &&\n                        !isPreviewRange &&\n                        styles.dayBtnRangeMiddle,\n                      inRangeMiddle &&\n                        isPreviewRange &&\n                        styles.dayBtnRangeMiddlePreview,\n                      !isEndpoint && !inRangeMiddle && styles.dayBtnSingle,\n                      !isEndpoint && !inRangeMiddle && styles.dayBtnTransparent,\n                      !isEndpoint && !inRangeMiddle && styles.dayBtnHover,\n                      isCurrentDay &&\n                        !isEndpoint &&\n                        !inRangeMiddle &&\n                        styles.dayBtnToday,\n                      isDisabled && styles.dayBtnDisabled,\n                      !isCurrentMonth &&\n                        !isDisabled &&\n                        !isEndpoint &&\n                        styles.dayBtnOutOfMonth,\n                      isCurrentMonth &&\n                        !isEndpoint &&\n                        !isDisabled &&\n                        styles.dayBtnInMonth\n                    )\n                  }\n\n                  return (\n                    <React.Fragment key={index}>\n                      {weekCell}\n                      <button\n                        aria-disabled={isDisabled}\n                        aria-pressed={isSelected || isEndpoint}\n                        className={mergeClasses(\n                          styles.dayBtn,\n                          rangeOrSingleStyle\n                        )}\n                        data-in-range={inRangeMiddle || undefined}\n                        data-selected={isSelected || isEndpoint}\n                        data-slot=\"calendar-day\"\n                        {...{ [SLOT_ATTR]: \"calendar-day\" }}\n                        data-today={isCurrentDay}\n                        disabled={isDisabled}\n                        onClick={() => handleDayClick(day)}\n                        onMouseEnter={\n                          onDayHover ? () => onDayHover(day) : undefined\n                        }\n                        type=\"button\"\n                      >\n                        {day.getDate()}\n                      </button>\n                    </React.Fragment>\n                  )\n                })}\n              </div>\n              {showTodayButton && (\n                <div\n                  className={styles.todayContainer}\n                  data-slot=\"calendar-today\"\n                  {...{ [SLOT_ATTR]: \"calendar-today\" }}\n                >\n                  <Button\n                    onClick={handleTodayClick}\n                    size=\"xs\"\n                    variant=\"tertiary\"\n                  >\n                    {todayLabel}\n                  </Button>\n                </div>\n              )}\n            </>\n          )}\n\n          {view === \"months\" && (\n            <div\n              className={mergeClasses(\n                styles.monthsYearsGrid,\n                styles.monthsGridCols\n              )}\n              data-slot=\"calendar-months\"\n              {...{ [SLOT_ATTR]: \"calendar-months\" }}\n            >\n              {monthNames.map((name, index) => {\n                const isSelected =\n                  value !== null &&\n                  viewYear === value.getFullYear() &&\n                  index === value.getMonth()\n                const isCurrent =\n                  viewYear === currentYear && index === currentMonth\n                const isPast =\n                  disablePast &&\n                  (viewYear < currentYear ||\n                    (viewYear === currentYear && index < currentMonth))\n\n                return (\n                  <button\n                    className={mergeClasses(\n                      styles.monthYearBtn,\n                      styles.monthBtnCapitalize,\n                      !isSelected && !isCurrent && styles.dayBtnTransparent,\n                      !isSelected && styles.dayBtnHover,\n                      isCurrent && !isSelected && styles.dayBtnToday,\n                      isPast && styles.dayBtnDisabled,\n                      isSelected && styles.dayBtnSelected,\n                      !isSelected && !isPast && styles.dayBtnInMonth\n                    )}\n                    data-selected={isSelected}\n                    data-slot=\"calendar-month\"\n                    {...{ [SLOT_ATTR]: \"calendar-month\" }}\n                    disabled={isPast}\n                    key={index}\n                    onClick={() => handleMonthSelect(index)}\n                    type=\"button\"\n                  >\n                    {name}\n                  </button>\n                )\n              })}\n            </div>\n          )}\n\n          {view === \"years\" && (\n            <div\n              className={mergeClasses(\n                styles.monthsYearsGrid,\n                styles.yearsGridCols\n              )}\n              data-slot=\"calendar-years\"\n              {...{ [SLOT_ATTR]: \"calendar-years\" }}\n            >\n              {Array.from({ length: 10 }, (_, i) => {\n                const year = decadeStart + i\n                const isSelected =\n                  value !== null && year === value.getFullYear()\n                const isCurrent = year === currentYear\n                const isPast = disablePast && year < currentYear\n\n                return (\n                  <button\n                    className={mergeClasses(\n                      styles.monthYearBtn,\n                      !isSelected && !isCurrent && styles.dayBtnTransparent,\n                      !isSelected && styles.dayBtnHover,\n                      isCurrent && !isSelected && styles.dayBtnToday,\n                      isPast && styles.dayBtnDisabled,\n                      isSelected && styles.dayBtnSelected,\n                      !isSelected && !isPast && styles.dayBtnInMonth\n                    )}\n                    data-selected={isSelected}\n                    data-slot=\"calendar-year\"\n                    {...{ [SLOT_ATTR]: \"calendar-year\" }}\n                    disabled={isPast}\n                    key={year}\n                    onClick={() => handleYearSelect(year)}\n                    type=\"button\"\n                  >\n                    {year}\n                  </button>\n                )\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["ChevronLeftIcon","props","jsx","ChevronRightIcon","useStyles","makeZenithStyles","boxModel","tokens.spacingElement2","shorthands","tokens.spacingElement1","nativeControl","tokens.fontWeightSemibold","tokens.textSm","tokens.leadingSm","tokens.grayA12","tokens.grayA3","tokens.grayA4","tokens.radiusMd","tokens.textXs","tokens.leadingXs","tokens.fontWeightMedium","tokens.grayA11","tokens.accentA11","tokens.accentSolid","tokens.accentContrast","tokens.accentSolidHover","tokens.grayA8","tokens.accent3","tokens.accentA3","Calendar","React","value","onChange","onDateSelect","disablePast","locale","previousMonthLabel","nextMonthLabel","showTodayButton","todayLabel","currentTimeInTimezone","showWeekNumbers","rangeStart","rangeEnd","hoveredDate","onDayHover","onDayClick","showPreviousButton","showNextButton","controlledViewDate","onViewDateChange","hideOutOfMonthDays","className","ref","styles","internalViewDate","setInternalViewDate","view","setView","isRangeMode","viewDate","setViewDate","updater","weekDays","getWeekDays","calendarDays","getCalendarDays","monthNames","getMonthNames","now","currentYear","currentMonth","viewYear","decadeStart","getDecadeStart","handlePrevious","prev","goToPreviousMonth","handleNext","goToNextMonth","handleTodayClick","today","adjustedDate","adjustTimeIfPast","handleDayClick","day","isDateDisabled","newDate","handleMonthSelect","monthIndex","handleYearSelect","year","handleMonthHeaderClick","handleYearHeaderClick","jsxs","mergeClasses","SLOT_ATTR","Button","Fragment","formatMonth","createElement","index","weekLeading","rowIsAllOutOfMonth","d","isDayInCurrentMonth","weekCell","getWeekNumber","isCurrentMonth","isDisabled","isSelected","isDaySelected","isCurrentDay","isDayToday","effectiveEnd","hasRange","inRange","isDateInRange","isStart","isEnd","isSingleDay","normalized","normalizeRange","isSameDay","isEndpoint","inRangeMiddle","isPreviewRange","rangeOrSingleStyle","name","isCurrent","isPast","_","i"],"mappings":"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"}

package/dist/components/date-time-picker/date-time-picker-input.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as K } from "react/jsx-runtime";
 import * as s from "react";
 import { Popover as ne } from "../../_virtual/_zenith-runtime-family_popover.js";
 import { useRifm as ae } from "../../vendor/.bun/rifm@0.12.1_62547eec5a2188e3/vendor/rifm/dist/rifm.esm.js";
-import { mergeClasses as y, SLOT_ATTR as R } from "@epilot/zenith-runtime/v1";
+import { mergeClasses as y, SLOT_ATTR as R } from "@epilot/zenith-runtime/v1/core.js";
 import { Button as N } from "../button/button.js";
 import { FieldInputGroup as j, FieldInput as w, FieldGroupAddon as z } from "../field/field.js";
 import { PopoverAnchor as re, PopoverTrigger as se } from "../popover/popover.js";

package/dist/components/date-time-picker/date-time-picker-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker-input.js","sources":["../../../src/components/date-time-picker/date-time-picker-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { useRifm } from \"rifm\"\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { Button } from \"../button/button\"\nimport { FieldGroupAddon, FieldInput, FieldInputGroup } from \"../field/field\"\nimport { PopoverAnchor, PopoverTrigger } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel } from \"../../styles/host-reset\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-time-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst ACCEPT_DIGITS = /\\d/g\n\n// The mask always uses dots and colons regardless of the context format\nconst MASK_FORMAT_DATE = \"dd.MM.yyyy\"\nconst MASK_FORMAT_DATETIME = \"dd.MM.yyyy HH:mm\"\n\nconst createMaskFormatter = (isDateTime: boolean) => {\n  const maxDigits = isDateTime ? 12 : 8\n\n  return (str: string): string => {\n    const digits = str.replace(/\\D/g, \"\").slice(0, maxDigits)\n    let result = \"\"\n    let di = 0\n\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result +=\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\")\n\n    if (isDateTime) {\n      result += \" \"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n      result += \":\"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    }\n\n    return result\n  }\n}\n\ntype DateTimePickerLabelling = {\n  inputId: string\n  labelId: string\n  /** The visible label names the input; false when the caller passed `inputAriaLabel`. */\n  namedByLabel: boolean\n}\n\nconst LabelContext = React.createContext<DateTimePickerLabelling | null>(null)\n\n/**\n * Set by `DateTimePicker`, which renders both the visible label and this input, so it can connect\n * them. Not exported from the package: composed usages wire their own label.\n *\n * @no-host-element context provider; renders only its children.\n */\nexport const DateTimePickerLabelProvider = ({\n  value,\n  children,\n}: {\n  value: DateTimePickerLabelling | null\n  children: React.ReactNode\n}) => <LabelContext.Provider value={value}>{children}</LabelContext.Provider>\n\n/** `id` and `aria-labelledby` for the input, when a `DateTimePicker` label is connected to it. */\nconst useLabelAttributes = () => {\n  const labelling = React.useContext(LabelContext)\n  return labelling === null\n    ? {}\n    : {\n        id: labelling.inputId,\n        ...(labelling.namedByLabel\n          ? { \"aria-labelledby\": labelling.labelId }\n          : {}),\n      }\n}\n\nexport type DateTimePickerInputProps = {\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  placeholder?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  keyboardIcon?: React.ReactNode\n  testId?: string\n  className?: string\n  disabled?: boolean\n}\n\nconst useStyles = makeZenithStyles({\n  group: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  input: {\n    textAlign: \"left\",\n  },\n  inputFlex: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n})\n\n// Editable input with rifm masking — manages its own display value\ntype EditableInputProps = {\n  ctx: ReturnType<typeof useDateTimePickerContext>\n  disabled: boolean\n  icon: React.ReactNode\n  iconPosition: \"start\" | \"end\"\n  inputAriaLabel: string\n  openPickerAriaLabel: string\n  testId?: string\n  className?: string\n}\n\nconst EditableInput = React.forwardRef<HTMLDivElement, EditableInputProps>(\n  function EditableInput(\n    {\n      ctx,\n      disabled,\n      icon,\n      iconPosition,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      testId,\n      className,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const labelAttributes = useLabelAttributes()\n    const {\n      value,\n      format,\n      locale,\n      onChange,\n      onBlur,\n      setTempValue,\n      setInputValue,\n    } = ctx\n\n    const isDateTime = format.includes(\"HH:mm\")\n    const maskFormat = React.useMemo(\n      () => createMaskFormatter(isDateTime),\n      [isDateTime]\n    )\n    const maskParseFormat = isDateTime ? MASK_FORMAT_DATETIME : MASK_FORMAT_DATE\n\n    const displayValue = value\n      ? formatDateTimeDisplay(value, format, locale)\n      : \"\"\n\n    const [maskedValue, setMaskedValue] = React.useState(\"\")\n    const [focused, setFocused] = React.useState(false)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    // Callback ref: focus + position cursor when the Rifm input mounts\n    const rifmRefCallback = React.useCallback((el: HTMLInputElement | null) => {\n      inputRef.current = el\n      if (!el) return\n\n      el.focus()\n      const pos = el.value.indexOf(\"_\")\n\n      if (pos !== -1) {\n        el.setSelectionRange(pos, pos)\n      }\n    }, [])\n\n    const handleRifmChange = React.useCallback(\n      (val: string) => {\n        setMaskedValue(val)\n\n        // Position cursor at next empty placeholder after Rifm processes\n        requestAnimationFrame(() => {\n          const el = inputRef.current\n          if (!el) return\n\n          const pos = el.value.indexOf(\"_\")\n          const cursor = pos === -1 ? el.value.length : pos\n\n          el.setSelectionRange(cursor, cursor)\n        })\n\n        const digits = val.replace(/\\D/g, \"\")\n\n        if (digits.length === 0) {\n          onChange(null)\n          setTempValue(null)\n          setInputValue(\"\")\n\n          return\n        }\n\n        const parsed = parseDateTimeInput(val, maskParseFormat, locale)\n\n        if (parsed) {\n          onChange(parsed)\n          setTempValue(parsed)\n          setInputValue(formatDateTimeDisplay(parsed, format, locale))\n        }\n      },\n      [onChange, setTempValue, setInputValue, maskParseFormat, format, locale]\n    )\n\n    const rifm = useRifm({\n      accept: ACCEPT_DIGITS,\n      format: maskFormat,\n      mask: true,\n      onChange: handleRifmChange,\n      value: maskedValue,\n    })\n\n    const handleFocus = React.useCallback(() => {\n      setMaskedValue(maskFormat(displayValue))\n      setFocused(true)\n    }, [displayValue, maskFormat])\n\n    const handleBlur = React.useCallback(() => {\n      setFocused(false)\n      onBlur?.()\n    }, [onBlur])\n\n    const handlePaste = React.useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        // Always paste a date from the beginning, ignoring caret position.\n        e.preventDefault()\n        handleRifmChange(maskFormat(e.clipboardData.getData(\"text\")))\n      },\n      [handleRifmChange, maskFormat]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        // On Backspace, skip the caret back over mask separators (\".\", \":\", \" \")\n        if (e.key !== \"Backspace\") return\n\n        const el = e.currentTarget\n        const { selectionStart, selectionEnd } = el\n\n        if (selectionStart === null || selectionStart !== selectionEnd) return\n\n        let pos = selectionStart\n\n        while (pos > 0 && !/[\\d_]/.test(el.value[pos - 1])) {\n          pos--\n        }\n\n        if (pos !== selectionStart) {\n          el.setSelectionRange(pos, pos)\n        }\n      },\n      []\n    )\n\n    const iconAddon = (\n      <FieldGroupAddon align={iconPosition}>\n        <PopoverTrigger asChild>\n          <Button\n            aria-label={openPickerAriaLabel}\n            disabled={disabled}\n            size=\"icon-sm\"\n            variant=\"tertiary\"\n          >\n            {icon}\n          </Button>\n        </PopoverTrigger>\n      </FieldGroupAddon>\n    )\n\n    const input = focused ? (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        {...labelAttributes}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onBlur={handleBlur}\n        onChange={rifm.onChange}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        ref={rifmRefCallback}\n        value={rifm.value}\n      />\n    ) : (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        {...labelAttributes}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onFocus={handleFocus}\n        readOnly\n        value={displayValue}\n      />\n    )\n\n    return (\n      <PopoverAnchor asChild>\n        <FieldInputGroup\n          className={mergeClasses(styles.group, className)}\n          data-slot=\"datetimepicker-input\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n          ref={ref}\n        >\n          {iconPosition === \"start\" && iconAddon}\n          {input}\n          {iconPosition === \"end\" && iconAddon}\n        </FieldInputGroup>\n      </PopoverAnchor>\n    )\n  }\n)\n\nexport const DateTimePickerInput = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerInputProps\n>(function DateTimePickerInput(\n  {\n    editable = false,\n    iconPosition = \"end\",\n    placeholder = \"dd/MM/yyyy HH:mm\",\n    inputAriaLabel = \"change date and time\",\n    openPickerAriaLabel = \"Open date picker\",\n    keyboardIcon,\n    testId,\n    className,\n    disabled: disabledProp,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const labelAttributes = useLabelAttributes()\n  const ctx = useDateTimePickerContext()\n  const disabled = disabledProp ?? ctx.disabled\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n\n  if (editable) {\n    return (\n      <EditableInput\n        className={className}\n        ctx={ctx}\n        disabled={disabled}\n        icon={IconComponent}\n        iconPosition={iconPosition}\n        inputAriaLabel={inputAriaLabel}\n        openPickerAriaLabel={openPickerAriaLabel}\n        ref={ref}\n        testId={testId}\n      />\n    )\n  }\n\n  const iconAddon = (\n    <FieldGroupAddon align={iconPosition}>\n      <Button\n        aria-label={openPickerAriaLabel}\n        disabled={disabled}\n        onClick={() => ctx.setIsOpen(true)}\n        size=\"icon-sm\"\n        variant=\"tertiary\"\n      >\n        {IconComponent}\n      </Button>\n    </FieldGroupAddon>\n  )\n\n  return (\n    <FieldInputGroup\n      className={mergeClasses(styles.group, className)}\n      data-slot=\"datetimepicker-input\"\n      {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n      ref={ref}\n    >\n      {iconPosition === \"start\" && iconAddon}\n      {/* FieldInput is a component rendering an <input>: PopoverTrigger cannot tell, since\n          Base UI checks the rendered tag on first mount, so this trigger says so itself. */}\n      <PopoverPrimitive.Trigger\n        data-slot=\"popover-trigger\"\n        {...{ [SLOT_ATTR]: \"popover-trigger\" }}\n        nativeButton={false}\n        render={\n          <FieldInput\n            aria-label={inputAriaLabel}\n            {...labelAttributes}\n            className={mergeClasses(styles.inputFlex, styles.input)}\n            data-testid={testId}\n            disabled={disabled}\n            onBlur={ctx.handleInputBlur}\n            onChange={ctx.handleInputChange}\n            placeholder={placeholder}\n            type=\"button\"\n            value={ctx.inputValue}\n          />\n        }\n      />\n      {iconPosition === \"end\" && iconAddon}\n    </FieldInputGroup>\n  )\n})\n"],"names":["CalendarIcon","props","jsx","ACCEPT_DIGITS","MASK_FORMAT_DATE","MASK_FORMAT_DATETIME","createMaskFormatter","isDateTime","maxDigits","str","digits","result","di","LabelContext","React","DateTimePickerLabelProvider","value","children","useLabelAttributes","labelling","useStyles","makeZenithStyles","boxModel","EditableInput","ctx","disabled","icon","iconPosition","inputAriaLabel","openPickerAriaLabel","testId","className","ref","styles","labelAttributes","format","locale","onChange","onBlur","setTempValue","setInputValue","maskFormat","maskParseFormat","displayValue","formatDateTimeDisplay","maskedValue","setMaskedValue","focused","setFocused","inputRef","rifmRefCallback","el","pos","handleRifmChange","val","cursor","parsed","parseDateTimeInput","rifm","useRifm","handleFocus","handleBlur","handlePaste","e","handleKeyDown","selectionStart","selectionEnd","iconAddon","FieldGroupAddon","PopoverTrigger","Button","input","FieldInput","mergeClasses","PopoverAnchor","jsxs","FieldInputGroup","SLOT_ATTR","DateTimePickerInput","editable","placeholder","keyboardIcon","disabledProp","useDateTimePickerContext","IconComponent","PopoverPrimitive"],"mappings":"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"}
+{"version":3,"file":"date-time-picker-input.js","sources":["../../../src/components/date-time-picker/date-time-picker-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { useRifm } from \"rifm\"\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1/core\"\n\nimport { Button } from \"../button/button\"\nimport { FieldGroupAddon, FieldInput, FieldInputGroup } from \"../field/field\"\nimport { PopoverAnchor, PopoverTrigger } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel } from \"../../styles/host-reset\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-time-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst ACCEPT_DIGITS = /\\d/g\n\n// The mask always uses dots and colons regardless of the context format\nconst MASK_FORMAT_DATE = \"dd.MM.yyyy\"\nconst MASK_FORMAT_DATETIME = \"dd.MM.yyyy HH:mm\"\n\nconst createMaskFormatter = (isDateTime: boolean) => {\n  const maxDigits = isDateTime ? 12 : 8\n\n  return (str: string): string => {\n    const digits = str.replace(/\\D/g, \"\").slice(0, maxDigits)\n    let result = \"\"\n    let di = 0\n\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result +=\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\")\n\n    if (isDateTime) {\n      result += \" \"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n      result += \":\"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    }\n\n    return result\n  }\n}\n\ntype DateTimePickerLabelling = {\n  inputId: string\n  labelId: string\n  /** The visible label names the input; false when the caller passed `inputAriaLabel`. */\n  namedByLabel: boolean\n}\n\nconst LabelContext = React.createContext<DateTimePickerLabelling | null>(null)\n\n/**\n * Set by `DateTimePicker`, which renders both the visible label and this input, so it can connect\n * them. Not exported from the package: composed usages wire their own label.\n *\n * @no-host-element context provider; renders only its children.\n */\nexport const DateTimePickerLabelProvider = ({\n  value,\n  children,\n}: {\n  value: DateTimePickerLabelling | null\n  children: React.ReactNode\n}) => <LabelContext.Provider value={value}>{children}</LabelContext.Provider>\n\n/** `id` and `aria-labelledby` for the input, when a `DateTimePicker` label is connected to it. */\nconst useLabelAttributes = () => {\n  const labelling = React.useContext(LabelContext)\n  return labelling === null\n    ? {}\n    : {\n        id: labelling.inputId,\n        ...(labelling.namedByLabel\n          ? { \"aria-labelledby\": labelling.labelId }\n          : {}),\n      }\n}\n\nexport type DateTimePickerInputProps = {\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  placeholder?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  keyboardIcon?: React.ReactNode\n  testId?: string\n  className?: string\n  disabled?: boolean\n}\n\nconst useStyles = makeZenithStyles({\n  group: {\n    ...boxModel,\n    width: \"100%\",\n  },\n  input: {\n    textAlign: \"left\",\n  },\n  inputFlex: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n})\n\n// Editable input with rifm masking — manages its own display value\ntype EditableInputProps = {\n  ctx: ReturnType<typeof useDateTimePickerContext>\n  disabled: boolean\n  icon: React.ReactNode\n  iconPosition: \"start\" | \"end\"\n  inputAriaLabel: string\n  openPickerAriaLabel: string\n  testId?: string\n  className?: string\n}\n\nconst EditableInput = React.forwardRef<HTMLDivElement, EditableInputProps>(\n  function EditableInput(\n    {\n      ctx,\n      disabled,\n      icon,\n      iconPosition,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      testId,\n      className,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const labelAttributes = useLabelAttributes()\n    const {\n      value,\n      format,\n      locale,\n      onChange,\n      onBlur,\n      setTempValue,\n      setInputValue,\n    } = ctx\n\n    const isDateTime = format.includes(\"HH:mm\")\n    const maskFormat = React.useMemo(\n      () => createMaskFormatter(isDateTime),\n      [isDateTime]\n    )\n    const maskParseFormat = isDateTime ? MASK_FORMAT_DATETIME : MASK_FORMAT_DATE\n\n    const displayValue = value\n      ? formatDateTimeDisplay(value, format, locale)\n      : \"\"\n\n    const [maskedValue, setMaskedValue] = React.useState(\"\")\n    const [focused, setFocused] = React.useState(false)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    // Callback ref: focus + position cursor when the Rifm input mounts\n    const rifmRefCallback = React.useCallback((el: HTMLInputElement | null) => {\n      inputRef.current = el\n      if (!el) return\n\n      el.focus()\n      const pos = el.value.indexOf(\"_\")\n\n      if (pos !== -1) {\n        el.setSelectionRange(pos, pos)\n      }\n    }, [])\n\n    const handleRifmChange = React.useCallback(\n      (val: string) => {\n        setMaskedValue(val)\n\n        // Position cursor at next empty placeholder after Rifm processes\n        requestAnimationFrame(() => {\n          const el = inputRef.current\n          if (!el) return\n\n          const pos = el.value.indexOf(\"_\")\n          const cursor = pos === -1 ? el.value.length : pos\n\n          el.setSelectionRange(cursor, cursor)\n        })\n\n        const digits = val.replace(/\\D/g, \"\")\n\n        if (digits.length === 0) {\n          onChange(null)\n          setTempValue(null)\n          setInputValue(\"\")\n\n          return\n        }\n\n        const parsed = parseDateTimeInput(val, maskParseFormat, locale)\n\n        if (parsed) {\n          onChange(parsed)\n          setTempValue(parsed)\n          setInputValue(formatDateTimeDisplay(parsed, format, locale))\n        }\n      },\n      [onChange, setTempValue, setInputValue, maskParseFormat, format, locale]\n    )\n\n    const rifm = useRifm({\n      accept: ACCEPT_DIGITS,\n      format: maskFormat,\n      mask: true,\n      onChange: handleRifmChange,\n      value: maskedValue,\n    })\n\n    const handleFocus = React.useCallback(() => {\n      setMaskedValue(maskFormat(displayValue))\n      setFocused(true)\n    }, [displayValue, maskFormat])\n\n    const handleBlur = React.useCallback(() => {\n      setFocused(false)\n      onBlur?.()\n    }, [onBlur])\n\n    const handlePaste = React.useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        // Always paste a date from the beginning, ignoring caret position.\n        e.preventDefault()\n        handleRifmChange(maskFormat(e.clipboardData.getData(\"text\")))\n      },\n      [handleRifmChange, maskFormat]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        // On Backspace, skip the caret back over mask separators (\".\", \":\", \" \")\n        if (e.key !== \"Backspace\") return\n\n        const el = e.currentTarget\n        const { selectionStart, selectionEnd } = el\n\n        if (selectionStart === null || selectionStart !== selectionEnd) return\n\n        let pos = selectionStart\n\n        while (pos > 0 && !/[\\d_]/.test(el.value[pos - 1])) {\n          pos--\n        }\n\n        if (pos !== selectionStart) {\n          el.setSelectionRange(pos, pos)\n        }\n      },\n      []\n    )\n\n    const iconAddon = (\n      <FieldGroupAddon align={iconPosition}>\n        <PopoverTrigger asChild>\n          <Button\n            aria-label={openPickerAriaLabel}\n            disabled={disabled}\n            size=\"icon-sm\"\n            variant=\"tertiary\"\n          >\n            {icon}\n          </Button>\n        </PopoverTrigger>\n      </FieldGroupAddon>\n    )\n\n    const input = focused ? (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        {...labelAttributes}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onBlur={handleBlur}\n        onChange={rifm.onChange}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        ref={rifmRefCallback}\n        value={rifm.value}\n      />\n    ) : (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        {...labelAttributes}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onFocus={handleFocus}\n        readOnly\n        value={displayValue}\n      />\n    )\n\n    return (\n      <PopoverAnchor asChild>\n        <FieldInputGroup\n          className={mergeClasses(styles.group, className)}\n          data-slot=\"datetimepicker-input\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n          ref={ref}\n        >\n          {iconPosition === \"start\" && iconAddon}\n          {input}\n          {iconPosition === \"end\" && iconAddon}\n        </FieldInputGroup>\n      </PopoverAnchor>\n    )\n  }\n)\n\nexport const DateTimePickerInput = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerInputProps\n>(function DateTimePickerInput(\n  {\n    editable = false,\n    iconPosition = \"end\",\n    placeholder = \"dd/MM/yyyy HH:mm\",\n    inputAriaLabel = \"change date and time\",\n    openPickerAriaLabel = \"Open date picker\",\n    keyboardIcon,\n    testId,\n    className,\n    disabled: disabledProp,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const labelAttributes = useLabelAttributes()\n  const ctx = useDateTimePickerContext()\n  const disabled = disabledProp ?? ctx.disabled\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n\n  if (editable) {\n    return (\n      <EditableInput\n        className={className}\n        ctx={ctx}\n        disabled={disabled}\n        icon={IconComponent}\n        iconPosition={iconPosition}\n        inputAriaLabel={inputAriaLabel}\n        openPickerAriaLabel={openPickerAriaLabel}\n        ref={ref}\n        testId={testId}\n      />\n    )\n  }\n\n  const iconAddon = (\n    <FieldGroupAddon align={iconPosition}>\n      <Button\n        aria-label={openPickerAriaLabel}\n        disabled={disabled}\n        onClick={() => ctx.setIsOpen(true)}\n        size=\"icon-sm\"\n        variant=\"tertiary\"\n      >\n        {IconComponent}\n      </Button>\n    </FieldGroupAddon>\n  )\n\n  return (\n    <FieldInputGroup\n      className={mergeClasses(styles.group, className)}\n      data-slot=\"datetimepicker-input\"\n      {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n      ref={ref}\n    >\n      {iconPosition === \"start\" && iconAddon}\n      {/* FieldInput is a component rendering an <input>: PopoverTrigger cannot tell, since\n          Base UI checks the rendered tag on first mount, so this trigger says so itself. */}\n      <PopoverPrimitive.Trigger\n        data-slot=\"popover-trigger\"\n        {...{ [SLOT_ATTR]: \"popover-trigger\" }}\n        nativeButton={false}\n        render={\n          <FieldInput\n            aria-label={inputAriaLabel}\n            {...labelAttributes}\n            className={mergeClasses(styles.inputFlex, styles.input)}\n            data-testid={testId}\n            disabled={disabled}\n            onBlur={ctx.handleInputBlur}\n            onChange={ctx.handleInputChange}\n            placeholder={placeholder}\n            type=\"button\"\n            value={ctx.inputValue}\n          />\n        }\n      />\n      {iconPosition === \"end\" && iconAddon}\n    </FieldInputGroup>\n  )\n})\n"],"names":["CalendarIcon","props","jsx","ACCEPT_DIGITS","MASK_FORMAT_DATE","MASK_FORMAT_DATETIME","createMaskFormatter","isDateTime","maxDigits","str","digits","result","di","LabelContext","React","DateTimePickerLabelProvider","value","children","useLabelAttributes","labelling","useStyles","makeZenithStyles","boxModel","EditableInput","ctx","disabled","icon","iconPosition","inputAriaLabel","openPickerAriaLabel","testId","className","ref","styles","labelAttributes","format","locale","onChange","onBlur","setTempValue","setInputValue","maskFormat","maskParseFormat","displayValue","formatDateTimeDisplay","maskedValue","setMaskedValue","focused","setFocused","inputRef","rifmRefCallback","el","pos","handleRifmChange","val","cursor","parsed","parseDateTimeInput","rifm","useRifm","handleFocus","handleBlur","handlePaste","e","handleKeyDown","selectionStart","selectionEnd","iconAddon","FieldGroupAddon","PopoverTrigger","Button","input","FieldInput","mergeClasses","PopoverAnchor","jsxs","FieldInputGroup","SLOT_ATTR","DateTimePickerInput","editable","placeholder","keyboardIcon","disabledProp","useDateTimePickerContext","IconComponent","PopoverPrimitive"],"mappings":"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"}

package/dist/components/date-time-picker/date-time-picker-panel.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as C, Fragment as Y } from "react/jsx-runtime";
 import * as m from "react";
-import { SLOT_ATTR as r, mergeClasses as G, shorthands as f } from "@epilot/zenith-runtime/v1";
+import { SLOT_ATTR as r, mergeClasses as G, shorthands as f } from "@epilot/zenith-runtime/v1/core.js";
 import { Button as I } from "../button/button.js";
 import { PopoverPortal as oe, PopoverContent as ne } from "../popover/popover.js";
 import { makeZenithStyles as re } from "../../styles/make-styles.js";