@transkripid/flowbite-react/lib/components/Datepicker/Views/Years.mjs

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import { jsx as h } from "react/jsx-runtime";
import { c as v } from "react/compiler-runtime";
import { twMerge as g } from "tailwind-merge";
import { mergeDeep as V } from "../../../helpers/merge-deep.mjs";
import { useDatePickerContext as k } from "../DatepickerContext.mjs";
import { startOfYearPeriod as x, isDateEqual as T, isDateInRange as Y, Views as C } from "../helpers.mjs";
const I = (b) => {
  const e = v(11), {
    theme: t
  } = b;
  let s;
  e[0] !== t ? (s = t === void 0 ? {} : t, e[0] = t, e[1] = s) : s = e[1];
  const m = s, {
    theme: n,
    selectedDate: c,
    minDate: l,
    maxDate: D,
    viewDate: i,
    setViewDate: d,
    setView: f
  } = k();
  let r;
  if (e[2] !== m || e[3] !== D || e[4] !== l || e[5] !== n.views.years || e[6] !== c || e[7] !== f || e[8] !== d || e[9] !== i) {
    const a = V(n.views.years, m);
    r = /* @__PURE__ */ h("div", { className: a.items.base, children: [...Array(12)].map((M, w) => {
      const u = x(i, 10) - 1 + w * 1, o = new Date(i.getTime());
      o.setFullYear(u);
      const y = T(c, o), p = !Y(o, l, D);
      return /* @__PURE__ */ h("button", { disabled: p, type: "button", className: g(a.items.item.base, y && a.items.item.selected, p && a.items.item.disabled), onClick: () => {
        p || (d(o), f(C.Months));
      }, children: u }, w);
    }) }), e[2] = m, e[3] = D, e[4] = l, e[5] = n.views.years, e[6] = c, e[7] = f, e[8] = d, e[9] = i, e[10] = r;
  } else
    r = e[10];
  return r;
};
export {
  I as DatepickerViewsYears
};
//# sourceMappingURL=Years.mjs.map