@rnwonder/solid-date-picker/dist/src/components/YearSelectorExport.js

A responsive, highly-customizable datepicker component for SolidJS.

import { memo as l, createComponent as s, mergeProps as a, insert as y, effect as T, className as g, template as d } from "solid-js/web";
import { YearSelector as S } from "./YearSelector/index.js";
import { Popover as h } from "./Popover/index.js";
import { createSignal as c } from "solid-js";
import C, { defaultSelectorProps as i } from "./SelectorTwo/index.js";
import { s as P } from "../../node_modules/.pnpm/@rnwonder_simple-datejs@1.1.1/node_modules/@rnwonder/simple-datejs/dist/general-DZqASQRm.js";
import { cn as v } from "../utils/class.js";
var Y = d("<div>");
const q = (e) => {
  const [n, r] = c(!1), [u, o] = c(i), [m, w] = c(P);
  return l((p = l(() => e.yearSelectorType === "compact-dropdown"), () => p() ? s(S, a(e, { setSelectorTwoProps: o, setShowSelectorTwo: r, showSelectorTwo: n, get yearSelectorCount() {
    return e.yearSelectorCount || 20;
  } })) : s(h, { content: ({ close: f }) => {
    return t = Y(), y(t, s(C, a(u, { setShowSelectorTwo: r, setSelectorTwoProps: o, close: f, get year() {
      return e.year || m;
    }, get setOption() {
      return e.setYear || w;
    }, get option() {
      return e.year || m;
    } }))), T(() => g(t, v(`
                rn-w-[17.5rem]
              `))), t;
    var t;
  }, width: "fit-content", onClose: () => {
    r(!1), o(i);
  }, get children() {
    return s(S, a(e, { setSelectorTwoProps: o, setShowSelectorTwo: r, showSelectorTwo: n, yearSelectorType: "full-size", get yearSelectorCount() {
      return e.yearSelectorCount || 20;
    } }));
  } })));
  var p;
};
export {
  q as default
};