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

package/dist/CustomInput-CHhz-wtr.js

@@ -1,1064 +0,0 @@
-"use client";"use strict";const i=require("react"),R=require("./Icon.js"),O=require("./index-BPeIa2mR.js"),H=require("./index-BNwz4P5j.js"),y=require("./index-DG7ovxHW.js"),x=require("./Button.js"),L=require("./_commonjsHelpers-DvH0V_XJ.js"),c=require("@xstyled/styled-components"),h=require("./Field.js"),G=require("./ClearButton.js"),w=require("./field-styles-D_gf6ypV.js"),g=require("react-datepicker"),W=require("./System.js"),J=c(g.default||g)(({iconPlacement:e,size:t,transparent:r,variant:a})=>c.css`
-    ${w.defaultFieldStyles({size:t,variant:a,transparent:r,isClearable:!0,iconPlacement:e})};
-    ${c.system};
-  `),U=c(g.default||g)(({iconPlacement:e,size:t,transparent:r,variant:a})=>c.css`
-    ${w.defaultFieldStyles({size:t,variant:a,transparent:r,isClearable:!0,iconPlacement:e})};
-    text-align: center;
-    ${c.system};
-  `),X=c("div").withConfig({shouldForwardProp:W.shouldForwardProp})(({focused:e})=>c.css`
-      position: relative;
-
-      ${h.IconGroupWrapper} {
-        z-index: ${e?1:null};
-      }
-
-      ${h.IconWrapper} {
-        z-index: ${e?1:null};
-      }
-    `),Z=c.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: lg;
-  text-align: left;
-
-  ${x.StyledButton} {
-    width: 25;
-    height: 25;
-
-    ${R.StyledIcon} {
-      width: 10;
-      height: 10;
-    }
-  }
-`,K=c.div`
-  display: flex;
-  ${y.StyledSelect}:first-child:not(:last-child) {
-    margin-right: sm;
-  }
-`,I=c.css`
-  .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 Q=1/0,E=9007199254740991,V=17976931348623157e292,q=NaN,Y="[object Function]",ee="[object GeneratorFunction]",te="[object Symbol]",re=/^\s+|\s+$/g,ae=/^[-+]0x[0-9a-f]+$/i,ie=/^0b[01]+$/i,ce=/^0o[0-7]+$/i,oe=/^(?:0|[1-9]\d*)$/,ne=parseInt,de=Object.prototype,$=de.toString,pe=Math.ceil,_e=Math.max;function le(e,t,r,a){for(var o=-1,n=_e(pe((t-e)/(r||1)),0),_=Array(n);n--;)_[++o]=e,e+=r;return _}function ke(e){return function(t,r,a){return a&&typeof a!="number"&&se(t,r,a)&&(r=a=void 0),t=f(t),r===void 0?(r=t,t=0):r=f(r),a=a===void 0?t<r?1:-1:f(a),le(t,r,a)}}function me(e,t){return t=t??E,!!t&&(typeof e=="number"||oe.test(e))&&e>-1&&e%1==0&&e<t}function se(e,t,r){if(!u(r))return!1;var a=typeof t;return(a=="number"?ge(r)&&me(t,r.length):a=="string"&&t in r)?he(r[t],e):!1}function he(e,t){return e===t||e!==e&&t!==t}function ge(e){return e!=null&&be(e.length)&&!ue(e)}function ue(e){var t=u(e)?$.call(e):"";return t==Y||t==ee}function be(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=E}function u(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function fe(e){return!!e&&typeof e=="object"}function ye(e){return typeof e=="symbol"||fe(e)&&$.call(e)==te}function f(e){if(!e)return e===0?e:0;if(e=xe(e),e===Q||e===-1/0){var t=e<0?-1:1;return t*V}return e===e?e:0}function xe(e){if(typeof e=="number")return e;if(ye(e))return q;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(re,"");var r=ie.test(e);return r||ce.test(e)?ne(e.slice(2),r?2:8):ae.test(e)?q:+e}var we=ke(),ve=we;const qe=L.getDefaultExportFromCjs(ve),S=[{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"}],Se=new Date,Ie=(e,t=15)=>{if(!e)return null;let r=new Date(e);isNaN(r.getTime())&&(r=new Date);const a=Math.ceil(r.getMinutes()/t)*t;return new Date(r.setMinutes(a,0,0))},C=e=>e?S.map((t,r)=>({...t,label:e.localize.month(r)})):S,z=(e,t)=>qe(e,t+1).map(r=>({label:r.toString(),value:r})).reverse(),D=({changeMonth:e,changeYear:t,date:r,decreaseMonth:a,decreaseYear:o,endYear:n,increaseMonth:_,increaseYear:m,isMonthYearPicker:d,locale:s,startYear:p})=>{const[b,F]=i.useState(null),[k,N]=i.useState(null),l=i.useMemo(()=>C(s),[s]),A=i.useMemo(()=>z(p,n),[p,n]),M=(d||b===l[0].label)&&k===p,j=(d||b===l[l.length-1].label)&&k===n;return i.useEffect(()=>{const v=new Date(r),B=l[v.getMonth()].label,P=v.getFullYear();F(B),N(P)},[r,l]),i.createElement(Z,null,i.createElement(x.Button,{disabled:M,onClick:d?o:a,shape:"square",title:`Previous ${d?"year":"month"}`,variant:"tertiary"},i.createElement(O.LeftIcon,{mr:2})),i.createElement(K,null,!d&&i.createElement(y.Select,{id:"month",name:"month",onChange:e,options:l,size:"sm",value:b}),i.createElement(y.Select,{id:"year",name:"year",onChange:t,options:A,size:"sm",value:k})),i.createElement(x.Button,{disabled:j,onClick:d?m:_,shape:"square",title:`Next ${d?"year":"month"}`,variant:"tertiary"},i.createElement(H.RightIcon,{ml:2})))};D.displayName="CustomHeader";const Ee=c.css`
-  .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;
-  }
-`,$e=({children:e})=>{if(!e)return null;const{children:t,modifiers:r,placement:a,...o}=e.props;return i.createElement(Ce,{popperStyles:o},e)},Ce=c.divBox(({popperStyles:e})=>c.css`
-    ${Ee};
-    ${I};
-    .react-datepicker-popper {
-      ${e};
-    }
-    .react-datepicker {
-      padding: lg;
-      font-family: inherit;
-      ${c.th("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 {
-      ${c.th("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 {
-      ${c.th("dateTimePickerCommon.item.selected")};
-      &:hover {
-        ${c.th("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;
-    }
-  `),T=i.forwardRef(({focused:e,handleBlur:t,handleFocus:r,icon:a,iconPlacement:o,onReset:n,size:_,value:m,...d},s)=>{const p=w.FIELD_ICON_SIZE[_];return i.createElement(X,{focused:e,onBlur:t,onFocus:r},i.createElement("input",{value:m,...d,ref:s}),a&&o!=="right"&&i.createElement(h.IconWrapper,{iconPlacement:o,size:p},i.cloneElement(a,{...a.props,size:p})),m&&i.createElement(h.IconGroupWrapper,{size:p},i.createElement(G.ClearButton,{"aria-label":"clear date",onClick:n}),o==="right"&&i.cloneElement(a,{...a.props,size:p})))});T.displayName="CustomInput";exports.CustomHeader=D;exports.CustomInput=T;exports.CustomPopper=$e;exports.DEFAULT_DATE=Se;exports.StyledDatePicker=J;exports.StyledTimePicker=U;exports.fixAriaMessageStyle=I;exports.getDate=Ie;exports.getMonths=C;exports.getYears=z;