welcome-ui 1.0.0-beta.9 → 7.0.0-alpha.7

package/dist/CustomInput-DsJYqH0X.mjs

@@ -1,1272 +0,0 @@
-"use client";
-import i, { useState as w, useMemo as v, useEffect as L, forwardRef as P } from "react";
-import { StyledIcon as H } from "./Icon.mjs";
-import { L as G } from "./index-BpRjq7lj.mjs";
-import { R as J } from "./index-BRDOakbf.mjs";
-import { S as U, a as q } from "./index-CmBs24Im.mjs";
-import { StyledButton as W, Button as $ } from "./Button.mjs";
-import { g as X } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-import l, { css as k, system as S, th as g } from "@xstyled/styled-components";
-import { IconGroupWrapper as C, IconWrapper as z } from "./Field.mjs";
-import { ClearButton as Z } from "./ClearButton.mjs";
-import { d as D, F as K } from "./field-styles-CeV7pnOp.mjs";
-import b from "react-datepicker";
-import { shouldForwardProp as Q } from "./System.mjs";
-const Ze = l(b.default || b)(
-  ({ iconPlacement: e, size: t, transparent: r, variant: a }) => k`
-    ${D({ size: t, variant: a, transparent: r, isClearable: !0, iconPlacement: e })};
-    ${S};
-  `
-), Ke = l(
-  // Workaround to this issue: https://github.com/Hacker0x01/react-datepicker/issues/3834
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  b.default || b
-)(
-  ({ iconPlacement: e, size: t, transparent: r, variant: a }) => k`
-    ${D({ size: t, variant: a, transparent: r, isClearable: !0, iconPlacement: e })};
-    text-align: center;
-    ${S};
-  `
-), V = l("div").withConfig({ shouldForwardProp: Q })(
-  ({ focused: e }) => k`
-      position: relative;
-
-      ${C} {
-        z-index: ${e ? 1 : null};
-      }
-
-      ${z} {
-        z-index: ${e ? 1 : null};
-      }
-    `
-), Y = l.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: lg;
-  text-align: left;
-
-  ${W} {
-    width: 25;
-    height: 25;
-
-    ${H} {
-      width: 10;
-      height: 10;
-    }
-  }
-`, ee = l.div`
-  display: flex;
-  ${/* sc-selector */
-U}:first-child:not(:last-child) {
-    margin-right: sm;
-  }
-`, te = k`
-  .react-datepicker__aria-live {
-    position: absolute;
-    clip-path: circle(0);
-    border: 0;
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    width: 1px;
-    white-space: nowrap;
-  }
-`;
-var re = 1 / 0, N = 9007199254740991, ae = 17976931348623157e292, E = NaN, ie = "[object Function]", ce = "[object GeneratorFunction]", oe = "[object Symbol]", de = /^\s+|\s+$/g, ne = /^[-+]0x[0-9a-f]+$/i, pe = /^0b[01]+$/i, _e = /^0o[0-7]+$/i, le = /^(?:0|[1-9]\d*)$/, ke = parseInt, me = Object.prototype, T = me.toString, se = Math.ceil, he = Math.max;
-function ge(e, t, r, a) {
-  for (var c = -1, o = he(se((t - e) / (r || 1)), 0), p = Array(o); o--; )
-    p[++c] = e, e += r;
-  return p;
-}
-function be(e) {
-  return function(t, r, a) {
-    return a && typeof a != "number" && fe(t, r, a) && (r = a = void 0), t = y(t), r === void 0 ? (r = t, t = 0) : r = y(r), a = a === void 0 ? t < r ? 1 : -1 : y(a), ge(t, r, a);
-  };
-}
-function ue(e, t) {
-  return t = t ?? N, !!t && (typeof e == "number" || le.test(e)) && e > -1 && e % 1 == 0 && e < t;
-}
-function fe(e, t, r) {
-  if (!u(r))
-    return !1;
-  var a = typeof t;
-  return (a == "number" ? xe(r) && ue(t, r.length) : a == "string" && t in r) ? ye(r[t], e) : !1;
-}
-function ye(e, t) {
-  return e === t || e !== e && t !== t;
-}
-function xe(e) {
-  return e != null && ve(e.length) && !we(e);
-}
-function we(e) {
-  var t = u(e) ? T.call(e) : "";
-  return t == ie || t == ce;
-}
-function ve(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= N;
-}
-function u(e) {
-  var t = typeof e;
-  return !!e && (t == "object" || t == "function");
-}
-function qe(e) {
-  return !!e && typeof e == "object";
-}
-function $e(e) {
-  return typeof e == "symbol" || qe(e) && T.call(e) == oe;
-}
-function y(e) {
-  if (!e)
-    return e === 0 ? e : 0;
-  if (e = Ee(e), e === re || e === -1 / 0) {
-    var t = e < 0 ? -1 : 1;
-    return t * ae;
-  }
-  return e === e ? e : 0;
-}
-function Ee(e) {
-  if (typeof e == "number")
-    return e;
-  if ($e(e))
-    return E;
-  if (u(e)) {
-    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = u(t) ? t + "" : t;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = e.replace(de, "");
-  var r = pe.test(e);
-  return r || _e.test(e) ? ke(e.slice(2), r ? 2 : 8) : ne.test(e) ? E : +e;
-}
-var Ie = be(), Se = Ie;
-const Ce = /* @__PURE__ */ X(Se), I = [
-  { value: 0, label: "January" },
-  { value: 1, label: "February" },
-  { value: 2, label: "March" },
-  { value: 3, label: "April" },
-  { value: 4, label: "May" },
-  { value: 5, label: "June" },
-  { value: 6, label: "July" },
-  { value: 7, label: "August" },
-  { value: 8, label: "September" },
-  { value: 9, label: "October" },
-  { value: 10, label: "November" },
-  { value: 11, label: "December" }
-], Qe = /* @__PURE__ */ new Date(), Ve = (e, t = 15) => {
-  if (!e)
-    return null;
-  let r = new Date(e);
-  isNaN(r.getTime()) && (r = /* @__PURE__ */ new Date());
-  const a = Math.ceil(r.getMinutes() / t) * t;
-  return new Date(r.setMinutes(a, 0, 0));
-}, ze = (e) => e ? I.map((t, r) => ({
-  ...t,
-  label: e.localize.month(r)
-})) : I, De = (e, t) => Ce(e, t + 1).map((r) => ({
-  label: r.toString(),
-  value: r
-})).reverse(), Ne = ({
-  changeMonth: e,
-  changeYear: t,
-  date: r,
-  decreaseMonth: a,
-  decreaseYear: c,
-  endYear: o,
-  increaseMonth: p,
-  increaseYear: s,
-  isMonthYearPicker: d,
-  locale: h,
-  startYear: n
-}) => {
-  const [f, F] = w(null), [m, A] = w(null), _ = v(() => ze(h), [h]), M = v(() => De(n, o), [n, o]), R = (d || f === _[0].label) && m === n, j = (d || f === _[_.length - 1].label) && m === o;
-  return L(() => {
-    const x = new Date(r), O = _[x.getMonth()].label, B = x.getFullYear();
-    F(O), A(B);
-  }, [r, _]), /* @__PURE__ */ i.createElement(Y, null, /* @__PURE__ */ i.createElement(
-    $,
-    {
-      disabled: R,
-      onClick: d ? c : a,
-      shape: "square",
-      title: `Previous ${d ? "year" : "month"}`,
-      variant: "tertiary"
-    },
-    /* @__PURE__ */ i.createElement(G, { mr: 2 })
-  ), /* @__PURE__ */ i.createElement(ee, null, !d && /* @__PURE__ */ i.createElement(
-    q,
-    {
-      id: "month",
-      name: "month",
-      onChange: e,
-      options: _,
-      size: "sm",
-      value: f
-    }
-  ), /* @__PURE__ */ i.createElement(
-    q,
-    {
-      id: "year",
-      name: "year",
-      onChange: t,
-      options: M,
-      size: "sm",
-      value: m
-    }
-  )), /* @__PURE__ */ i.createElement(
-    $,
-    {
-      disabled: j,
-      onClick: d ? s : p,
-      shape: "square",
-      title: `Next ${d ? "year" : "month"}`,
-      variant: "tertiary"
-    },
-    /* @__PURE__ */ i.createElement(J, { ml: 2 })
-  ));
-};
-Ne.displayName = "CustomHeader";
-const Te = k`
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
-  .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-year-read-view--down-arrow {
-    margin-left: -8px;
-    position: absolute;
-  }
-
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
-  .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-year-read-view--down-arrow,
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
-  .react-datepicker__year-read-view--down-arrow::before,
-  .react-datepicker__month-read-view--down-arrow::before,
-  .react-datepicker__month-year-read-view--down-arrow::before {
-    box-sizing: content-box;
-    position: absolute;
-    border: 8px solid transparent;
-    height: 0;
-    width: 1px;
-  }
-
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
-  .react-datepicker__year-read-view--down-arrow::before,
-  .react-datepicker__month-read-view--down-arrow::before,
-  .react-datepicker__month-year-read-view--down-arrow::before {
-    content: '';
-    z-index: -1;
-    border-width: 8px;
-    left: -8px;
-    border-bottom-color: #aeaeae;
-  }
-
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
-    top: 0;
-    margin-top: -8px;
-  }
-
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
-    border-top: none;
-    border-bottom-color: #f0f0f0;
-  }
-
-  .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
-    top: -1px;
-    border-bottom-color: #aeaeae;
-  }
-
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
-  .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-year-read-view--down-arrow {
-    bottom: 0;
-    margin-bottom: -8px;
-  }
-
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
-  .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-year-read-view--down-arrow,
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
-  .react-datepicker__year-read-view--down-arrow::before,
-  .react-datepicker__month-read-view--down-arrow::before,
-  .react-datepicker__month-year-read-view--down-arrow::before {
-    border-bottom: none;
-    border-top-color: #fff;
-  }
-
-  .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
-  .react-datepicker__year-read-view--down-arrow::before,
-  .react-datepicker__month-read-view--down-arrow::before,
-  .react-datepicker__month-year-read-view--down-arrow::before {
-    bottom: -1px;
-    border-top-color: #aeaeae;
-  }
-
-  .react-datepicker-wrapper {
-    display: inline-block;
-    padding: 0;
-    border: 0;
-  }
-
-  .react-datepicker {
-    font-size: 0.8rem;
-    background-color: #fff;
-    color: #000;
-    border: 1px solid #aeaeae;
-    border-radius: 0.3rem;
-    display: inline-block;
-    position: relative;
-  }
-
-  .react-datepicker--time-only .react-datepicker__triangle {
-    left: 35px;
-  }
-
-  .react-datepicker--time-only .react-datepicker__time-container {
-    border-left: 0;
-  }
-
-  .react-datepicker--time-only .react-datepicker__time {
-    border-radius: 0.3rem;
-  }
-
-  .react-datepicker--time-only .react-datepicker__time-box {
-    border-radius: 0.3rem;
-  }
-
-  .react-datepicker__triangle {
-    position: absolute;
-    left: 50px;
-  }
-
-  .react-datepicker-popper {
-    z-index: 1;
-  }
-
-  .react-datepicker-popper[data-placement^='bottom'] {
-    margin-top: 10px;
-  }
-
-  .react-datepicker-popper[data-placement='bottom-end'] .react-datepicker__triangle,
-  .react-datepicker-popper[data-placement='top-end'] .react-datepicker__triangle {
-    left: auto;
-    right: 50px;
-  }
-
-  .react-datepicker-popper[data-placement^='top'] {
-    margin-bottom: 10px;
-  }
-
-  .react-datepicker-popper[data-placement^='right'] {
-    margin-left: 8px;
-  }
-
-  .react-datepicker-popper[data-placement^='right'] .react-datepicker__triangle {
-    left: auto;
-    right: 42px;
-  }
-
-  .react-datepicker-popper[data-placement^='left'] {
-    margin-right: 8px;
-  }
-
-  .react-datepicker-popper[data-placement^='left'] .react-datepicker__triangle {
-    left: 42px;
-    right: auto;
-  }
-
-  .react-datepicker__header {
-    text-align: center;
-    background-color: #f0f0f0;
-    border-bottom: 1px solid #aeaeae;
-    border-top-left-radius: 0.3rem;
-    border-top-right-radius: 0.3rem;
-    padding-top: 8px;
-    position: relative;
-  }
-
-  .react-datepicker__header--time {
-    padding-bottom: 8px;
-    padding-left: 5px;
-    padding-right: 5px;
-  }
-
-  .react-datepicker__year-dropdown-container--select,
-  .react-datepicker__month-dropdown-container--select,
-  .react-datepicker__month-year-dropdown-container--select,
-  .react-datepicker__year-dropdown-container--scroll,
-  .react-datepicker__month-dropdown-container--scroll,
-  .react-datepicker__month-year-dropdown-container--scroll {
-    display: inline-block;
-    margin: 0 2px;
-  }
-
-  .react-datepicker__current-month,
-  .react-datepicker-time__header,
-  .react-datepicker-year-header {
-    margin-top: 0;
-    color: #000;
-    font-weight: bold;
-    font-size: 0.944rem;
-  }
-
-  .react-datepicker-time__header {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  .react-datepicker__navigation {
-    background: none;
-    line-height: 1.7rem;
-    text-align: center;
-    cursor: pointer;
-    position: absolute;
-    top: 10px;
-    width: 0;
-    padding: 0;
-    border: 0.45rem solid transparent;
-    z-index: 1;
-    height: 10px;
-    width: 10px;
-    text-indent: -999em;
-    overflow: hidden;
-  }
-
-  .react-datepicker__navigation--previous {
-    left: 10px;
-    border-right-color: #ccc;
-  }
-
-  .react-datepicker__navigation--previous:hover {
-    border-right-color: #b3b3b3;
-  }
-
-  .react-datepicker__navigation--previous--disabled,
-  .react-datepicker__navigation--previous--disabled:hover {
-    border-right-color: #e6e6e6;
-    cursor: default;
-  }
-
-  .react-datepicker__navigation--next {
-    right: 10px;
-    border-left-color: #ccc;
-  }
-
-  .react-datepicker__navigation--next--with-time:not(
-      .react-datepicker__navigation--next--with-today-button
-    ) {
-    right: 80px;
-  }
-
-  .react-datepicker__navigation--next:hover {
-    border-left-color: #b3b3b3;
-  }
-
-  .react-datepicker__navigation--next--disabled,
-  .react-datepicker__navigation--next--disabled:hover {
-    border-left-color: #e6e6e6;
-    cursor: default;
-  }
-
-  .react-datepicker__navigation--years {
-    position: relative;
-    top: 0;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .react-datepicker__navigation--years-previous {
-    top: 4px;
-    border-top-color: #ccc;
-  }
-
-  .react-datepicker__navigation--years-previous:hover {
-    border-top-color: #b3b3b3;
-  }
-
-  .react-datepicker__navigation--years-upcoming {
-    top: -4px;
-    border-bottom-color: #ccc;
-  }
-
-  .react-datepicker__navigation--years-upcoming:hover {
-    border-bottom-color: #b3b3b3;
-  }
-
-  .react-datepicker__month-container {
-    float: left;
-  }
-
-  .react-datepicker__year-container {
-    margin: 0.4rem;
-    text-align: center;
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .react-datepicker__year-container-text {
-    display: inline-block;
-    cursor: pointer;
-    flex: 1 0 30%;
-    width: 12px;
-    padding: 2px;
-  }
-
-  .react-datepicker__month {
-    margin: 0.4rem;
-    text-align: center;
-  }
-
-  .react-datepicker__month .react-datepicker__month-text,
-  .react-datepicker__month .react-datepicker__quarter-text {
-    display: inline-flex;
-    width: 4rem;
-    height: 2rem;
-    margin: 2px;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .react-datepicker__input-time-container {
-    clear: both;
-    width: 100%;
-    float: left;
-    margin: 5px 0 10px 15px;
-    text-align: left;
-  }
-
-  .react-datepicker__input-time-container .react-datepicker-time__caption {
-    display: inline-block;
-  }
-
-  .react-datepicker__input-time-container .react-datepicker-time__input-container {
-    display: inline-block;
-  }
-
-  .react-datepicker__input-time-container
-    .react-datepicker-time__input-container
-    .react-datepicker-time__input {
-    display: inline-block;
-    margin-left: 10px;
-  }
-
-  .react-datepicker__input-time-container
-    .react-datepicker-time__input-container
-    .react-datepicker-time__input
-    input {
-    width: 85px;
-  }
-
-  .react-datepicker__input-time-container
-    .react-datepicker-time__input-container
-    .react-datepicker-time__input
-    input[type='time']::-webkit-inner-spin-button,
-  .react-datepicker__input-time-container
-    .react-datepicker-time__input-container
-    .react-datepicker-time__input
-    input[type='time']::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  .react-datepicker__input-time-container
-    .react-datepicker-time__input-container
-    .react-datepicker-time__input
-    input[type='time'] {
-    -moz-appearance: textfield;
-  }
-
-  .react-datepicker__input-time-container
-    .react-datepicker-time__input-container
-    .react-datepicker-time__delimiter {
-    margin-left: 5px;
-    display: inline-block;
-  }
-
-  .react-datepicker__time-container {
-    float: right;
-    border-left: 1px solid #aeaeae;
-    width: 85px;
-  }
-
-  .react-datepicker__time-container--with-today-button {
-    display: inline;
-    border: 1px solid #aeaeae;
-    border-radius: 0.3rem;
-    position: absolute;
-    right: -72px;
-    top: 0;
-  }
-
-  .react-datepicker__time-container .react-datepicker__time {
-    position: relative;
-    background: white;
-  }
-
-  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
-    width: 85px;
-    overflow-x: hidden;
-    margin: 0 auto;
-    text-align: center;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list {
-    list-style: none;
-    margin: 0;
-    height: calc(195px + (1.7rem / 2));
-    overflow-y: scroll;
-    padding-right: 0px;
-    padding-left: 0px;
-    width: 100%;
-    box-sizing: content-box;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list
-    li.react-datepicker__time-list-item {
-    height: 30px;
-    padding: 5px 10px;
-    white-space: nowrap;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list
-    li.react-datepicker__time-list-item:hover {
-    cursor: pointer;
-    background-color: #f0f0f0;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list
-    li.react-datepicker__time-list-item--selected {
-    background-color: #216ba5;
-    color: white;
-    font-weight: bold;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list
-    li.react-datepicker__time-list-item--selected:hover {
-    background-color: #216ba5;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list
-    li.react-datepicker__time-list-item--disabled {
-    color: #ccc;
-  }
-
-  .react-datepicker__time-container
-    .react-datepicker__time
-    .react-datepicker__time-box
-    ul.react-datepicker__time-list
-    li.react-datepicker__time-list-item--disabled:hover {
-    cursor: default;
-    background-color: transparent;
-  }
-
-  .react-datepicker__week-number {
-    color: #ccc;
-    display: inline-block;
-    width: 1.7rem;
-    line-height: 1.7rem;
-    text-align: center;
-    margin: 0.166rem;
-  }
-
-  .react-datepicker__week-number.react-datepicker__week-number--clickable {
-    cursor: pointer;
-  }
-
-  .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
-    border-radius: 0.3rem;
-    background-color: #f0f0f0;
-  }
-
-  .react-datepicker__day-names,
-  .react-datepicker__week {
-    white-space: nowrap;
-  }
-
-  .react-datepicker__day-name,
-  .react-datepicker__day,
-  .react-datepicker__time-name {
-    color: #000;
-    display: inline-block;
-    width: 1.7rem;
-    line-height: 1.7rem;
-    text-align: center;
-    margin: 0.166rem;
-  }
-
-  .react-datepicker__month--selected,
-  .react-datepicker__month--in-selecting-range,
-  .react-datepicker__month--in-range,
-  .react-datepicker__quarter--selected,
-  .react-datepicker__quarter--in-selecting-range,
-  .react-datepicker__quarter--in-range {
-    border-radius: 0.3rem;
-    background-color: #216ba5;
-    color: #fff;
-  }
-
-  .react-datepicker__month--selected:hover,
-  .react-datepicker__month--in-selecting-range:hover,
-  .react-datepicker__month--in-range:hover,
-  .react-datepicker__quarter--selected:hover,
-  .react-datepicker__quarter--in-selecting-range:hover,
-  .react-datepicker__quarter--in-range:hover {
-    background-color: #1d5d90;
-  }
-
-  .react-datepicker__month--disabled,
-  .react-datepicker__quarter--disabled {
-    color: #ccc;
-    pointer-events: none;
-  }
-
-  .react-datepicker__month--disabled:hover,
-  .react-datepicker__quarter--disabled:hover {
-    cursor: default;
-    background-color: transparent;
-  }
-
-  .react-datepicker__day,
-  .react-datepicker__month-text,
-  .react-datepicker__quarter-text {
-    cursor: pointer;
-  }
-
-  .react-datepicker__day:hover,
-  .react-datepicker__month-text:hover,
-  .react-datepicker__quarter-text:hover {
-    border-radius: 0.3rem;
-    background-color: #f0f0f0;
-  }
-
-  .react-datepicker__day--today,
-  .react-datepicker__month-text--today,
-  .react-datepicker__quarter-text--today {
-    font-weight: bold;
-  }
-
-  .react-datepicker__day--highlighted,
-  .react-datepicker__month-text--highlighted,
-  .react-datepicker__quarter-text--highlighted {
-    border-radius: 0.3rem;
-    background-color: #3dcc4a;
-    color: #fff;
-  }
-
-  .react-datepicker__day--highlighted:hover,
-  .react-datepicker__month-text--highlighted:hover,
-  .react-datepicker__quarter-text--highlighted:hover {
-    background-color: #32be3f;
-  }
-
-  .react-datepicker__day--highlighted-custom-1,
-  .react-datepicker__month-text--highlighted-custom-1,
-  .react-datepicker__quarter-text--highlighted-custom-1 {
-    color: magenta;
-  }
-
-  .react-datepicker__day--highlighted-custom-2,
-  .react-datepicker__month-text--highlighted-custom-2,
-  .react-datepicker__quarter-text--highlighted-custom-2 {
-    color: green;
-  }
-
-  .react-datepicker__day--selected,
-  .react-datepicker__day--in-selecting-range,
-  .react-datepicker__day--in-range,
-  .react-datepicker__month-text--selected,
-  .react-datepicker__month-text--in-selecting-range,
-  .react-datepicker__month-text--in-range,
-  .react-datepicker__quarter-text--selected,
-  .react-datepicker__quarter-text--in-selecting-range,
-  .react-datepicker__quarter-text--in-range {
-    border-radius: 0.3rem;
-    background-color: #216ba5;
-    color: #fff;
-  }
-
-  .react-datepicker__day--selected:hover,
-  .react-datepicker__day--in-selecting-range:hover,
-  .react-datepicker__day--in-range:hover,
-  .react-datepicker__month-text--selected:hover,
-  .react-datepicker__month-text--in-selecting-range:hover,
-  .react-datepicker__month-text--in-range:hover,
-  .react-datepicker__quarter-text--selected:hover,
-  .react-datepicker__quarter-text--in-selecting-range:hover,
-  .react-datepicker__quarter-text--in-range:hover {
-    background-color: #1d5d90;
-  }
-
-  .react-datepicker__day--keyboard-selected,
-  .react-datepicker__month-text--keyboard-selected,
-  .react-datepicker__quarter-text--keyboard-selected {
-    border-radius: 0.3rem;
-    background-color: #2a87d0;
-    color: #fff;
-  }
-
-  .react-datepicker__day--keyboard-selected:hover,
-  .react-datepicker__month-text--keyboard-selected:hover,
-  .react-datepicker__quarter-text--keyboard-selected:hover {
-    background-color: #1d5d90;
-  }
-
-  .react-datepicker__day--in-selecting-range,
-  .react-datepicker__month-text--in-selecting-range,
-  .react-datepicker__quarter-text--in-selecting-range {
-    background-color: rgba(33, 107, 165, 0.5);
-  }
-
-  .react-datepicker__month--selecting-range .react-datepicker__day--in-range,
-  .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
-  .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range {
-    background-color: #f0f0f0;
-    color: #000;
-  }
-
-  .react-datepicker__day--disabled,
-  .react-datepicker__month-text--disabled,
-  .react-datepicker__quarter-text--disabled {
-    cursor: default;
-    color: #ccc;
-  }
-
-  .react-datepicker__day--disabled:hover,
-  .react-datepicker__month-text--disabled:hover,
-  .react-datepicker__quarter-text--disabled:hover {
-    background-color: transparent;
-  }
-
-  .react-datepicker__month-text.react-datepicker__month--selected:hover,
-  .react-datepicker__month-text.react-datepicker__month--in-range:hover,
-  .react-datepicker__month-text.react-datepicker__quarter--selected:hover,
-  .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
-  .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
-  .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
-  .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
-  .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
-    background-color: #216ba5;
-  }
-
-  .react-datepicker__month-text:hover,
-  .react-datepicker__quarter-text:hover {
-    background-color: #f0f0f0;
-  }
-
-  .react-datepicker__input-container {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-  }
-
-  .react-datepicker__year-read-view,
-  .react-datepicker__month-read-view,
-  .react-datepicker__month-year-read-view {
-    border: 1px solid transparent;
-    border-radius: 0.3rem;
-  }
-
-  .react-datepicker__year-read-view:hover,
-  .react-datepicker__month-read-view:hover,
-  .react-datepicker__month-year-read-view:hover {
-    cursor: pointer;
-  }
-
-  .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
-    border-top-color: #b3b3b3;
-  }
-
-  .react-datepicker__year-read-view--down-arrow,
-  .react-datepicker__month-read-view--down-arrow,
-  .react-datepicker__month-year-read-view--down-arrow {
-    border-top-color: #ccc;
-    float: right;
-    margin-left: 20px;
-    top: 8px;
-    position: relative;
-    border-width: 0.45rem;
-  }
-
-  .react-datepicker__year-dropdown,
-  .react-datepicker__month-dropdown,
-  .react-datepicker__month-year-dropdown {
-    background-color: #f0f0f0;
-    position: absolute;
-    width: 50%;
-    left: 25%;
-    top: 30px;
-    z-index: 1;
-    text-align: center;
-    border-radius: 0.3rem;
-    border: 1px solid #aeaeae;
-  }
-
-  .react-datepicker__year-dropdown:hover,
-  .react-datepicker__month-dropdown:hover,
-  .react-datepicker__month-year-dropdown:hover {
-    cursor: pointer;
-  }
-
-  .react-datepicker__year-dropdown--scrollable,
-  .react-datepicker__month-dropdown--scrollable,
-  .react-datepicker__month-year-dropdown--scrollable {
-    height: 150px;
-    overflow-y: scroll;
-  }
-
-  .react-datepicker__year-option,
-  .react-datepicker__month-option,
-  .react-datepicker__month-year-option {
-    line-height: 20px;
-    width: 100%;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .react-datepicker__year-option:first-of-type,
-  .react-datepicker__month-option:first-of-type,
-  .react-datepicker__month-year-option:first-of-type {
-    border-top-left-radius: 0.3rem;
-    border-top-right-radius: 0.3rem;
-  }
-
-  .react-datepicker__year-option:last-of-type,
-  .react-datepicker__month-option:last-of-type,
-  .react-datepicker__month-year-option:last-of-type {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    border-bottom-left-radius: 0.3rem;
-    border-bottom-right-radius: 0.3rem;
-  }
-
-  .react-datepicker__year-option:hover,
-  .react-datepicker__month-option:hover,
-  .react-datepicker__month-year-option:hover {
-    background-color: #ccc;
-  }
-
-  .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
-  .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
-  .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
-    border-bottom-color: #b3b3b3;
-  }
-
-  .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
-  .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
-  .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
-    border-top-color: #b3b3b3;
-  }
-
-  .react-datepicker__year-option--selected,
-  .react-datepicker__month-option--selected,
-  .react-datepicker__month-year-option--selected {
-    position: absolute;
-    left: 15px;
-  }
-
-  .react-datepicker__close-icon {
-    cursor: pointer;
-    background-color: transparent;
-    border: 0;
-    outline: 0;
-    padding: 0px 6px 0px 0px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 100%;
-    display: table-cell;
-    vertical-align: middle;
-  }
-
-  .react-datepicker__close-icon::after {
-    cursor: pointer;
-    background-color: #216ba5;
-    color: #fff;
-    border-radius: 50%;
-    height: 16px;
-    width: 16px;
-    padding: 2px;
-    font-size: 12px;
-    line-height: 1;
-    text-align: center;
-    display: table-cell;
-    vertical-align: middle;
-    content: '\\00d7';
-  }
-
-  .react-datepicker__today-button {
-    background: #f0f0f0;
-    border-top: 1px solid #aeaeae;
-    cursor: pointer;
-    text-align: center;
-    font-weight: bold;
-    padding: 5px 0;
-    clear: left;
-  }
-
-  .react-datepicker__portal {
-    position: fixed;
-    width: 100vw;
-    height: 100vh;
-    background-color: rgba(0, 0, 0, 0.8);
-    left: 0;
-    top: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    z-index: 2147483647;
-  }
-
-  .react-datepicker__portal .react-datepicker__day-name,
-  .react-datepicker__portal .react-datepicker__day,
-  .react-datepicker__portal .react-datepicker__time-name {
-    width: 3rem;
-    line-height: 3rem;
-  }
-
-  @media (max-width: 400px), (max-height: 550px) {
-    .react-datepicker__portal .react-datepicker__day-name,
-    .react-datepicker__portal .react-datepicker__day,
-    .react-datepicker__portal .react-datepicker__time-name {
-      width: 2rem;
-      line-height: 2rem;
-    }
-  }
-
-  .react-datepicker__portal .react-datepicker__current-month,
-  .react-datepicker__portal .react-datepicker-time__header {
-    font-size: 1.44rem;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation {
-    border: 0.81rem solid transparent;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation--previous {
-    border-right-color: #ccc;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation--previous:hover {
-    border-right-color: #b3b3b3;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation--previous--disabled,
-  .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
-    border-right-color: #e6e6e6;
-    cursor: default;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation--next {
-    border-left-color: #ccc;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation--next:hover {
-    border-left-color: #b3b3b3;
-  }
-
-  .react-datepicker__portal .react-datepicker__navigation--next--disabled,
-  .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
-    border-left-color: #e6e6e6;
-    cursor: default;
-  }
-`, Ye = ({
-  children: e
-}) => {
-  if (!e)
-    return null;
-  const { children: t, modifiers: r, placement: a, ...c } = e.props;
-  return /* @__PURE__ */ i.createElement(Fe, { popperStyles: c }, e);
-}, Fe = l.divBox(
-  ({ popperStyles: e }) => k`
-    ${Te};
-    ${te};
-    .react-datepicker-popper {
-      ${e};
-    }
-    .react-datepicker {
-      padding: lg;
-      font-family: inherit;
-      ${g("cards.default")};
-
-      &--time-only {
-        padding: 0;
-        .react-datepicker__time-box {
-          border-radius: 0;
-        }
-      }
-
-      &__time {
-        background-color: inherit;
-      }
-    }
-
-    .react-datepicker-time__header,
-    .react-datepicker__triangle {
-      display: none;
-    }
-
-    .react-datepicker__time-container {
-      width: 100px;
-      .react-datepicker__time .react-datepicker__time-box {
-        width: 100%;
-        ul.react-datepicker__time-list li.react-datepicker__time-list-item {
-          height: auto;
-          padding: sm;
-        }
-      }
-    }
-
-    .react-datepicker__header {
-      padding: 0;
-      background-color: neutral-10;
-      border: none;
-    }
-
-    .react-datepicker__day,
-    .react-datepicker__day-name,
-    .react-datepicker__time-list-item {
-      color: beige-70;
-      font-weight: regular;
-    }
-
-    .react-datepicker__day {
-      &,
-      &-name {
-        margin: 0.166rem 0.45rem;
-      }
-      &-name {
-        text-transform: uppercase;
-        font-weight: medium;
-        font-size: xs;
-        letter-spacing: 1px;
-      }
-      &--outside-month {
-        color: beige-60;
-      }
-    }
-
-    .react-datepicker__day--today {
-      ${g("dateTimePickerCommon.item.today")};
-    }
-
-    .react-datepicker__day:hover,
-    .react-datepicker__month-text:hover,
-    .react-datepicker__time-container
-      .react-datepicker__time
-      .react-datepicker__time-box
-      ul.react-datepicker__time-list
-      li.react-datepicker__time-list-item:hover {
-      background-color: beige-20;
-    }
-
-    .react-datepicker__day,
-    .react-datepicker__day--keyboard-selected,
-    .react-datepicker__day--selected,
-    .react-datepicker__day--in-selecting-range,
-    .react-datepicker__day--in-range {
-      border-radius: 50%;
-      &:hover {
-        border-radius: 50%;
-      }
-    }
-
-    .react-datepicker__month-text,
-    .react-datepicker__month-text--selected,
-    .react-datepicker__month-text--keyboard-selected,
-    .react-datepicker__month-text--in-selecting-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__month-text:hover {
-      border-radius: 2rem;
-      &:hover {
-        border-radius: 2rem;
-      }
-    }
-
-    .react-datepicker__day--keyboard-selected,
-    .react-datepicker__month-text--keyboard-selected,
-    .react-datepicker__time-container
-      .react-datepicker__time
-      .react-datepicker__time-box
-      ul.react-datepicker__time-list
-      li.react-datepicker__time-list-item--selected,
-    .react-datepicker__day--selected,
-    .react-datepicker__day--in-selecting-range,
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--selected,
-    .react-datepicker__month-text--in-selecting-range,
-    .react-datepicker__month-text--in-range {
-      ${g("dateTimePickerCommon.item.selected")};
-      &:hover {
-        ${g("dateTimePickerCommon.item.selected")};
-      }
-    }
-
-    .react-datepicker__day-names,
-    .react-datepicker__month {
-      margin: 0 -0.45rem;
-    }
-
-    .react-datepicker__month-text--today,
-    .react-datepicker__current-month,
-    .react-datepicker-time__header,
-    .react-datepicker-year-header {
-      font-weight: medium;
-    }
-  `
-), Ae = P(
-  ({ focused: e, handleBlur: t, handleFocus: r, icon: a, iconPlacement: c, onReset: o, size: p, value: s, ...d }, h) => {
-    const n = K[p];
-    return /* @__PURE__ */ i.createElement(V, { focused: e, onBlur: t, onFocus: r }, /* @__PURE__ */ i.createElement("input", { value: s, ...d, ref: h }), a && c !== "right" && /* @__PURE__ */ i.createElement(z, { iconPlacement: c, size: n }, i.cloneElement(a, { ...a.props, size: n })), s && /* @__PURE__ */ i.createElement(C, { size: n }, /* @__PURE__ */ i.createElement(Z, { "aria-label": "clear date", onClick: o }), c === "right" && i.cloneElement(a, { ...a.props, size: n })));
-  }
-);
-Ae.displayName = "CustomInput";
-export {
-  Ne as C,
-  Qe as D,
-  Ze as S,
-  Ke as a,
-  Ye as b,
-  Ae as c,
-  ze as d,
-  De as e,
-  te as f,
-  Ve as g
-};