@brightsoftware/date-np/dist/src/RangePicker/Components/locale-switcher.js

Simple & minimal Nepali date picker that just works.

import { jsxs as p, jsx as s } from "react/jsx-runtime";
import { MIN_AD_YEAR as i, MAX_AD_YEAR as l, MIN_BS_YEAR as d } from "../../../data/constants.js";
import { cn as o } from "../../../utils/clsx.js";
import { useRangePicker as h } from "../hooks/useRangePicker.js";
const Y = () => {
  const {
    rangePickerState: n,
    changeRangePickerLocale: m
  } = h(), { locale: e } = n, r = () => {
    const t = n.leftPanel.activeYear, a = n.rightPanel.activeYear;
    return e === "en" && (t === i || a === i || t === l || a === l) || e === "ne" && (t === d || a === d);
  }, c = () => {
    r() || m(e === "en" ? "ne" : "en");
  };
  return /* @__PURE__ */ p("div", { className: o(
    "flex items-center bg-gray-100 rounded-md h-6 w-16 text-sm",
    r() && "opacity-50 cursor-not-allowed"
  ), children: [
    /* @__PURE__ */ s(
      "span",
      {
        onClick: c,
        className: o(
          "h-8 w-8 grid place-items-center rounded-md",
          !r() && "cursor-pointer",
          e === "en" ? "bg-white drop-shadow-sm" : "bg-transparent opacity-60"
        ),
        children: "AD"
      }
    ),
    /* @__PURE__ */ s(
      "span",
      {
        onClick: c,
        className: o(
          "h-8 w-8 grid place-items-center rounded-md",
          !r() && "cursor-pointer",
          e === "ne" ? "bg-white drop-shadow-sm" : "bg-transparent opacity-60"
        ),
        children: "BS"
      }
    )
  ] });
};
export {
  Y as LocaleSwitcher
};