@godxjp/ui 21.0.0 → 23.0.0

package/dist/components/data-entry/date-range-picker.js

@@ -1,349 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ArrowRight, CalendarIcon, X } from "lucide-react";
-import { usePickerLocales, useTranslation } from "../../i18n/use-translation.js";
-import { toIsoDate } from "../../lib/datetime/index.js";
-import {
-  formatPickerDate,
-  parsePickerDate,
-  pickerDateAllowed
-} from "../../lib/datetime/picker-format.js";
-import { Button } from "../general/button.js";
-import { Flex } from "../layout/flex.js";
-import {
-  CONTROL_VARIANT_CHROME_CLASS,
-  CONTROL_STATUS_CHROME_CLASS,
-  controlAppearanceAttributes
-} from "./control-appearance.js";
-import { useControlledLatch } from "../../lib/hooks.js";
-import { pickGroupFieldA11y, useFieldIdentity } from "../../lib/field-a11y.js";
-import { cn } from "../../lib/utils.js";
-import { resolveAllowClear } from "./control-surface.js";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
-import { Calendar } from "./calendar.js";
-const ISO_HINT = "yyyy-mm-dd";
-function DateRangePicker({
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  locale: localeProp,
-  showToday,
-  showClose,
-  fromDate,
-  toDate,
-  disabledDate,
-  cellRender,
-  allowClear,
-  format,
-  parseFormat,
-  minDate,
-  maxDate,
-  showWeek,
-  presets,
-  needConfirm = false,
-  allowEmpty = [true, true],
-  order = true,
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  inputReadOnly,
-  preserveInvalidOnBlur,
-  placement = "bottom-start",
-  renderExtraFooter,
-  size,
-  status,
-  variant = "outlined",
-  ref,
-  ...ariaProps
-}) {
-  const { t } = useTranslation();
-  const { dayPickerLocale, locale } = usePickerLocales(localeProp);
-  const appearance = controlAppearanceAttributes({ status, variant });
-  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-  const open = !disabled && (openProp ?? internalOpen);
-  const [pending, setPending] = React.useState();
-  const [hasPending, setHasPending] = React.useState(false);
-  const setOpen = (next) => {
-    if (disabled && next) return;
-    if (openProp === void 0) setInternalOpen(next);
-    onOpenChange?.(next);
-    if (!next) {
-      setHasPending(false);
-      setPending(void 0);
-    }
-  };
-  const minimum = minDate ?? fromDate;
-  const maximum = maxDate ?? toDate;
-  const allowed = (date) => pickerDateAllowed(date, minimum, maximum, disabledDate);
-  const display = (date) => formatPickerDate(date, format, locale);
-  const parse = (text) => parsePickerDate(text, format, parseFormat);
-  const groupA11y = pickGroupFieldA11y(ariaProps);
-  const autoId = React.useId();
-  const groupId = id ?? autoId;
-  const fromId = `${groupId}-from`;
-  const toId = `${groupId}-to`;
-  const identity = useFieldIdentity({ id: groupId, name, "data-field": groupA11y["data-field"] });
-  const rangeField = groupA11y["data-field"] ?? identity["data-field"];
-  const rangeName = name ?? identity.name;
-  const isControlled = useControlledLatch(valueProp !== void 0);
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const value = isControlled ? valueProp : internalValue;
-  const working = hasPending ? pending : value;
-  const [fromText, setFromText] = React.useState(() => display(value?.from));
-  const [toText, setToText] = React.useState(() => display(value?.to));
-  React.useEffect(() => {
-    setFromText(formatPickerDate(value?.from, format, locale));
-    setToText(formatPickerDate(value?.to, format, locale));
-  }, [value?.from, value?.to, format, locale]);
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder") ?? ISO_HINT;
-  const emit = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-  };
-  const clearControl = resolveAllowClear(allowClear, true, t("common.clear") ?? "Clear");
-  const showClear = clearControl.enabled && allowEmpty.every(Boolean) && Boolean(value?.from || value?.to) && !disabled;
-  const clear = () => {
-    emit(void 0);
-    setFromText("");
-    setToText("");
-  };
-  const validRange = (next) => Boolean(
-    next && (next.from ? allowed(next.from) : allowEmpty[0]) && (next.to ? allowed(next.to) : allowEmpty[1])
-  );
-  const choose = (range) => {
-    let next = range;
-    if (next?.from && !allowed(next.from) || next?.to && !allowed(next.to)) return;
-    if (order && next?.from && next.to && next.from > next.to)
-      next = { from: next.to, to: next.from };
-    if (needConfirm) {
-      setPending(next);
-      setHasPending(true);
-    } else emit(next);
-  };
-  const commitEdge = (edge, raw) => {
-    const trimmed = raw.trim();
-    const parsed = parse(trimmed);
-    if (trimmed && (!parsed || !allowed(parsed))) return;
-    if (!trimmed && !allowEmpty[edge === "from" ? 0 : 1]) return;
-    const next = { from: working?.from, to: working?.to, [edge]: parsed };
-    choose(next.from || next.to ? next : void 0);
-  };
-  const sharedKeyHandlers = {
-    onKeyDown: (event) => {
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        setOpen(true);
-      } else if (event.key === "Escape" && open) {
-        setOpen(false);
-      }
-    }
-  };
-  const innerInputClass = "ui-month-picker-input";
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    (format || needConfirm || preserveInvalidOnBlur) && rangeName ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "hidden",
-          disabled,
-          name: `${rangeName}_from`,
-          value: toIsoDate(value?.from)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "hidden",
-          disabled,
-          name: `${rangeName}_to`,
-          value: toIsoDate(value?.to)
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "group",
-        id: groupId,
-        ...groupA11y,
-        "data-field": rangeField,
-        "data-size": size,
-        ...appearance,
-        "aria-disabled": disabled ? true : void 0,
-        "data-state": open ? "open" : "closed",
-        className: cn(
-          // One input-styled shell for the whole range — the shared composite-field box, so
-          // this and the month range picker cannot drift into two slightly different fields.
-          "ui-control ui-control-composite-field",
-          "aria-invalid:border-destructive",
-          CONTROL_VARIANT_CHROME_CLASS[variant],
-          CONTROL_STATUS_CHROME_CLASS,
-          className
-        ),
-        onClick: () => {
-          if (!disabled) setOpen(true);
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: fromId,
-              "data-field": rangeField ? `${rangeField}_from` : void 0,
-              name: !format && !needConfirm && !preserveInvalidOnBlur && rangeName ? `${rangeName}_from` : void 0,
-              ref,
-              readOnly: inputReadOnly,
-              value: fromText,
-              disabled,
-              placeholder: resolvedPlaceholder,
-              inputMode: "numeric",
-              autoComplete: "off",
-              "aria-label": t("dataEntry.dateRangePicker.from") ?? "From",
-              className: innerInputClass,
-              ...sharedKeyHandlers,
-              onChange: (event) => {
-                setFromText(event.target.value);
-                commitEdge("from", event.target.value);
-              },
-              onBlur: (event) => {
-                const parsed = parse(event.target.value);
-                const accepted = parsed && allowed(parsed) ? parsed : void 0;
-                if (!preserveInvalidOnBlur)
-                  setFromText(accepted ? display(accepted) : display(value?.from));
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(ArrowRight, { className: "ui-month-picker-separator-icon", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: toId,
-              "data-field": rangeField ? `${rangeField}_to` : void 0,
-              name: !format && !needConfirm && !preserveInvalidOnBlur && rangeName ? `${rangeName}_to` : void 0,
-              readOnly: inputReadOnly,
-              value: toText,
-              disabled,
-              placeholder: resolvedPlaceholder,
-              inputMode: "numeric",
-              autoComplete: "off",
-              "aria-label": t("dataEntry.dateRangePicker.to") ?? "To",
-              className: innerInputClass,
-              ...sharedKeyHandlers,
-              onChange: (event) => {
-                setToText(event.target.value);
-                commitEdge("to", event.target.value);
-              },
-              onBlur: (event) => {
-                const parsed = parse(event.target.value);
-                const accepted = parsed && allowed(parsed) ? parsed : void 0;
-                if (!preserveInvalidOnBlur)
-                  setToText(accepted ? display(accepted) : display(value?.to));
-              }
-            }
-          ),
-          showClear ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": clearControl.label,
-              className: "text-muted-foreground hover:text-foreground shrink-0",
-              onClick: (event) => {
-                event.stopPropagation();
-                event.currentTarget.closest("div")?.querySelector("input:not([type=hidden])")?.focus();
-                clear();
-              },
-              children: clearControl.clearIcon ?? /* @__PURE__ */ jsx(X, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-            }
-          ) : /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled,
-              tabIndex: -1,
-              "aria-label": t("dataEntry.dateRangePicker.openCalendar") ?? "Open calendar",
-              className: "text-muted-foreground hover:text-foreground shrink-0",
-              children: /* @__PURE__ */ jsx(CalendarIcon, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(
-            PopoverContent,
-            {
-              className: "ui-control-panel-flush",
-              side: placement.startsWith("top") ? "top" : "bottom",
-              align: placement.endsWith("end") ? "end" : "start",
-              onClick: (event) => event.stopPropagation(),
-              onOpenAutoFocus: (event) => event.preventDefault(),
-              children: [
-                presets?.length ? /* @__PURE__ */ jsx(Flex, { wrap: true, gap: "xs", pad: "sm", children: presets.map((preset, index) => /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "sm",
-                    onClick: () => {
-                      const range = typeof preset.value === "function" ? preset.value() : preset.value;
-                      if (validRange(range)) choose(range);
-                    },
-                    children: preset.label
-                  },
-                  index
-                )) }) : null,
-                /* @__PURE__ */ jsx(
-                  Calendar,
-                  {
-                    mode: "range",
-                    selected: working,
-                    defaultMonth: working?.from,
-                    showWeekNumber: showWeek,
-                    numberOfMonths: 2,
-                    onSelect: (range) => {
-                      choose(range);
-                      setFromText(display(range?.from));
-                      setToText(display(range?.to));
-                    },
-                    locale: dayPickerLocale,
-                    disabled: [
-                      ...minimum ? [{ before: minimum }] : [],
-                      ...maximum ? [{ after: maximum }] : [],
-                      ...disabledDate ? [disabledDate] : []
-                    ],
-                    cellRender,
-                    startMonth: minimum,
-                    endMonth: maximum,
-                    showToday,
-                    showClose,
-                    onClose: () => setOpen(false)
-                  }
-                ),
-                needConfirm ? /* @__PURE__ */ jsx(Flex, { pad: "sm", justify: "end", children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    disabled: !validRange(working),
-                    onClick: () => {
-                      if (validRange(working)) {
-                        emit(working);
-                        setOpen(false);
-                      }
-                    },
-                    children: t("dataEntry.timePicker.confirm")
-                  }
-                ) }) : null,
-                renderExtraFooter?.()
-              ]
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}
-export {
-  DateRangePicker
-};

package/dist/components/data-entry/month-picker.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import type { MonthPickerProp } from "../../props/components/data-entry.prop.js";
-export type { MonthPickerProp, MonthPickerProp as MonthPickerProps, } from "../../props/components/data-entry.prop.js";
-/**
- * MonthPicker — year/month (`yyyy/MM`) input with a 12-cell month grid
- * popover: a year header with chevrons over a 3×4 grid of the twelve months.
- * The field stays a real, typeable input (form-submittable via `name` as
- * `yyyy-MM`); the grid is the visual affordance.
- */
-export declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, open: openProp, defaultOpen, onOpenChange, status, variant, size, inputReadOnly, preserveInvalidOnBlur, placement, renderExtraFooter, ref, ...ariaProps }: MonthPickerProp): React.JSX.Element;

package/dist/components/data-entry/month-picker.js

@@ -1,241 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CalendarIcon, ChevronLeft, ChevronRight, X } from "lucide-react";
-import { usePickerLocales, useTranslation } from "../../i18n/use-translation.js";
-import { useControlledLatch } from "../../lib/hooks.js";
-import { pickFieldA11y, useFieldIdentity } from "../../lib/field-a11y.js";
-import { cn } from "../../lib/utils.js";
-import { resolveAllowClear, resolveAriaInvalid } from "./control-surface.js";
-import { CONTROL_STATUS_CHROME_CLASS, CONTROL_VARIANT_CHROME_CLASS } from "./control-appearance.js";
-import { Button } from "../general/button.js";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
-const YM_HINT = "yyyy/mm";
-const toYmText = (d) => d ? `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, "0")}` : "";
-const parseYm = (raw) => {
-  const m = /^(\d{4})[/-](\d{1,2})$/.exec(raw.trim());
-  if (!m) return void 0;
-  const month = Number(m[2]);
-  if (month < 1 || month > 12) return void 0;
-  return new Date(Number(m[1]), month - 1, 1);
-};
-function MonthPicker({
-  value: valueProp,
-  defaultValue,
-  onValueChange,
-  placeholder,
-  disabled,
-  className,
-  id,
-  name,
-  fromYear,
-  toYear,
-  allowClear,
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  status,
-  variant,
-  size,
-  inputReadOnly,
-  preserveInvalidOnBlur,
-  placement = "bottom-start",
-  renderExtraFooter,
-  ref,
-  ...ariaProps
-}) {
-  const { t } = useTranslation();
-  const { locale } = usePickerLocales();
-  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-  const isOpenControlled = openProp !== void 0;
-  const open = isOpenControlled ? openProp : internalOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (next && inputReadOnly) return;
-      if (!isOpenControlled) setInternalOpen(next);
-      onOpenChange?.(next);
-    },
-    [isOpenControlled, onOpenChange, inputReadOnly]
-  );
-  const autoId = React.useId();
-  const inputId = id ?? autoId;
-  const dialogId = `${inputId}-dialog`;
-  const fieldA11y = pickFieldA11y(ariaProps);
-  const identity = useFieldIdentity({ id, name, "data-field": fieldA11y["data-field"] });
-  const isControlled = useControlledLatch(valueProp !== void 0);
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const value = isControlled ? valueProp : internalValue;
-  const [text, setText] = React.useState(() => toYmText(value));
-  const [viewYear, setViewYear] = React.useState(() => (value ?? /* @__PURE__ */ new Date()).getFullYear());
-  React.useEffect(() => {
-    setText(toYmText(value));
-    if (value) setViewYear(value.getFullYear());
-  }, [value]);
-  const monthLabels = React.useMemo(() => {
-    const fmt = new Intl.DateTimeFormat(locale, { month: "short" });
-    return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(2026, i, 1)));
-  }, [locale]);
-  const emit = (next) => {
-    if (!isControlled) setInternalValue(next);
-    onValueChange?.(next);
-  };
-  const clearControl = resolveAllowClear(allowClear, true, t("common.clear") ?? "Clear");
-  const showClear = clearControl.enabled && Boolean(value) && !disabled && !inputReadOnly;
-  const prevDisabled = fromYear !== void 0 && viewYear <= fromYear;
-  const nextDisabled = toYear !== void 0 && viewYear >= toYear;
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-disabled": disabled ? "" : void 0,
-      "data-state": open ? "open" : "closed",
-      "data-size": size,
-      "data-status": status,
-      "data-variant": variant,
-      className: cn(
-        "ui-control ui-control-composite-field",
-        "aria-invalid:border-destructive",
-        CONTROL_VARIANT_CHROME_CLASS[variant ?? "outlined"],
-        CONTROL_STATUS_CHROME_CLASS,
-        className
-      ),
-      onClick: () => {
-        if (!disabled) setOpen(true);
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            id: inputId,
-            name: name ?? identity.name,
-            "data-field": fieldA11y["data-field"] ?? identity["data-field"],
-            value: text,
-            disabled,
-            readOnly: inputReadOnly,
-            placeholder: placeholder ?? t("dataEntry.monthPicker.placeholder") ?? YM_HINT,
-            inputMode: "numeric",
-            autoComplete: "off",
-            role: "combobox",
-            "aria-expanded": open,
-            "aria-haspopup": "dialog",
-            "aria-controls": open ? dialogId : void 0,
-            "aria-readonly": inputReadOnly || void 0,
-            ...fieldA11y,
-            "aria-invalid": resolveAriaInvalid(fieldA11y["aria-invalid"], status),
-            className: "ui-month-picker-input",
-            onKeyDown: (event) => {
-              if (event.key === "ArrowDown") {
-                event.preventDefault();
-                setOpen(true);
-              } else if (event.key === "Escape" && open) {
-                setOpen(false);
-              }
-            },
-            onChange: (event) => {
-              setText(event.target.value);
-              const parsed = parseYm(event.target.value);
-              if (parsed) emit(parsed);
-              else if (event.target.value.trim() === "") emit(void 0);
-            },
-            onBlur: () => {
-              if (!preserveInvalidOnBlur) setText(toYmText(value));
-            }
-          }
-        ),
-        showClear ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            tabIndex: -1,
-            "aria-label": clearControl.label,
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            onClick: (event) => {
-              event.stopPropagation();
-              event.currentTarget.closest("div")?.querySelector("input:not([type=hidden])")?.focus();
-              emit(void 0);
-              setText("");
-            },
-            children: clearControl.clearIcon ?? /* @__PURE__ */ jsx(X, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-          }
-        ) : /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled,
-            tabIndex: -1,
-            "aria-label": t("dataEntry.monthPicker.openGrid") ?? "Open month grid",
-            className: "text-muted-foreground hover:text-foreground shrink-0",
-            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          PopoverContent,
-          {
-            id: dialogId,
-            role: "dialog",
-            "aria-label": t("dataEntry.monthPicker.openGrid") ?? "Month grid",
-            className: "ui-month-picker-panel",
-            side: placement.startsWith("top") ? "top" : "bottom",
-            align: placement.endsWith("end") ? "end" : "start",
-            onOpenAutoFocus: (event) => event.preventDefault(),
-            onClick: (event) => event.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "ui-month-picker-nav", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: prevDisabled,
-                    "aria-label": t("dataEntry.monthPicker.previousYear") ?? "Previous year",
-                    className: "ui-month-picker-nav-button",
-                    onClick: () => setViewYear((y) => y - 1),
-                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "ui-month-picker-nav-label", "aria-live": "polite", children: viewYear }),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon-sm",
-                    disabled: nextDisabled,
-                    "aria-label": t("dataEntry.monthPicker.nextYear") ?? "Next year",
-                    className: "ui-month-picker-nav-button",
-                    onClick: () => setViewYear((y) => y + 1),
-                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "ui-month-picker-icon", "aria-hidden": "true" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": String(viewYear), className: "ui-month-picker-grid", children: monthLabels.map((label, i) => {
-                const selected = value?.getFullYear() === viewYear && value?.getMonth() === i;
-                return /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: selected ? "default" : "ghost",
-                    size: "sm",
-                    "aria-pressed": selected,
-                    className: "ui-month-picker-cell",
-                    onClick: () => {
-                      emit(new Date(viewYear, i, 1));
-                      setOpen(false);
-                    },
-                    children: label
-                  },
-                  label
-                );
-              }) }),
-              renderExtraFooter?.()
-            ]
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-export {
-  MonthPicker
-};

package/dist/components/data-entry/month-range-picker.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import type { MonthRangePickerProp } from "../../props/components/data-entry.prop.js";
-export type { MonthRangePickerProp, MonthRangePickerProp as MonthRangePickerProps, } from "../../props/components/data-entry.prop.js";
-/**
- * MonthRangePicker — year/month (`yyyy/MM`) RANGE rendered as ONE input-styled control (the
- * RangePicker convention): `[ from → to ✕ 📅 ]`. The two inner fields stay real, typeable
- * `yyyy/MM` inputs (form-submittable via `${name}_from` / `${name}_to`); the Ant-style month grid
- * is the visual affordance.
- */
-export declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, open: openProp, defaultOpen, onOpenChange, status, variant, size, inputReadOnly, preserveInvalidOnBlur, placement, renderExtraFooter, ref, ...ariaProps }: MonthRangePickerProp): React.JSX.Element;