koval-ui/dist/src/lib/Name/NameTime.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsx as i } from "react/jsx-runtime";
import { forwardRef as n, useMemo as f } from "react";
import p from "classnames";
import { useBrowserLocale as u } from "../../internal/locale/useBrowserLocale.js";
import N from "./Name.module.css.js";
const d = n(
  ({ className: a, locale: e, timePeriod: m, style: o, ...r }, t) => {
    const l = u(), s = e || l, c = f(
      () => new Intl.DisplayNames(s, { type: "dateTimeField", style: o }).of(m),
      [m, s, o]
    );
    return /* @__PURE__ */ i("span", { ...r, className: p(N.name, a), ref: t, children: c });
  }
);
d.displayName = "NameTime";
export {
  d as NameTime
};
//# sourceMappingURL=NameTime.js.map