@brightsoftware/date-np/dist/src/Components/picker-input.js

Simple & minimal Nepali date picker that just works.

import { jsxs as i, jsx as r } from "react/jsx-runtime";
import f from "react";
import { cn as h } from "../../utils/clsx.js";
import { usePicker as k } from "../hooks/usePicker.js";
import { format as b, formatISO as I } from "../format.js";
const S = f.forwardRef((e, n) => {
  const {
    required: l = !1,
    className: o,
    label: t,
    name: c,
    ...s
  } = e, { updatePickerVisiblity: m, pickerState: d, getDisplayDate: p } = k(), { isVisible: u } = d, a = p();
  return /* @__PURE__ */ i("div", { className: "inputContainer", children: [
    /* @__PURE__ */ r(() => {
      if (!t)
        return null;
      if (typeof t == "string")
        return /* @__PURE__ */ i("label", { htmlFor: c, children: [
          t,
          /* @__PURE__ */ r("span", { className: "requiredIndicator", children: l ? "*" : null })
        ] });
    }, {}),
    /* @__PURE__ */ r(
      "div",
      {
        onClick: () => {
          m(!u);
        },
        ref: n,
        className: h("appearance-none", o),
        ...s,
        children: a ? e.dateFormat ? b(a, e.dateFormat) : I(a) : "Select a date"
      }
    )
  ] });
});
export {
  S as default
};