import { a as e, n as t } from './chunk-BneVvdWh.js';
import { S as n } from './iframe-B-AKBcwT.js';
import { t as r } from './jsx-runtime-Bn1Ys6_W.js';
import { t as i } from './compiler-runtime-C9X80vSn.js';
import { n as a, t as o } from './clsx-D6G9p0rQ.js';
function s(e) {
    let t = (0, l.c)(47),
        {
            className: n,
            dateEnd: r,
            dateEndPreview: i,
            dateStart: a,
            isRange: s,
            month: c,
            onChange: p,
            onChangeEndPreview: m,
            title: h,
        } = e,
        v,
        S,
        C,
        w,
        T,
        E,
        D;
    if (
        t[0] !== c ||
        t[1] !== n ||
        t[2] !== r ||
        t[3] !== i ||
        t[4] !== a ||
        t[5] !== s ||
        t[6] !== p ||
        t[7] !== m ||
        t[8] !== h
    ) {
        let e = new Date(),
            l = Number.isFinite(c)
                ? Math.max(-(2 ** 53 - 1), Math.min(2 ** 53 - 1, c))
                : g(e),
            O = ee(l);
        h ??= `${_(l)} ${O}`;
        let k = y(l, 1),
            A = b(l),
            j = A.getDate(),
            M = k.getDay(),
            N = 7 - (A.getDay() % 7),
            P = j + M + N,
            [F, I, L] = [a, r, i].reduce(
                (e, t, n) => {
                    if (
                        (t != null && !(t instanceof Date) && (t = new Date(t)),
                        t == null || Number.isNaN(t.getTime()))
                    )
                        return e;
                    let r = g(t);
                    if (
                        (r < l
                            ? (e[n] = -1)
                            : r > l
                              ? (e[n] = j + 1)
                              : (e[n] = t.getDate()),
                        n === 1)
                    ) {
                        let t = e[n - 1],
                            r = e[n];
                        t != null && r != null && t > r && ((e[n - 1] = r), (e[n] = t));
                    }
                    return e;
                },
                [null, null, null],
            ),
            R;
        t[17] === p
            ? (R = t[18])
            : ((R = (e) => {
                  let { date: t } = e.currentTarget.dataset;
                  t && p && p(t);
              }),
              (t[17] = p),
              (t[18] = R));
        let z = R,
            B;
        t[19] !== s || t[20] !== m
            ? ((B = (e) => {
                  if (s && m) {
                      let { date: t } = e.currentTarget.dataset;
                      t && m(t);
                  }
              }),
              (t[19] = s),
              (t[20] = m),
              (t[21] = B))
            : (B = t[21]);
        let V = B;
        ((v = u.Fragment),
            t[22] === Symbol.for(`react.memo_cache_sentinel`)
                ? ((D = (0, d.jsx)(`style`, {
                      href: `@acusti/date-picker/MonthCalendar`,
                      precedence: `medium`,
                      children: f,
                  })),
                  (t[22] = D))
                : (D = t[22]),
            t[23] !== n || t[24] !== s
                ? ((w = o(x, n, { 'is-range': s })),
                  (t[23] = n),
                  (t[24] = s),
                  (t[25] = w))
                : (w = t[25]),
            t[26] === h
                ? (T = t[27])
                : ((T = (0, d.jsx)(`div`, {
                      className: `${x}-month-title`,
                      children: (0, d.jsx)(`h3`, {
                          className: `${x}-month-title-text`,
                          children: h,
                      }),
                  })),
                  (t[26] = h),
                  (t[27] = T)));
        let H;
        t[28] === Symbol.for(`react.memo_cache_sentinel`)
            ? ((H = (0, d.jsx)(`div`, {
                  className: `week-day-item`,
                  children: (0, d.jsx)(`span`, {
                      className: `week-day-item-text`,
                      children: `Su`,
                  }),
              })),
              (t[28] = H))
            : (H = t[28]);
        let U;
        t[29] === Symbol.for(`react.memo_cache_sentinel`)
            ? ((U = (0, d.jsx)(`div`, {
                  className: `week-day-item`,
                  children: (0, d.jsx)(`span`, {
                      className: `week-day-item-text`,
                      children: `Mo`,
                  }),
              })),
              (t[29] = U))
            : (U = t[29]);
        let W;
        t[30] === Symbol.for(`react.memo_cache_sentinel`)
            ? ((W = (0, d.jsx)(`div`, {
                  className: `week-day-item`,
                  children: (0, d.jsx)(`span`, {
                      className: `week-day-item-text`,
                      children: `Tu`,
                  }),
              })),
              (t[30] = W))
            : (W = t[30]);
        let G;
        t[31] === Symbol.for(`react.memo_cache_sentinel`)
            ? ((G = (0, d.jsx)(`div`, {
                  className: `week-day-item`,
                  children: (0, d.jsx)(`span`, {
                      className: `week-day-item-text`,
                      children: `We`,
                  }),
              })),
              (t[31] = G))
            : (G = t[31]);
        let K;
        t[32] === Symbol.for(`react.memo_cache_sentinel`)
            ? ((K = (0, d.jsx)(`div`, {
                  className: `week-day-item`,
                  children: (0, d.jsx)(`span`, {
                      className: `week-day-item-text`,
                      children: `Th`,
                  }),
              })),
              (t[32] = K))
            : (K = t[32]);
        let q;
        (t[33] === Symbol.for(`react.memo_cache_sentinel`)
            ? ((q = (0, d.jsx)(`div`, {
                  className: `week-day-item`,
                  children: (0, d.jsx)(`span`, {
                      className: `week-day-item-text`,
                      children: `Fr`,
                  }),
              })),
              (t[33] = q))
            : (q = t[33]),
            t[34] === Symbol.for(`react.memo_cache_sentinel`)
                ? ((E = (0, d.jsxs)(`div`, {
                      className: `${x}-month-week`,
                      children: [
                          H,
                          U,
                          W,
                          G,
                          K,
                          q,
                          (0, d.jsx)(`div`, {
                              className: `week-day-item`,
                              children: (0, d.jsx)(`span`, {
                                  className: `week-day-item-text`,
                                  children: `Sa`,
                              }),
                          }),
                      ],
                  })),
                  (t[34] = E))
                : (E = t[34]),
            (S = `${x}-month-days`),
            (C = Array(Math.floor(P / 7))
                .fill(null)
                .map((t, n) =>
                    (0, d.jsx)(
                        `div`,
                        {
                            className: `${x}-month-row`,
                            children: te.map((t, r) => {
                                r += n * 7;
                                let i = r - M + 1,
                                    a = i < 1 || i > j,
                                    s = a ? null : y(l, i),
                                    c = F != null && i > F,
                                    u =
                                        (I == null && L != null && i < L) ||
                                        (I != null && i < I);
                                return (0, d.jsx)(
                                    `button`,
                                    {
                                        className: o(`${x}-month-day-item`, {
                                            'end-date': !a && i === I,
                                            'is-empty': a,
                                            'is-selected': !a && c && u,
                                            'is-today':
                                                !a && l === g(e) && i === e.getDate(),
                                            'start-date': !a && i === F,
                                        }),
                                        'data-date': s?.toISOString(),
                                        disabled: a,
                                        onClick: z,
                                        onMouseEnter: V,
                                        type: `button`,
                                        children: a
                                            ? null
                                            : (0, d.jsx)(`span`, {
                                                  className: `month-day-item-text`,
                                                  children: i,
                                              }),
                                    },
                                    `MonthDayItem-${i}`,
                                );
                            }),
                        },
                        `MonthRow-${n}`,
                    ),
                )),
            (t[0] = c),
            (t[1] = n),
            (t[2] = r),
            (t[3] = i),
            (t[4] = a),
            (t[5] = s),
            (t[6] = p),
            (t[7] = m),
            (t[8] = h),
            (t[9] = v),
            (t[10] = S),
            (t[11] = C),
            (t[12] = w),
            (t[13] = T),
            (t[14] = E),
            (t[15] = D),
            (t[16] = h));
    } else
        ((v = t[9]),
            (S = t[10]),
            (C = t[11]),
            (w = t[12]),
            (T = t[13]),
            (E = t[14]),
            (D = t[15]),
            (h = t[16]));
    let O;
    t[35] !== S || t[36] !== C
        ? ((O = (0, d.jsx)(`div`, { className: S, children: C })),
          (t[35] = S),
          (t[36] = C),
          (t[37] = O))
        : (O = t[37]);
    let k;
    t[38] !== w || t[39] !== T || t[40] !== E || t[41] !== O
        ? ((k = (0, d.jsxs)(`div`, { className: w, children: [T, E, O] })),
          (t[38] = w),
          (t[39] = T),
          (t[40] = E),
          (t[41] = O),
          (t[42] = k))
        : (k = t[42]);
    let A;
    return (
        t[43] !== v || t[44] !== D || t[45] !== k
            ? ((A = (0, d.jsxs)(v, { children: [D, k] })),
              (t[43] = v),
              (t[44] = D),
              (t[45] = k),
              (t[46] = A))
            : (A = t[46]),
        A
    );
}
function c(e) {
    let t = (0, l.c)(62),
        {
            className: n,
            defaultDateEnd: r,
            defaultDateStart: i,
            initialMonth: a,
            isRange: c,
            isTwoUp: f,
            monthLimitFirst: p,
            monthLimitLast: m,
            onChange: h,
            showEndInitially: ee,
            useMonthAbbreviations: _,
        } = e,
        v = c ?? r != null,
        y = f && m != null ? m - 1 : m,
        b;
    t[0] === r ? (b = t[1]) : ((b = T(r)), (t[0] = r), (t[1] = b));
    let te = b,
        x;
    t[2] === i ? (x = t[3]) : ((x = T(i)), (t[2] = i), (t[3] = x));
    let E = x,
        [D, O] = (0, u.useState)(te),
        [k, A] = (0, u.useState)(E),
        j = (0, u.useRef)(!1);
    if (a == null) {
        let e = k == null || !!(ee && D),
            n = e ? D : k,
            r;
        (t[4] === n
            ? (r = t[5])
            : ((r = g(n == null ? new Date() : new Date(n))), (t[4] = n), (t[5] = r)),
            (a = r),
            e && f && --a);
    }
    let M = (y ?? 2 ** 53 - 1) + (f ? -1 : 0);
    a = Math.max(Math.min(a, M), p ?? -(2 ** 53 - 1));
    let [N, P] = (0, u.useState)(a),
        [F, I] = (0, u.useState)(null),
        L = f ? 2 : 1,
        R;
    t[6] !== L || t[7] !== p
        ? ((R = () => {
              P((e) => Math.max(e - L, p ?? -1 / 0));
          }),
          (t[6] = L),
          (t[7] = p),
          (t[8] = R))
        : (R = t[8]);
    let z = R,
        B;
    t[9] !== L || t[10] !== y
        ? ((B = () => {
              P((e) => Math.min(e + L, y ?? 1 / 0));
          }),
          (t[9] = L),
          (t[10] = y),
          (t[11] = B))
        : (B = t[11]);
    let V = B,
        H;
    t[12] !== D || t[13] !== k || t[14] !== v || t[15] !== h
        ? ((H = (e) => {
              v && k != null && (j.current || D == null)
                  ? (e < k
                        ? (A(e), O(k), h({ dateEnd: k, dateStart: e }))
                        : (O(e), h({ dateEnd: e, dateStart: k })),
                    (j.current = !1))
                  : (A(e),
                    O(null),
                    v
                        ? (h({ dateEnd: null, dateStart: e }), (j.current = !0))
                        : h({ dateStart: e }));
          }),
          (t[12] = D),
          (t[13] = k),
          (t[14] = v),
          (t[15] = h),
          (t[16] = H))
        : (H = t[16]);
    let U = H,
        W;
    t[17] === Symbol.for(`react.memo_cache_sentinel`)
        ? ((W = (e) => {
              I(e);
          }),
          (t[17] = W))
        : (W = t[17]);
    let G = W,
        K;
    t[18] === Symbol.for(`react.memo_cache_sentinel`)
        ? ((K = (0, d.jsx)(`style`, {
              href: `@acusti/date-picker/DatePicker`,
              precedence: `medium`,
              children: S,
          })),
          (t[18] = K))
        : (K = t[18]);
    let q;
    t[19] !== n || t[20] !== f
        ? ((q = o(w, n, { 'two-up': f })), (t[19] = n), (t[20] = f), (t[21] = q))
        : (q = t[21]);
    let ne = p != null && N <= p,
        J;
    t[22] === ne
        ? (J = t[23])
        : ((J = o(`${w}-range-arrow left-arrow`, { disabled: ne })),
          (t[22] = ne),
          (t[23] = J));
    let Y;
    t[24] !== z || t[25] !== J
        ? ((Y = (0, d.jsx)(`button`, {
              'aria-label': `Previous Month`,
              className: J,
              onClick: z,
              type: `button`,
          })),
          (t[24] = z),
          (t[25] = J),
          (t[26] = Y))
        : (Y = t[26]);
    let re = y != null && N >= y,
        X;
    t[27] === re
        ? (X = t[28])
        : ((X = o(`${w}-range-arrow right-arrow`, { disabled: re })),
          (t[27] = re),
          (t[28] = X));
    let Z;
    t[29] !== V || t[30] !== X
        ? ((Z = (0, d.jsx)(`button`, {
              'aria-label': `Next Month`,
              className: X,
              onClick: V,
              type: `button`,
          })),
          (t[29] = V),
          (t[30] = X),
          (t[31] = Z))
        : (Z = t[31]);
    let Q;
    t[32] !== Y || t[33] !== Z
        ? ((Q = (0, d.jsxs)(`div`, {
              className: `${w}-range-arrow-wrap`,
              children: [Y, Z],
          })),
          (t[32] = Y),
          (t[33] = Z),
          (t[34] = Q))
        : (Q = t[34]);
    let $;
    t[35] !== N || t[36] !== _
        ? (($ = _ ? C(N) : void 0), (t[35] = N), (t[36] = _), (t[37] = $))
        : ($ = t[37]);
    let ie;
    t[38] !== D ||
    t[39] !== F ||
    t[40] !== k ||
    t[41] !== U ||
    t[42] !== v ||
    t[43] !== N ||
    t[44] !== $
        ? ((ie = (0, d.jsx)(s, {
              dateEnd: D,
              dateEndPreview: F,
              dateStart: k,
              isRange: v,
              month: N,
              onChange: U,
              onChangeEndPreview: G,
              title: $,
          })),
          (t[38] = D),
          (t[39] = F),
          (t[40] = k),
          (t[41] = U),
          (t[42] = v),
          (t[43] = N),
          (t[44] = $),
          (t[45] = ie))
        : (ie = t[45]);
    let ae;
    t[46] !== D ||
    t[47] !== F ||
    t[48] !== k ||
    t[49] !== U ||
    t[50] !== v ||
    t[51] !== f ||
    t[52] !== N ||
    t[53] !== _
        ? ((ae = f
              ? (0, d.jsx)(s, {
                    dateEnd: D,
                    dateEndPreview: F,
                    dateStart: k,
                    isRange: v,
                    month: N + 1,
                    onChange: U,
                    onChangeEndPreview: G,
                    title: _ ? C(N + 1) : void 0,
                })
              : null),
          (t[46] = D),
          (t[47] = F),
          (t[48] = k),
          (t[49] = U),
          (t[50] = v),
          (t[51] = f),
          (t[52] = N),
          (t[53] = _),
          (t[54] = ae))
        : (ae = t[54]);
    let oe;
    t[55] !== ie || t[56] !== ae
        ? ((oe = (0, d.jsxs)(`div`, {
              className: `${w}-month-container`,
              children: [ie, ae],
          })),
          (t[55] = ie),
          (t[56] = ae),
          (t[57] = oe))
        : (oe = t[57]);
    let se;
    return (
        t[58] !== Q || t[59] !== oe || t[60] !== q
            ? ((se = (0, d.jsxs)(u.Fragment, {
                  children: [K, (0, d.jsxs)(`div`, { className: q, children: [Q, oe] })],
              })),
              (t[58] = Q),
              (t[59] = oe),
              (t[60] = q),
              (t[61] = se))
            : (se = t[61]),
        se
    );
}
var l,
    u,
    d,
    f,
    p,
    m,
    h,
    g,
    ee,
    _,
    v,
    y,
    b,
    te,
    x,
    S,
    C,
    w,
    T,
    E = t(() => {
        ((l = i()),
            a(),
            (u = e(n(), 1)),
            (d = r()),
            (f = `.uktmonthcalendar{box-sizing:border-box;flex-direction:column;flex:auto;max-width:325px;display:flex}.uktmonthcalendar-month-title{box-sizing:border-box;flex:none;justify-content:center;align-items:center;padding-bottom:25px;display:flex}h3.uktmonthcalendar-month-title-text{color:#000;text-align:center;margin:0;font-size:18px;font-weight:600;line-height:23px}.uktmonthcalendar-month-week{grid-column-gap:0px;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));grid-auto-flow:dense;box-sizing:border-box;flex:none;padding-bottom:12px;display:grid}.uktmonthcalendar-month-week .week-day-item{flex:auto;justify-content:center;align-items:center;display:flex}.uktmonthcalendar-month-week span.week-day-item-text{text-align:center;color:#9a9a9a;margin:0;font-size:13px;line-height:21px}.uktmonthcalendar-month-days{flex-direction:column;flex:auto;display:flex}.uktmonthcalendar-month-row{grid-column-gap:0px;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));grid-auto-flow:dense;flex:auto;margin-bottom:1px;display:grid}.uktmonthcalendar-month-day-item{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.uktmonthcalendar-month-day-item:disabled{cursor:auto}.uktmonthcalendar-month-day-item.is-today span.month-day-item-text{color:#eb4e3d}.uktmonthcalendar.is-range .uktmonthcalendar-month-day-item.is-selected{background-color:#f6f6f6}.uktmonthcalendar.is-range .uktmonthcalendar-month-day-item.start-date{background-color:#f6f6f6;border-top-left-radius:50%;border-bottom-left-radius:50%}.uktmonthcalendar.is-range .uktmonthcalendar-month-day-item.end-date{background-color:#f6f6f6;border-top-right-radius:50%;border-bottom-right-radius:50%}:is(.uktmonthcalendar-month-day-item.start-date,.uktmonthcalendar-month-day-item.end-date):after{opacity:1;visibility:visible;background-color:#000}:is(.uktmonthcalendar-month-day-item.start-date,.uktmonthcalendar-month-day-item.end-date) span.month-day-item-text{color:#fff}.uktmonthcalendar-month-day-item:hover:after,.uktmonthcalendar-month-day-item.is-today:hover:after{opacity:1;visibility:visible;border-color:#000}.uktmonthcalendar-month-day-item:after{content:"";pointer-events:none;opacity:0;visibility:hidden;border:1px solid #000;border-radius:50%;width:43px;height:43px;transition:opacity .25s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uktmonthcalendar-month-day-item.is-empty:after{content:none}.uktmonthcalendar-month-day-item span.month-day-item-text{text-align:center;color:#000;z-index:1;margin:0;font-size:13px;line-height:21px;position:relative}`),
            (p = 1970),
            (m = [
                `January`,
                `February`,
                `March`,
                `April`,
                `May`,
                `June`,
                `July`,
                `August`,
                `September`,
                `October`,
                `November`,
                `December`,
            ]),
            (h = (e, t) => (t ? e.getUTCFullYear() : e.getFullYear()) - p),
            (g = (e, t) => h(e, t) * 12 + (t ? e.getUTCMonth() : e.getMonth())),
            (ee = (e) => Math.floor(e / 12) + p),
            (_ = (e) => {
                let t = e % 12;
                return Number.isNaN(t) ? `` : (t < 0 && (t = 12 + t), m[t]);
            }),
            (v = (e) => {
                let t = _(e);
                return t === `September` ? `Sept` : t.substring(0, 3);
            }),
            (y = (e, t, n) => {
                let r = e < 0 ? (12 - Math.abs(e % 12)) % 12 : e % 12,
                    i = ee(e);
                return n ? new Date(Date.UTC(i, r, t)) : new Date(i, r, t);
            }),
            (b = (e, t) => y(e + 1, 0, t)),
            (te = Array(7).fill(null)),
            (x = `uktmonthcalendar`),
            (S = `.uktdatepicker{box-sizing:border-box;flex:auto;max-width:450px;padding:40px 60px 60px;display:flex;position:relative}.uktdatepicker.two-up{max-width:820px}.uktdatepicker-range-arrow-wrap{box-sizing:border-box;justify-content:space-between;width:100%;height:0;padding:0 60px;display:flex;position:absolute;top:30px;left:0}.uktdatepicker-range-arrow{text-align:center;cursor:pointer;background-color:#0000;border:0;width:35px;height:35px}.uktdatepicker-range-arrow.disabled{color:#ccc;cursor:default}.uktdatepicker-range-arrow:active{transform:translateY(1px)}:is(.uktdatepicker-range-arrow.left-arrow,.uktdatepicker-range-arrow.right-arrow):after{content:"‹";font-size:24px;line-height:35px}.uktdatepicker-range-arrow.right-arrow:after{content:"›"}.uktdatepicker-month-container{flex:auto;justify-content:space-between;display:flex}`),
            (C = (e) => `${v(e)} ${ee(e)}`),
            (w = `uktdatepicker`),
            (T = (e) =>
                e == null || e === ``
                    ? null
                    : typeof e == `string`
                      ? e
                      : new Date(e).toISOString()));
    }),
    D = t(() => {}),
    O,
    k,
    A,
    j,
    M,
    N,
    P,
    F,
    I,
    L,
    R,
    z,
    B,
    V,
    H,
    U;
t(() => {
    (E(),
        (O = e(n())),
        D(),
        (k = r()),
        (A = {
            argTypes: {
                defaultDateEnd: {
                    control: `date`,
                    description: `(optional) default end date of current date range`,
                },
                defaultDateStart: {
                    control: `date`,
                    description: `(optional) default start date of current date range`,
                },
            },
            component: c,
            parameters: {
                docs: {
                    description: {
                        component:
                            '`DatePicker` is a React component that renders a calendar-based date picker UI with support for date ranges.',
                    },
                },
            },
            tags: [`autodocs`],
            title: `UIKit/Controls/DatePicker/DatePicker`,
        }),
        (j = { args: { className: `default-date-picker-story` } }),
        (M = { args: { className: `two-up-date-picker-story`, isTwoUp: !0 } }),
        (N = {
            className: `date-range-date-picker-story`,
            defaultDateEnd: new Date(2024, 0, 6).toISOString(),
            defaultDateStart: new Date(2023, 11, 25).toISOString(),
            isTwoUp: !0,
        }),
        (P = {
            args: N,
            render() {
                let [e, t] = (0, O.useState)(0),
                    [n, r] = (0, O.useState)({
                        start: N.defaultDateStart,
                        end: N.defaultDateEnd,
                    });
                return (0, k.jsxs)(`div`, {
                    children: [
                        (0, k.jsx)(
                            c,
                            {
                                className: N.className,
                                isTwoUp: N.isTwoUp,
                                defaultDateEnd: n.end,
                                defaultDateStart: n.start,
                                onChange: (e) => {
                                    r({ start: e.dateStart, end: e.dateEnd ?? `` });
                                },
                            },
                            e,
                        ),
                        (0, k.jsxs)(`div`, {
                            style: { marginTop: `16px` },
                            children: [
                                (0, k.jsx)(`button`, {
                                    onClick: () => {
                                        (t((e) => e + 1),
                                            r({
                                                start: N.defaultDateStart,
                                                end: N.defaultDateEnd,
                                            }));
                                    },
                                    style: {
                                        padding: `8px 16px`,
                                        border: `1px solid #ccc`,
                                        borderRadius: `4px`,
                                        cursor: `pointer`,
                                        backgroundColor: `#f5f5f5`,
                                    },
                                    children: `Reset to Christmas-Epiphany Range`,
                                }),
                                n.start &&
                                    (0, k.jsxs)(`p`, {
                                        style: { marginTop: `8px` },
                                        children: [
                                            `Selected: `,
                                            new Date(n.start).toLocaleDateString(),
                                            n.end &&
                                                ` - ${new Date(n.end).toLocaleDateString()}`,
                                        ],
                                    }),
                            ],
                        }),
                    ],
                });
            },
        }),
        (F = {
            args: {
                className: `no-future-two-up-date-picker-story`,
                isTwoUp: !0,
                monthLimitLast: g(new Date()),
            },
        }),
        (I = {
            args: {
                className: `no-future-two-up-date-picker-story`,
                defaultDateEnd: new Date(1234, 0, 1).toISOString(),
                defaultDateStart: new Date(1233, 0, 1).toISOString(),
                isTwoUp: !0,
                showEndInitially: !0,
            },
        }),
        (L = {
            className: `booking-date-picker-story`,
            isRange: !0,
            isTwoUp: !0,
            useMonthAbbreviations: !0,
        }),
        (R = {
            args: L,
            render() {
                let [e, t] = (0, O.useState)(0),
                    [n, r] = (0, O.useState)(``),
                    [i, a] = (0, O.useState)(``),
                    o = n && i,
                    s = g(new Date()),
                    l = s + 12,
                    u = () => {
                        (t((e) => e + 1), r(``), a(``));
                    };
                return (0, k.jsxs)(`div`, {
                    className: `booking-date-picker`,
                    children: [
                        (0, k.jsx)(`h3`, { children: `Select Your Stay` }),
                        (0, k.jsx)(
                            c,
                            {
                                ...L,
                                monthLimitFirst: s,
                                monthLimitLast: l,
                                onChange: ({ dateStart: e, dateEnd: t }) => {
                                    (r(e), a(t ?? ``));
                                },
                                defaultDateStart: n,
                                defaultDateEnd: i,
                            },
                            e,
                        ),
                        (0, k.jsx)(`div`, {
                            style: { marginTop: `16px` },
                            children: (0, k.jsx)(`button`, {
                                onClick: u,
                                style: {
                                    padding: `8px 16px`,
                                    border: `1px solid #dc3545`,
                                    borderRadius: `4px`,
                                    cursor: `pointer`,
                                    backgroundColor: `#fff`,
                                    color: `#dc3545`,
                                    marginRight: `8px`,
                                },
                                children: `Clear Dates`,
                            }),
                        }),
                        o
                            ? (0, k.jsxs)(`div`, {
                                  className: `booking-summary`,
                                  style: {
                                      marginTop: `16px`,
                                      padding: `16px`,
                                      border: `1px solid #e1e5e9`,
                                      borderRadius: `8px`,
                                      backgroundColor: `#f8f9fa`,
                                  },
                                  children: [
                                      (0, k.jsxs)(`p`, {
                                          children: [
                                              (0, k.jsx)(`strong`, {
                                                  children: `Check-in:`,
                                              }),
                                              ` `,
                                              new Date(n).toLocaleDateString(),
                                          ],
                                      }),
                                      (0, k.jsxs)(`p`, {
                                          children: [
                                              (0, k.jsx)(`strong`, {
                                                  children: `Check-out:`,
                                              }),
                                              ` `,
                                              new Date(i).toLocaleDateString(),
                                          ],
                                      }),
                                      (0, k.jsxs)(`p`, {
                                          children: [
                                              (0, k.jsx)(`strong`, {
                                                  children: `Duration:`,
                                              }),
                                              ` `,
                                              (() => {
                                                  let e = new Date(n).getTime(),
                                                      t = new Date(i).getTime() - e,
                                                      r = Math.ceil(
                                                          t / (1e3 * 60 * 60 * 24),
                                                      );
                                                  return Math.max(0, r);
                                              })(),
                                              ` `,
                                              `nights`,
                                          ],
                                      }),
                                  ],
                              })
                            : null,
                    ],
                });
            },
            parameters: {
                docs: {
                    description: {
                        story: `A complete booking system example with date range selection, month limits, and booking summary display.`,
                    },
                },
            },
        }),
        (z = { className: `event-scheduler-story` }),
        (B = {
            args: z,
            render() {
                let [e, t] = (0, O.useState)(0),
                    [n, r] = (0, O.useState)(``),
                    [i, a] = (0, O.useState)(!1),
                    o = g(new Date());
                return (0, k.jsxs)(`div`, {
                    className: `event-scheduler`,
                    children: [
                        (0, k.jsxs)(`div`, {
                            style: { marginBottom: `16px` },
                            children: [
                                (0, k.jsx)(`label`, {
                                    htmlFor: `event-date`,
                                    style: {
                                        display: `block`,
                                        marginBottom: `8px`,
                                        fontWeight: 500,
                                    },
                                    children: `Event Date:`,
                                }),
                                (0, k.jsxs)(`div`, {
                                    style: {
                                        display: `flex`,
                                        alignItems: `center`,
                                        gap: `8px`,
                                    },
                                    children: [
                                        (0, k.jsx)(`input`, {
                                            id: `event-date`,
                                            type: `text`,
                                            value: n
                                                ? new Date(n).toLocaleDateString()
                                                : ``,
                                            onClick: () => a(!0),
                                            placeholder: `Click to select date`,
                                            readOnly: !0,
                                            style: {
                                                padding: `8px 12px`,
                                                border: `2px solid #e1e5e9`,
                                                borderRadius: `6px`,
                                                cursor: `pointer`,
                                                width: `200px`,
                                            },
                                        }),
                                        n &&
                                            (0, k.jsx)(`button`, {
                                                onClick: () => {
                                                    (t((e) => e + 1), r(``), a(!1));
                                                },
                                                style: {
                                                    padding: `6px 12px`,
                                                    border: `1px solid #dc3545`,
                                                    borderRadius: `4px`,
                                                    cursor: `pointer`,
                                                    backgroundColor: `#fff`,
                                                    color: `#dc3545`,
                                                    fontSize: `12px`,
                                                },
                                                children: `Clear`,
                                            }),
                                    ],
                                }),
                            ],
                        }),
                        i
                            ? (0, k.jsx)(`div`, {
                                  style: {
                                      position: `relative`,
                                      zIndex: 1e3,
                                      marginTop: `8px`,
                                  },
                                  children: (0, k.jsxs)(`div`, {
                                      style: {
                                          padding: `16px`,
                                          border: `1px solid #e1e5e9`,
                                          borderRadius: `8px`,
                                          backgroundColor: `white`,
                                          boxShadow: `0 4px 6px rgba(0, 0, 0, 0.1)`,
                                      },
                                      children: [
                                          (0, k.jsx)(
                                              c,
                                              {
                                                  ...z,
                                                  monthLimitFirst: o,
                                                  onChange: ({ dateStart: e }) => {
                                                      (r(e), a(!1));
                                                  },
                                                  defaultDateStart: n,
                                              },
                                              e,
                                          ),
                                          (0, k.jsx)(`button`, {
                                              onClick: () => a(!1),
                                              style: {
                                                  marginTop: `12px`,
                                                  padding: `8px 16px`,
                                                  border: `1px solid #ccc`,
                                                  borderRadius: `4px`,
                                                  cursor: `pointer`,
                                              },
                                              children: `Cancel`,
                                          }),
                                      ],
                                  }),
                              })
                            : null,
                    ],
                });
            },
            parameters: {
                docs: {
                    description: {
                        story: `An event scheduling interface with modal-style date picker that only allows future dates.`,
                    },
                },
            },
        }),
        (V = {
            render() {
                let [e, t] = (0, O.useState)(0),
                    [n, r] = (0, O.useState)(``),
                    i = new Date(),
                    a = new Date(i.getFullYear() - 120, i.getMonth(), i.getDate()),
                    o = new Date(i.getFullYear() - 13, i.getMonth(), i.getDate()),
                    s = g(a),
                    l = g(o),
                    u = g(new Date(i.getFullYear() - 25, i.getMonth(), i.getDate()));
                return (0, k.jsxs)(`div`, {
                    className: `birthday-picker`,
                    children: [
                        (0, k.jsx)(`h3`, { children: `Enter Your Birthday` }),
                        (0, k.jsx)(
                            c,
                            {
                                initialMonth: u,
                                monthLimitFirst: s,
                                monthLimitLast: l,
                                onChange: ({ dateStart: e }) => r(e),
                                defaultDateStart: n,
                            },
                            e,
                        ),
                        (0, k.jsx)(`div`, {
                            style: { marginTop: `16px` },
                            children:
                                n &&
                                (0, k.jsx)(`button`, {
                                    onClick: () => {
                                        (t((e) => e + 1), r(``));
                                    },
                                    style: {
                                        padding: `6px 12px`,
                                        border: `1px solid #dc3545`,
                                        borderRadius: `4px`,
                                        cursor: `pointer`,
                                        backgroundColor: `#fff`,
                                        color: `#dc3545`,
                                        fontSize: `14px`,
                                        marginBottom: `12px`,
                                    },
                                    children: `Clear Birthday`,
                                }),
                        }),
                        n
                            ? (0, k.jsx)(`p`, {
                                  style: {
                                      marginTop: `8px`,
                                      padding: `12px`,
                                      backgroundColor: `#e3f2fd`,
                                      borderRadius: `6px`,
                                  },
                                  children: (0, k.jsxs)(`strong`, {
                                      children: [
                                          `You are`,
                                          ` `,
                                          Math.floor(
                                              (i.getTime() - new Date(n).getTime()) /
                                                  (1e3 * 60 * 60 * 24 * 365.25),
                                          ),
                                          ` `,
                                          `years old`,
                                      ],
                                  }),
                              })
                            : null,
                    ],
                });
            },
            parameters: {
                docs: {
                    description: {
                        story: `A birthday picker with reasonable age limits (13-120 years) and automatic age calculation.`,
                    },
                },
            },
        }),
        (H = {
            render() {
                let [e, t] = (0, O.useState)(0),
                    [n, r] = (0, O.useState)(``),
                    [i, a] = (0, O.useState)(`single`);
                return (0, k.jsxs)(`div`, {
                    className: `flexible-date-picker`,
                    children: [
                        (0, k.jsxs)(`div`, {
                            style: { marginBottom: `16px` },
                            children: [
                                (0, k.jsxs)(`label`, {
                                    style: { marginRight: `16px` },
                                    children: [
                                        (0, k.jsx)(`input`, {
                                            type: `radio`,
                                            checked: i === `single`,
                                            onChange: () => a(`single`),
                                            style: { marginRight: `4px` },
                                        }),
                                        `Single Month`,
                                    ],
                                }),
                                (0, k.jsxs)(`label`, {
                                    style: { marginRight: `16px` },
                                    children: [
                                        (0, k.jsx)(`input`, {
                                            type: `radio`,
                                            checked: i === `double`,
                                            onChange: () => a(`double`),
                                            style: { marginRight: `4px` },
                                        }),
                                        `Two Months`,
                                    ],
                                }),
                                n &&
                                    (0, k.jsx)(`button`, {
                                        onClick: () => {
                                            (t((e) => e + 1), r(``));
                                        },
                                        style: {
                                            padding: `4px 8px`,
                                            border: `1px solid #dc3545`,
                                            borderRadius: `4px`,
                                            cursor: `pointer`,
                                            backgroundColor: `#fff`,
                                            color: `#dc3545`,
                                            fontSize: `12px`,
                                        },
                                        children: `Clear`,
                                    }),
                            ],
                        }),
                        (0, k.jsx)(
                            c,
                            {
                                isTwoUp: i === `double`,
                                useMonthAbbreviations: i === `double`,
                                onChange: ({ dateStart: e }) => r(e),
                                defaultDateStart: n,
                            },
                            e,
                        ),
                        n
                            ? (0, k.jsxs)(`div`, {
                                  style: {
                                      marginTop: `16px`,
                                      padding: `12px`,
                                      border: `1px solid #e1e5e9`,
                                      borderRadius: `6px`,
                                  },
                                  children: [
                                      (0, k.jsx)(`strong`, { children: `Selected:` }),
                                      ` `,
                                      new Date(n).toLocaleDateString(),
                                      (0, k.jsx)(`br`, {}),
                                      (0, k.jsx)(`strong`, { children: `Day of week:` }),
                                      ` `,
                                      new Date(n).toLocaleDateString(`en`, {
                                          weekday: `long`,
                                      }),
                                  ],
                              })
                            : null,
                    ],
                });
            },
            parameters: {
                docs: {
                    description: {
                        story: `A flexible date picker that can switch between single and two-month views dynamically.`,
                    },
                },
            },
        }),
        (j.parameters = {
            ...j.parameters,
            docs: {
                ...j.parameters?.docs,
                source: {
                    originalSource: `{
  args: {
    className: 'default-date-picker-story'
  }
}`,
                    ...j.parameters?.docs?.source,
                },
            },
        }),
        (M.parameters = {
            ...M.parameters,
            docs: {
                ...M.parameters?.docs,
                source: {
                    originalSource: `{
  args: {
    className: 'two-up-date-picker-story',
    isTwoUp: true
  }
}`,
                    ...M.parameters?.docs?.source,
                },
            },
        }),
        (P.parameters = {
            ...P.parameters,
            docs: {
                ...P.parameters?.docs,
                source: {
                    originalSource: `{
  args: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS,
  render() {
    const [resetKey, setResetKey] = useState(0);
    const [selectedDates, setSelectedDates] = useState({
      start: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.defaultDateStart,
      end: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.defaultDateEnd
    });
    const handleReset = () => {
      setResetKey(prev => prev + 1);
      setSelectedDates({
        start: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.defaultDateStart,
        end: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.defaultDateEnd
      });
    };
    return <div>
                <DatePicker key={resetKey} className={DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.className} isTwoUp={DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.isTwoUp} defaultDateEnd={selectedDates.end} defaultDateStart={selectedDates.start} onChange={update => {
        setSelectedDates({
          start: update.dateStart,
          end: update.dateEnd ?? ''
        });
      }} />
                <div style={{
        marginTop: '16px'
      }}>
                    <button onClick={handleReset} style={{
          padding: '8px 16px',
          border: '1px solid #ccc',
          borderRadius: '4px',
          cursor: 'pointer',
          backgroundColor: '#f5f5f5'
        }}>
                        Reset to Christmas-Epiphany Range
                    </button>
                    {selectedDates.start && <p style={{
          marginTop: '8px'
        }}>
                            Selected: {new Date(selectedDates.start).toLocaleDateString()}
                            {selectedDates.end && \` - \${new Date(selectedDates.end).toLocaleDateString()}\`}
                        </p>}
                </div>
            </div>;
  }
}`,
                    ...P.parameters?.docs?.source,
                },
            },
        }),
        (F.parameters = {
            ...F.parameters,
            docs: {
                ...F.parameters?.docs,
                source: {
                    originalSource: `{
  args: {
    className: 'no-future-two-up-date-picker-story',
    isTwoUp: true,
    monthLimitLast: getMonthFromDate(new Date())
  }
}`,
                    ...F.parameters?.docs?.source,
                },
            },
        }),
        (I.parameters = {
            ...I.parameters,
            docs: {
                ...I.parameters?.docs,
                source: {
                    originalSource: `{
  args: {
    className: 'no-future-two-up-date-picker-story',
    defaultDateEnd: new Date(1234, 0, 1).toISOString(),
    defaultDateStart: new Date(1233, 0, 1).toISOString(),
    isTwoUp: true,
    showEndInitially: true
  }
}`,
                    ...I.parameters?.docs?.source,
                },
            },
        }),
        (R.parameters = {
            ...R.parameters,
            docs: {
                ...R.parameters?.docs,
                source: {
                    originalSource: `{
  args: BOOKING_PROPS,
  render() {
    const [resetKey, setResetKey] = useState(0);
    const [checkIn, setCheckIn] = useState('');
    const [checkOut, setCheckOut] = useState('');
    const isValid = checkIn && checkOut;

    // Limit to next 12 months only
    const today = new Date();
    const monthLimitFirst = getMonthFromDate(today);
    const monthLimitLast = monthLimitFirst + 12;
    const handleClearDates = () => {
      setResetKey(prev => prev + 1);
      setCheckIn('');
      setCheckOut('');
    };
    return <div className="booking-date-picker">
                <h3>Select Your Stay</h3>
                <DatePicker key={resetKey} {...BOOKING_PROPS} monthLimitFirst={monthLimitFirst} monthLimitLast={monthLimitLast} onChange={({
        dateStart,
        dateEnd
      }) => {
        setCheckIn(dateStart);
        setCheckOut(dateEnd ?? '');
      }} defaultDateStart={checkIn} defaultDateEnd={checkOut} />

                <div style={{
        marginTop: '16px'
      }}>
                    <button onClick={handleClearDates} style={{
          padding: '8px 16px',
          border: '1px solid #dc3545',
          borderRadius: '4px',
          cursor: 'pointer',
          backgroundColor: '#fff',
          color: '#dc3545',
          marginRight: '8px'
        }}>
                        Clear Dates
                    </button>
                </div>

                {isValid ? <div className="booking-summary" style={{
        marginTop: '16px',
        padding: '16px',
        border: '1px solid #e1e5e9',
        borderRadius: '8px',
        backgroundColor: '#f8f9fa'
      }}>
                        <p>
                            <strong>Check-in:</strong>{' '}
                            {new Date(checkIn).toLocaleDateString()}
                        </p>
                        <p>
                            <strong>Check-out:</strong>{' '}
                            {new Date(checkOut).toLocaleDateString()}
                        </p>
                        <p>
                            <strong>Duration:</strong>{' '}
                            {(() => {
            const checkInTime = new Date(checkIn).getTime();
            const checkOutTime = new Date(checkOut).getTime();
            const diffTime = checkOutTime - checkInTime;
            const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
            return Math.max(0, diffDays);
          })()}{' '}
                            nights
                        </p>
                    </div> : null}
            </div>;
  },
  parameters: {
    docs: {
      description: {
        story: 'A complete booking system example with date range selection, month limits, and booking summary display.'
      }
    }
  }
}`,
                    ...R.parameters?.docs?.source,
                },
            },
        }),
        (B.parameters = {
            ...B.parameters,
            docs: {
                ...B.parameters?.docs,
                source: {
                    originalSource: `{
  args: EVENT_PROPS,
  render() {
    const [resetKey, setResetKey] = useState(0);
    const [eventDate, setEventDate] = useState('');
    const [showPicker, setShowPicker] = useState(false);

    // Only allow future dates
    const monthLimitFirst = getMonthFromDate(new Date());
    const handleClearDate = () => {
      setResetKey(prev => prev + 1);
      setEventDate('');
      setShowPicker(false);
    };
    return <div className="event-scheduler">
                <div style={{
        marginBottom: '16px'
      }}>
                    <label htmlFor="event-date" style={{
          display: 'block',
          marginBottom: '8px',
          fontWeight: 500
        }}>
                        Event Date:
                    </label>
                    <div style={{
          display: 'flex',
          alignItems: 'center',
          gap: '8px'
        }}>
                        <input id="event-date" type="text" value={eventDate ? new Date(eventDate).toLocaleDateString() : ''} onClick={() => setShowPicker(true)} placeholder="Click to select date" readOnly style={{
            padding: '8px 12px',
            border: '2px solid #e1e5e9',
            borderRadius: '6px',
            cursor: 'pointer',
            width: '200px'
          }} />
                        {eventDate && <button onClick={handleClearDate} style={{
            padding: '6px 12px',
            border: '1px solid #dc3545',
            borderRadius: '4px',
            cursor: 'pointer',
            backgroundColor: '#fff',
            color: '#dc3545',
            fontSize: '12px'
          }}>
                                Clear
                            </button>}
                    </div>
                </div>

                {showPicker ? <div style={{
        position: 'relative',
        zIndex: 1000,
        marginTop: '8px'
      }}>
                        <div style={{
          padding: '16px',
          border: '1px solid #e1e5e9',
          borderRadius: '8px',
          backgroundColor: 'white',
          boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)'
        }}>
                            <DatePicker key={resetKey} {...EVENT_PROPS} monthLimitFirst={monthLimitFirst} onChange={({
            dateStart
          }) => {
            setEventDate(dateStart);
            setShowPicker(false);
          }} defaultDateStart={eventDate} />
                            <button onClick={() => setShowPicker(false)} style={{
            marginTop: '12px',
            padding: '8px 16px',
            border: '1px solid #ccc',
            borderRadius: '4px',
            cursor: 'pointer'
          }}>
                                Cancel
                            </button>
                        </div>
                    </div> : null}
            </div>;
  },
  parameters: {
    docs: {
      description: {
        story: 'An event scheduling interface with modal-style date picker that only allows future dates.'
      }
    }
  }
}`,
                    ...B.parameters?.docs?.source,
                },
            },
        }),
        (V.parameters = {
            ...V.parameters,
            docs: {
                ...V.parameters?.docs,
                source: {
                    originalSource: `{
  render() {
    const [resetKey, setResetKey] = useState(0);
    const [birthday, setBirthday] = useState('');

    // Reasonable age limits: 13 to 120 years ago
    const today = new Date();
    const maxAge = new Date(today.getFullYear() - 120, today.getMonth(), today.getDate());
    const minAge = new Date(today.getFullYear() - 13, today.getMonth(), today.getDate());
    const monthLimitFirst = getMonthFromDate(maxAge);
    const monthLimitLast = getMonthFromDate(minAge);

    // Start showing calendar at a reasonable age (25 years ago)
    const defaultMonth = getMonthFromDate(new Date(today.getFullYear() - 25, today.getMonth(), today.getDate()));
    const handleClear = () => {
      setResetKey(prev => prev + 1);
      setBirthday('');
    };
    return <div className="birthday-picker">
                <h3>Enter Your Birthday</h3>
                <DatePicker key={resetKey} initialMonth={defaultMonth} monthLimitFirst={monthLimitFirst} monthLimitLast={monthLimitLast} onChange={({
        dateStart
      }) => setBirthday(dateStart)} defaultDateStart={birthday} />

                <div style={{
        marginTop: '16px'
      }}>
                    {birthday && <button onClick={handleClear} style={{
          padding: '6px 12px',
          border: '1px solid #dc3545',
          borderRadius: '4px',
          cursor: 'pointer',
          backgroundColor: '#fff',
          color: '#dc3545',
          fontSize: '14px',
          marginBottom: '12px'
        }}>
                            Clear Birthday
                        </button>}
                </div>

                {birthday ? <p style={{
        marginTop: '8px',
        padding: '12px',
        backgroundColor: '#e3f2fd',
        borderRadius: '6px'
      }}>
                        <strong>
                            You are{' '}
                            {Math.floor((today.getTime() - new Date(birthday).getTime()) / (1000 * 60 * 60 * 24 * 365.25))}{' '}
                            years old
                        </strong>
                    </p> : null}
            </div>;
  },
  parameters: {
    docs: {
      description: {
        story: 'A birthday picker with reasonable age limits (13-120 years) and automatic age calculation.'
      }
    }
  }
}`,
                    ...V.parameters?.docs?.source,
                },
            },
        }),
        (H.parameters = {
            ...H.parameters,
            docs: {
                ...H.parameters?.docs,
                source: {
                    originalSource: `{
  render() {
    const [resetKey, setResetKey] = useState(0);
    const [selectedDate, setSelectedDate] = useState('');
    const [viewMode, setViewMode] = useState<'single' | 'double'>('single');
    const handleClear = () => {
      setResetKey(prev => prev + 1);
      setSelectedDate('');
    };
    return <div className="flexible-date-picker">
                <div style={{
        marginBottom: '16px'
      }}>
                    <label style={{
          marginRight: '16px'
        }}>
                        <input type="radio" checked={viewMode === 'single'} onChange={() => setViewMode('single')} style={{
            marginRight: '4px'
          }} />
                        Single Month
                    </label>
                    <label style={{
          marginRight: '16px'
        }}>
                        <input type="radio" checked={viewMode === 'double'} onChange={() => setViewMode('double')} style={{
            marginRight: '4px'
          }} />
                        Two Months
                    </label>
                    {selectedDate && <button onClick={handleClear} style={{
          padding: '4px 8px',
          border: '1px solid #dc3545',
          borderRadius: '4px',
          cursor: 'pointer',
          backgroundColor: '#fff',
          color: '#dc3545',
          fontSize: '12px'
        }}>
                            Clear
                        </button>}
                </div>

                <DatePicker key={resetKey} isTwoUp={viewMode === 'double'} useMonthAbbreviations={viewMode === 'double'} onChange={({
        dateStart
      }) => setSelectedDate(dateStart)} defaultDateStart={selectedDate} />

                {selectedDate ? <div style={{
        marginTop: '16px',
        padding: '12px',
        border: '1px solid #e1e5e9',
        borderRadius: '6px'
      }}>
                        <strong>Selected:</strong>{' '}
                        {new Date(selectedDate).toLocaleDateString()}
                        <br />
                        <strong>Day of week:</strong>{' '}
                        {new Date(selectedDate).toLocaleDateString('en', {
          weekday: 'long'
        })}
                    </div> : null}
            </div>;
  },
  parameters: {
    docs: {
      description: {
        story: 'A flexible date picker that can switch between single and two-month views dynamically.'
      }
    }
  }
}`,
                    ...H.parameters?.docs?.source,
                },
            },
        }),
        (U = [
            `DefaultDatePicker`,
            `TwoUpDatePicker`,
            `DateRangeNavidadDiaDeLosReyesDatePicker`,
            `NoFutureTwoUpDatePicker`,
            `ShowEndInitiallyDatePicker`,
            `BookingSystemDateRange`,
            `EventScheduler`,
            `BirthdayPicker`,
            `FlexibleDatePicker`,
        ]));
})();
export {
    V as BirthdayPicker,
    R as BookingSystemDateRange,
    P as DateRangeNavidadDiaDeLosReyesDatePicker,
    j as DefaultDatePicker,
    B as EventScheduler,
    H as FlexibleDatePicker,
    F as NoFutureTwoUpDatePicker,
    I as ShowEndInitiallyDatePicker,
    M as TwoUpDatePicker,
    U as __namedExportsOrder,
    A as default,
};
