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

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

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