@stenajs-webui/calendar 21.0.0 → 21.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/calendar-types/travel-date-calendar/TravelDateCalendar.d.ts +1 -0
  2. package/dist/components/calendar-types/travel-date-range-calendar/TravelDateRangeCalendar.d.ts +1 -0
  3. package/dist/components/input-types/travel-date-input/TravelDateInput.d.ts +1 -0
  4. package/dist/components/input-types/travel-date-range-input/TravelDateRangeInput.d.ts +1 -0
  5. package/dist/features/travel-calendar/components/TravelCalendar.d.ts +1 -0
  6. package/dist/features/travel-calendar/components/TravelDateCell.d.ts +1 -0
  7. package/dist/index.es.js +902 -883
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/index.js +1 -1
  10. package/dist/index.js.map +1 -1
  11. package/package.json +8 -8
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_1b766_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--modern-red);--swui-calendar-wrapper-selected-background: var(--modern-red);--swui-calendar-wrapper-range-border: var(--lhds-color-red-100);--swui-calendar-wrapper-range-background: var(--lhds-color-red-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-50);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1b766_1 table{border-spacing:0 4px}._calendar_1b766_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1._weekNumberVisible_1b766_41 tr td:nth-child(2),._calendar_1b766_1:not(._weekNumberVisible_1b766_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}._travelDateCell_h6vcn_1{position:relative}._travelDateCell_h6vcn_1._small_h6vcn_4{width:40px;height:40px}._travelDateCell_h6vcn_1._medium_h6vcn_9{width:48px;height:48px}._travelDateCell_h6vcn_1._large_h6vcn_14{width:56px;height:28px}._travelDateCell_h6vcn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_h6vcn_1:focus{outline:none}._travelDateCell_h6vcn_1:focus-visible ._outline_h6vcn_26{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);top:0;bottom:0;left:0;right:0;z-index:10}._travelDateCell_h6vcn_1:focus-visible ._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39{border-color:transparent}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39{cursor:pointer;border-radius:var(--swui-max-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._disabled_h6vcn_60{cursor:not-allowed}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isToday_h6vcn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67,._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67{background:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67 span{color:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68:not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1k07m_1._small_1k07m_2{width:20px;height:40px}._travelDateCellBackground_1k07m_1._medium_1k07m_7{width:24px;height:48px}._travelDateCellBackground_1k07m_1._large_1k07m_12{width:28px;height:56px}._travelCalendar_18pjj_1{border-spacing:0 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._travelCalendar_18pjj_1 td{padding:0}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2:not(._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2._calendarVisible_1j7rp_6){opacity:0}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2:not(._travelDateInput_hmfbf_1 ._overlay_hmfbf_2._calendarVisible_hmfbf_6){opacity:0}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("@stenajs-webui/core"),j=require("@stenajs-webui/elements"),d=require("date-fns"),v=require("date-fns/locale"),H=require("lodash-es"),i=require("react"),ne=require("classnames"),Re=require("@emotion/styled"),X=require("@stenajs-webui/forms"),de=require("@stenajs-webui/tooltip"),we=require("@stenajs-webui/theme"),St=require("@stenajs-webui/input-mask");function kt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const Ne=kt(i),V={yearAndMonth:"yyyy-MM",fullDate:"yyyy-MM-dd",fullMonthName:"LLLL",fullDateAndTime:"yyyy-MM-dd HH:mm",fullDateAndTimeSystem:"yyyy-MM-ddTHH:MM",weekDayName:"EEEE",weekDayNameShort:"EEE",dateAndMonth:"d MMM",monthAndDate:"MMM do"},ce=(e={},t,r)=>{if(t&&r&&d.isAfter(r,t))return d.eachDayOfInterval({start:t,end:r}).reduce((s,o)=>{const c=d.isSameDay(o,t),l=d.isSameDay(o,r);return Z(s,o,c?["selected","selectedStart","range"]:l?["selected","selectedEnd","range"]:["range"])},e);let n=e;return t&&(n=Z(n,t,["selected","singleSelected"])),r&&(n=Z(n,r,["selected","singleSelected"])),n},qe=(e={},t,r,n)=>ze(e,t,r,d.startOfMonth(n),d.endOfMonth(n)),ze=(e={},t,r,n,s)=>t&&r?ce(e,d.max([t,d.subDays(n,1)]),d.min([r,d.addDays(s,1)])):ce(e,t,r),jt=(e,t,r)=>{const n=d.format(t,V.yearAndMonth),s=d.getISOWeek(t),o=d.getDate(t);return{...e,[n]:{...e&&e[n],[s]:{...e&&e[n]&&e[n][s],[o]:{...e&&e[n]&&e[n][s]&&e[n][s][o],...r}}}}},Mt=(e,t,r)=>{const n=d.format(t,V.yearAndMonth),s=d.getISOWeek(t),o=d.getDate(t);return{...e,[n]:{...e&&e[n],[s]:{...e&&e[n]&&e[n][s],[o]:{...e&&e[n]&&e[n][s]&&e[n][s][o],...r(e&&e[n]&&e[n][s]&&e[n][s][o])}}}}},Z=(e,t,r)=>{const n=t.getMonth()+1,s=`${t.getFullYear()}-${n<10?"0":""}${n}`,o=d.getISOWeek(t),c=d.getDate(t),l=e&&e[s]&&e[s][o]&&e[s][o][c];return{...e,[s]:{...e&&e[s],[o]:{...e&&e[s]&&e[s][o],[c]:Le(l,r)}}}},Le=(e,t)=>({...e,highlights:[...(e==null?void 0:e.highlights)??[],...t]}),Rt=(e,t,r)=>{const n=t.days[0].date,s=n.getMonth()+1,o=`${n.getFullYear()}-${s<10?"0":""}${s}`,c=t.weekNumber;let l=e;t.days.forEach(D=>{l=Z(l,D.date,r)});const u=l&&l[o]?l[o][c]:void 0,f=u&&u.highlights?[...u.highlights,...r]:r,h={...u,highlights:f};return{...l,[o]:{...e&&e[o],[c]:h}}},Ke=(e,t)=>{var s;if(!t.days.length)return{...e};const r=t.days[0].date,n=(s=H.last(t.days))==null?void 0:s.date;return{...ce(e,r,n)}},Tt=(e,t)=>i.useMemo(()=>e?Z(t,new Date,["today"]):t,[e,t]);var Ge=(e=>(e[e.JANUARY=0]="JANUARY",e[e.FEBRUARY=1]="FEBRUARY",e[e.MARCH=2]="MARCH",e[e.APRIL=3]="APRIL",e[e.MAY=4]="MAY",e[e.JUNE=5]="JUNE",e[e.JULY=6]="JULY",e[e.AUGUST=7]="AUGUST",e[e.SEPTEMBER=8]="SEPTEMBER",e[e.OCTOBER=9]="OCTOBER",e[e.NOVEMBER=10]="NOVEMBER",e[e.DECEMBER=11]="DECEMBER",e))(Ge||{}),Je=(e=>(e[e.SUNDAY=0]="SUNDAY",e[e.MONDAY=1]="MONDAY",e[e.TUESDAY=2]="TUESDAY",e[e.WEDNESDAY=3]="WEDNESDAY",e[e.THURSDAY=4]="THURSDAY",e[e.FRIDAY=5]="FRIDAY",e[e.SATURDAY=6]="SATURDAY",e))(Je||{});const Ae=(e,t,r,n)=>{const s=[];for(let o=0;o<r;o++)s.push(ue(e,t+o,n));return s},ue=(e,t,r)=>{if(isNaN(e)||isNaN(t))throw new Error("getMonthInYear() received NaN.");const n=e+Math.floor(t/12),s=t%12,o=new Date(n,s,1);return{monthString:d.format(o,V.yearAndMonth),name:H.startCase(d.format(o,V.fullMonthName,{locale:r})),year:n,monthInYear:s,weeks:Qe(n,s,r)}},Qe=(e,t,r,n=!0)=>{const s=new Date(e,t,1),o=d.startOfWeek(s,{locale:r}),c=[];for(let l=0;l<6;l++){const u=Se(d.addWeeks(o,l),r);if(l>0&&u.startMonth!==t&&!n)return c;c.push(u)}return c},Se=(e,t)=>{const r=d.getMonth(d.addDays(e,7))!==d.getMonth(e);return{weekNumber:d.getWeek(e,{locale:t}),startMonth:d.getMonth(e),startYear:d.getYear(e),endMonth:d.getMonth(d.addDays(e,6)),endYear:d.getYear(d.addDays(e,6)),days:Ze(e,t),isLastWeekOfMonth:r}},Xe=(e,t)=>{const r=d.getISODay(e);return{date:e,name:d.format(e,"EEE",t?{locale:t}:void 0),fullName:d.format(e,"EEEE",t?{locale:t}:void 0),dateString:d.format(d.addHours(e,12),V.fullDate),weekNumber:d.getWeek(e,{locale:t}),year:d.getYear(e),month:d.getMonth(e),dayOfMonth:d.getDate(e),dayOfWeek:r,isFirstDayOfWeek:r===1,isLastDayOfWeek:r===7,isFirstDayOfMonth:d.isSameDay(d.startOfMonth(e),e),isLastDayOfMonth:d.isSameDay(d.endOfMonth(e),e)}},Ze=(e,t)=>d.eachDayOfInterval({start:e,end:d.addDays(e,6)}).map(r=>Xe(r,t)),Ve=(e,t)=>t>11?{year:e+Math.floor(t/12),month:t%12}:t<0?{year:e+Math.floor(t/12),month:12+t%12}:{year:e,month:t},It="_calendar_1b766_1",Ct="_weekNumberVisible_1b766_41",We={calendar:It,weekNumberVisible:Ct},et=(e,t,r)=>!!(t&&t.indexOf(r)>=0||e&&e.highlights&&e.highlights.indexOf(r)>=0),Q=(e,t,r,n,s)=>{if(r.length!==n.length)throw new Error("Select highlight failed, number of values do not equal number of highlights.");if(r.length===0)return s;for(let o=0;o<r.length;o++)if(typeof r[o]=="boolean"&&r[o]||typeof r[o]=="string"&&et(e,t,r[o]))return n[o];return s},tt=({selectedBackground:e,todayBackground:t,rangeBackground:r,borderColor:n="transparent"})=>(s,o,c,l,u)=>({backgroundColor:Q(o,s,["selected","range","today",c.month===u.monthInYear],[e,r,t,"#fff"],"transparent"),borderWidth:"1px",borderStyle:"solid",borderColor:Q(o,s,["selectedStart","selectedEnd","singleSelected","range","today"],["var(--swui-calendar-wrapper-range-background)","var(--swui-calendar-wrapper-range-background)","var(--swui-calendar-wrapper-range-background)","var(--swui-calendar-wrapper-range-border)","var(--lhds-color-ui-500)"],n),borderTopLeftRadius:Q(o,s,["selectedStart","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),borderBottomLeftRadius:Q(o,s,["selectedStart","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),borderTopRightRadius:Q(o,s,["selectedEnd","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),borderBottomRightRadius:Q(o,s,["selectedEnd","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),boxSizing:"border-box"}),rt=({selectedColor:e,disabledColor:t,inOtherMonthColor:r,rangeTextColor:n})=>(s,o,c,l,u)=>{const f=c.month!==u.monthInYear;return{color:Q(o,s,[f,"selected","range","enabled","disabled"],[r,e,n,void 0,t])}},re={width:"var(--swui-calendar-day-width)",height:"var(--swui-calendar-day-height)",WeekNumber:{backgroundColor:"var(--swui-calendar-week-number-bg-color)",textColor:"var(--swui-calendar-week-number-text-color)",clickableTextColor:"var(--swui-calendar-week-number-clickable-text-color)"},WeekDay:{textColor:"var(--swui-calendar-week-day-text-color)",clickableTextColor:"var(--swui-calendar-week-day-clickable-text-color)"},CalendarDay:{tdStyle:tt({selectedBackground:"var(--swui-calendar-wrapper-selected-background)",rangeBackground:"var(--swui-calendar-wrapper-range-background)",todayBackground:"var(--swui-calendar-wrapper-today-background)"}),textProps:rt({selectedColor:"var(--swui-calendar-text-selected-color)",disabledColor:"var(--swui-calendar-text-disabled-color)",inOtherMonthColor:"var(--swui-calendar-text-in-other-month-color)"})},CalendarMonth:{headerTextColor:"var(--swui-calendar-week-day-text-color)"}},Bt={...re,width:"37px",height:"37px"},nt=({onClickWeekDay:e,day:t,theme:r})=>{const n=a.jsx(m.Box,{width:r.width,height:r.height,justifyContent:"center",alignItems:"center",children:a.jsx(m.Text,{size:"small",color:e?r.WeekDay.clickableTextColor:r.WeekDay.textColor,children:t.name})});return e?a.jsx(m.Clickable,{borderRadius:"var(--swui-calendar-day-border-radius)",onClick:s=>e(t.dayOfWeek,s),disableFocusHighlight:!e,children:n}):n},Pe=function({day:t,week:r,month:n,dayState:s,userData:o,onClickDay:c,theme:l,extraDayContent:u,defaultHighlights:f}){const h=a.jsx(m.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:a.jsx(m.Text,{...l.CalendarDay.textProps&&l.CalendarDay.textProps(f,s,t,r,n,o),children:t.dayOfMonth})}),D=Re.td({...l.CalendarDay.tdStyle&&l.CalendarDay.tdStyle(f,s,t,r,n,o)}),g=Re.div({...l.CalendarDay.innerWrapperStyle&&l.CalendarDay.innerWrapperStyle(f,s,t,r,n,o),width:"100%",height:"100%"}),x=Re.div({...l.CalendarDay.cellWrapperStyle&&l.CalendarDay.cellWrapperStyle(f,s,t,r,n,o),width:"100%",height:"100%",position:"relative"}),b=At(f,s);return a.jsx(D,{onClick:b?void 0:p=>c==null?void 0:c(t,o,p),children:a.jsx(g,{children:a.jsx(x,{children:t.month===n.monthInYear&&a.jsxs(a.Fragment,{children:[u&&a.jsx(u,{week:r,month:n,day:t,dayState:s,theme:l,userData:o}),h]})})})})},At=(e,t)=>!!Q(t,e,["disabled"],[!0],!1),st=({onClickWeek:e,theme:t,week:r,background:n,backgroundColor:s,prefix:o})=>{const c=a.jsxs(m.Box,{width:t.width,height:t.height,justifyContent:"center",alignItems:"center",children:[n&&a.jsx(m.Box,{position:"absolute",children:n}),a.jsx(m.Box,{position:"absolute",children:a.jsxs(m.Text,{color:e?t.WeekNumber.clickableTextColor:t.WeekNumber.textColor,children:[o,r.weekNumber]})})]});return a.jsx(m.Box,{background:s||t.WeekNumber.backgroundColor,position:"relative",children:e?a.jsx(m.Clickable,{borderRadius:"var(--swui-calendar-day-border-radius)",onClick:l=>e(r,l),disableFocusHighlight:!e,children:c}):c})},Et=(e,t,r)=>t&&d.isBefore(e,t)?d.isSameDay(e,t):r&&d.isAfter(e,r)?d.isSameDay(e,r):!0,_t=function({dayComponent:t,minDate:r,maxDate:n,dayState:s,day:o,...c}){const l=i.useMemo(()=>Et(o.date,r,n)?s:Le(s,["disabled"]),[o.date,s,n,r]);return a.jsx(t,{day:o,...c,dayState:l})};function Nt({month:e,dayComponent:t=Pe,statePerWeek:r,userDataPerWeek:n,minDate:s,maxDate:o,onClickDay:c,onClickWeek:l,onClickWeekDay:u,onClickMonth:f,renderWeekNumber:h,renderWeekDay:D,headerRightContent:g,theme:x=re,extraDayContent:b,defaultHighlights:p,showWeekNumber:M}){return a.jsx(a.Fragment,{children:a.jsxs(m.Box,{alignItems:"stretch",children:[a.jsxs(m.Row,{justifyContent:g?"space-between":"center",alignItems:"center",children:[a.jsx(m.Row,{justifyContent:"center",alignItems:"center",children:f?a.jsx(j.FlatButton,{onClick:()=>f(e),label:e.name+" "+String(e.year),rightIcon:j.stenaAngleDown}):a.jsxs(m.Text,{whiteSpace:"nowrap",children:[e.name," ",e.year]})}),g&&a.jsx(m.Box,{alignItems:"center",children:g})]}),a.jsx("table",{children:a.jsxs("tbody",{children:[a.jsxs("tr",{children:[M&&a.jsx("td",{children:a.jsx(m.Box,{width:x.width,height:x.height})}),e.weeks[0].days.map(w=>a.jsx("td",{children:D?D(w.name,x,u):a.jsx(nt,{day:w,onClickWeekDay:u,theme:x})},w.name))]}),e.weeks.map(w=>a.jsxs("tr",{children:[M&&a.jsx("td",{children:h?h(w,x,l):a.jsx(st,{week:w,onClickWeek:l,theme:x})}),w.days.map(S=>a.jsx(_t,{dayComponent:t,day:S,week:w,month:e,dayState:r&&r[w.weekNumber]&&r[w.weekNumber][S.dayOfMonth],userData:n&&n[w.weekNumber]&&n[w.weekNumber][S.dayOfMonth],onClickDay:c,theme:x,extraDayContent:b,defaultHighlights:p,minDate:s,maxDate:o},S.dateString))]},w.weekNumber))]})})]})})}function Lt({monthRows:e,dayComponent:t=Pe,userDataPerMonth:r,statePerMonth:n,minDate:s,maxDate:o,onClickDay:c,onClickWeekDay:l,onClickWeek:u,onClickMonth:f,renderWeekDay:h,renderWeekNumber:D,headerRightContent:g,extraDayContent:x,defaultHighlights:b,showWeekNumber:p,theme:M=re}){const w=i.useMemo(()=>s?d.parse(s,"yyyy-MM-dd",new Date):void 0,[s]),S=i.useMemo(()=>o?d.parse(o,"yyyy-MM-dd",new Date):void 0,[o]);return a.jsx("div",{className:ne(We.calendar,p&&We.weekNumberVisible),children:e.map((y,k)=>a.jsx(m.Spacing,{children:a.jsx(m.Row,{gap:2,children:y.map(R=>a.jsx(Nt,{month:R,dayComponent:t,userDataPerWeek:r&&r[R.monthString],statePerWeek:n&&n[R.monthString],onClickDay:c,onClickWeekDay:l,onClickWeek:u,onClickMonth:f,theme:M,renderWeekNumber:D,renderWeekDay:h,headerRightContent:g,extraDayContent:x,defaultHighlights:b,minDate:w,maxDate:S,showWeekNumber:p??!1},R.name))})},k))})}function xe(e){const t=Pt(e.year,e.month,e.date),{year:r,month:n}=Ve(t.year,t.month),s=Yt(r,n,e.locale??v.enGB,e.numMonths,e.monthsPerRow),o=Tt(e.highlightToday,e.statePerMonth);return a.jsx(Lt,{year:r,month:n,monthRows:s,...e,statePerMonth:o})}const Pt=(e,t,r)=>{if(t&&e)return{month:t,year:e};if(r)return{month:d.getMonth(r),year:d.getYear(r)};const n=new Date;return{month:d.getMonth(n),year:d.getYear(n)}},Yt=(e,t,r,n,s)=>n==null?[[ue(e,t,r)]]:s==null?[Ae(e,t,n,r)]:H.chunk(Ae(e,t,n,r),s),ot=(e,t)=>`${e.row}-${e.column}-${t}`,vt=(e,t,r,n)=>{let s=t;for(let o=0;o<n;o++){s=Ft(s,e,n);const c=ot(s,r);if(document.getElementById(c))return c}},Ft=(e,t,r)=>{let n=e.row,s=e.column;return t==="ArrowLeft"?s--:t==="ArrowUp"?n--:t==="ArrowRight"?s++:t==="ArrowDown"&&n++,s<0&&(s=r-1,n--),s>r-1&&(s=0,n++),{column:s,row:n}},Ht=({month:e,onClick:t,selected:r,locale:n,autoFocus:s,monthPickerId:o,position:c,size:l})=>{const u=i.useMemo(()=>H.startCase(d.format(e,"MMM",{locale:n})),[n,e]),f=i.useMemo(()=>H.startCase(d.format(e,"MMMM",{locale:n})),[n,e]),h=i.useRef(null),D=ot(c,o),g=r?0:-1;i.useEffect(()=>{var b;(b=h.current)==null||b.focus()},[]);const x=i.useCallback(b=>{var M;const p=vt(b.key,c,o,4);p&&((M=document.getElementById(p))==null||M.focus())},[o,c]);return a.jsx(m.Row,{justifyContent:"center",onKeyDown:x,children:r?a.jsx(j.PrimaryButton,{id:D,"aria-label":f,label:u,onClick:t,"aria-selected":!0,autoFocus:s,ref:h,size:l==="large"?"large":"medium",tabIndex:g}):a.jsx(j.FlatButton,{id:D,label:u,"aria-label":f,onClick:t,size:l==="large"?"large":"medium",tabIndex:g})})},Ot=(e,t,r)=>{let n=e.getFullYear(),s=0,o=0,c=e;const l={yearOrder:[],rows:[],years:{},lastMonthColumn:-1,lastMonthRow:-1};for(let u=0;u<t;u++){if(l.years[n]==null&&(l.yearOrder.push(n),l.years[n]={year:n,rows:[]}),l.rows[s]=l.rows[s]??{columns:[],rowIndex:s},l.rows[s].columns[o]={position:{column:o,row:s},month:c},u===t-1){l.years[n].rows.push(s);break}c=d.addMonths(c,1),c.getFullYear()!==n?(l.years[n].rows.push(s),n++,o=0,s++):(o++,o>r-1&&(l.years[n].rows.push(s),o=0,s++))}return l.lastMonthColumn=o,l.lastMonthRow=s,l},Ye=()=>i.useMemo(()=>new Date,[]),le=({value:e,onValueChange:t,locale:r=v.enGB,firstMonth:n,numMonths:s,onCancel:o,size:c="medium"})=>{const l=i.useId(),u=Ye(),f=s>0?s:12,[h,D]=i.useState(!1),g=Ot(n,f,$t(c)),x=i.useMemo(()=>d.addMonths(n,f),[f,n]);i.useEffect(()=>{D(!0)},[]);const b=i.useCallback(p=>{p.key==="Escape"&&(o==null||o(),p.preventDefault(),p.stopPropagation())},[o]);return a.jsx(m.Column,{gap:1,maxWidth:Wt(c),onKeyDown:b,children:g.yearOrder.map((p,M)=>{const{rows:w}=g.years[p];return a.jsxs(Ne.Fragment,{children:[(M!==0||p!==u.getFullYear())&&a.jsx(m.Heading,{variant:"h4",children:p}),a.jsx("table",{style:{borderSpacing:"0 8px"},children:a.jsx("tbody",{children:w.map(S=>{const{columns:y}=g.rows[S];return a.jsx("tr",{children:y.map(({month:k,position:R})=>a.jsx("td",{children:a.jsx(Ht,{month:k,firstAvailableMonth:n,lastAvailableMonth:x,locale:r,selected:e?d.isSameMonth(e,k):!1,autoFocus:h,onClick:()=>t==null?void 0:t(k),monthPickerId:l,position:R,size:c})},k.getMonth()))},S)})})})]},p)})})},Wt=e=>{switch(e){case"small":return"280px";case"medium":return"336px";case"large":return"448px";default:return m.exhaustSwitchCase(e,"336px")}},$t=e=>{switch(e){case"small":return 3;case"medium":return 4;case"large":return 5;default:return m.exhaustSwitchCase(e,4)}},Ut=e=>[{label:"Past",presets:[{label:"Last 3 days",startDate:e,endDate:d.subDays(e,2)},{label:"Last 7 days",startDate:e,endDate:d.subDays(e,6)},{label:"Last 30 days",startDate:e,endDate:d.subDays(e,29)},{label:"Last 45 days",startDate:e,endDate:d.subDays(e,44)}]},{label:"Future",presets:[{label:"Next 3 days",startDate:e,endDate:d.addDays(e,2)},{label:"Next 7 days",startDate:e,endDate:d.addDays(e,6)},{label:"Next 30 days",startDate:e,endDate:d.addDays(e,29)},{label:"Next 45 days",startDate:e,endDate:d.addDays(e,44)}]}],at=({onClickPreset:e})=>{const[t,r]=i.useState(0),n=i.useMemo(()=>Ut(new Date),[]),s=n[t]??n[0];return a.jsxs(m.Column,{children:[a.jsxs(m.Row,{justifyContent:"space-between",alignItems:"center",width:"200px",children:[a.jsx(j.FlatButton,{size:"small",leftIcon:j.stenaAngleLeft,disabled:t===0,onClick:()=>r(t-1)}),a.jsx(m.Text,{children:s.label}),a.jsx(j.FlatButton,{size:"small",leftIcon:j.stenaAngleRight,disabled:t===n.length-1,onClick:()=>r(t+1)})]}),a.jsx(m.Space,{}),a.jsx(m.Column,{alignItems:"center",children:s.presets.map(o=>a.jsxs(Ne.Fragment,{children:[a.jsx(j.PrimaryButton,{label:o.label,onClick:()=>e(o)}),a.jsx(m.Space,{})]},o.label))})]})},qt=function({locale:t,dateInFocus:r,setDateInFocus:n,currentPanel:s,setCurrentPanel:o,renderMonthPicker:c,...l}){const u=i.useCallback(h=>{n&&n(h),o("calendar")},[n,o]),f=i.useCallback(()=>{o("month")},[o]);switch(s){case"calendar":return a.jsx(xe,{...l,date:r,onClickMonth:f,locale:t});case"month":return c?c({value:r,onValueChange:u,locale:t,firstMonth:new Date,numMonths:24,dateInFocus:r}):a.jsx(le,{value:r,onValueChange:u,locale:t,firstMonth:new Date,numMonths:24});case"presets":return a.jsx(at,{onClickPreset:()=>{}});default:return a.jsx(m.Box,{children:a.jsx(j.PrimaryButton,{label:"Show calendar",onClick:()=>o("calendar")})})}},zt=(e,t,r,n)=>{const s=i.useCallback(()=>{const u=d.addMonths(e,r??n??1);t==null||t(u)},[t,e,r,n]),o=i.useCallback(()=>{const u=d.addYears(e,1);t==null||t(u)},[t,e]),c=i.useCallback(()=>{const u=d.subMonths(e,r??n??1);t==null||t(u)},[t,e,r,n]),l=i.useCallback(()=>{const u=d.subYears(e,1);t==null||t(u)},[t,e]);return{nextMonth:s,prevMonth:c,nextYear:o,prevYear:l}},Kt=({children:e,prevMonth:t,nextMonth:r,prevYear:n,nextYear:s})=>a.jsxs("div",{children:[e,a.jsx(m.Indent,{children:a.jsxs(m.Row,{gap:1,children:[a.jsx(j.SecondaryButton,{onClick:n,leftIcon:j.stenaAngleLeftDouble}),a.jsx(j.SecondaryButton,{onClick:t,leftIcon:j.stenaArrowLeft}),a.jsx(m.Indent,{num:2}),a.jsx(j.SecondaryButton,{onClick:r,leftIcon:j.stenaArrowRight}),a.jsx(j.SecondaryButton,{onClick:s,leftIcon:j.stenaAngleRightDouble})]})}),a.jsx(m.Space,{})]}),Gt=()=>{};function se({monthSwitcherPlacement:e,theme:t=re,dateInFocus:r,setDateInFocus:n,currentPanel:s,setCurrentPanel:o,onSelectPreset:c=Gt,renderMonthPicker:l,...u}){const{nextMonth:f,prevMonth:h,nextYear:D,prevYear:g}=zt(r,n,u.monthsPerRow,u.numMonths);switch(Jt(e,u.numMonths)){case"below":return a.jsx(Kt,{theme:t,nextMonth:f,prevMonth:h,nextYear:D,prevYear:g,children:a.jsx(xe,{...u,theme:t,date:r})});case"header":return a.jsx(m.Column,{children:a.jsx(qt,{...u,theme:t,renderMonthPicker:l,dateInFocus:r,setDateInFocus:n,currentPanel:s,setCurrentPanel:o,onSelectPreset:c,headerRightContent:a.jsxs(m.Row,{alignItems:"center",gap:1,children:[a.jsx(j.SecondaryButton,{onClick:h,leftIcon:j.stenaArrowLeft}),a.jsx(j.SecondaryButton,{onClick:f,leftIcon:j.stenaArrowRight})]})})});default:return a.jsx(xe,{...u,theme:t,date:r})}}const Jt=(e,t)=>e||(t||1)>1?"below":"header",it=e=>({startDate:e.startDate?d.format(e.startDate,"yyyy-MM-dd"):void 0,endDate:e.endDate?d.format(e.endDate,"yyyy-MM-dd"):void 0}),ct=({startDate:e,endDate:t})=>{const r=new Date;return{startDate:e?d.parse(e,"yyyy-MM-dd",r):void 0,endDate:t?d.parse(t,"yyyy-MM-dd",r):void 0}},ve=({startDate:e,endDate:t})=>!!(e&&t&&!d.isSameDay(e,t)&&d.isAfter(e,t)),Fe=e=>ve(e)?{startDate:e.endDate,endDate:e.startDate}:e,Qt=e=>e.startDate&&e.endDate?it(Fe(ct(e))):e,Xt=(e,t,r,n)=>i.useCallback(s=>{const o={startDate:r==="startDate"?s.date:e==null?void 0:e.startDate,endDate:r==="endDate"?s.date:e==null?void 0:e.endDate};ve(o)||n(r==="startDate"?"endDate":"startDate"),t==null||t(Fe(o))},[r,t,n,e==null?void 0:e.endDate,e==null?void 0:e.startDate]),ke=e=>{const[t,r]=i.useState("calendar"),n=i.useCallback(s=>{r(s),e==null||e(s)},[e]);return{currentPanel:t,setCurrentPanel:n}},lt=({focusedInput:e,value:t,onValueChange:r,setFocusedInput:n,statePerMonth:s,onChangePanel:o,initialDateInFocus:c})=>{const{currentPanel:l,setCurrentPanel:u}=ke(o),[f,h]=i.useState(()=>c??new Date),D=Xt(t,r,e,n),g=i.useMemo(()=>ce(s,t==null?void 0:t.startDate,t==null?void 0:t.endDate),[s,t==null?void 0:t.endDate,t==null?void 0:t.startDate]);return{onClickDay:D,statePerMonth:g,currentPanel:l,setCurrentPanel:u,setDateInFocus:h,dateInFocus:f}};function Zt(e){const t=lt(e);return a.jsx(se,{...e,...t})}const Vt=()=>{const[e,t]=i.useState(),[r,n]=i.useState(),[s,o]=i.useState("startDate");return{startDate:e,setStartDate:t,endDate:r,setEndDate:n,focusedInput:s,setFocusedInput:o}},dt=({onChange:e,value:t,statePerMonth:r,onChangePanel:n})=>{const{currentPanel:s,setCurrentPanel:o}=ke(n),[c,l]=i.useState(()=>t??new Date),u=i.useCallback(h=>{e&&e(h.date)},[e]),f=i.useMemo(()=>t?Z(r,t,["selected","singleSelected"]):r,[r,t]);return{onClickDay:u,statePerMonth:f,date:t,currentPanel:s,setCurrentPanel:o,dateInFocus:c,setDateInFocus:l}};function He(e){const t=dt(e);return a.jsx(se,{...e,...t})}const ut=({onChange:e,value:t,statePerMonth:r,onChangePanel:n})=>{const{currentPanel:s,setCurrentPanel:o}=ke(n),[c,l]=i.useState(()=>new Date),u=i.useCallback(h=>{if(!e)return;const D=t&&t.find(g=>d.isSameDay(g,h.date));e(t&&D?t.filter(g=>!d.isSameDay(g,h.date)):[...t||[],h.date])},[e,t]),f=i.useMemo(()=>t?t.reduce((h,D)=>Z(h,D,["selected"]),r):r,[r,t]);return{onClickDay:u,statePerMonth:f,currentPanel:s,setCurrentPanel:o,dateInFocus:c,setDateInFocus:l}};function er(e){const t=ut(e);return a.jsx(se,{...e,...t})}const ft=({onChange:e,value:t,statePerMonth:r,onChangePanel:n,locale:s=v.enGB})=>{const[o,c]=i.useState(()=>{const x=Te(t,s);return x?x.days[0].date:new Date}),{currentPanel:l,setCurrentPanel:u}=ke(n),f=i.useCallback(x=>{e&&e($e(Se(x.date,s)))},[s,e]),h=i.useCallback(x=>{e&&e($e(x))},[e]),D=i.useMemo(()=>{const x=Te(t,s);return x?Ke(r,x):r},[t,s,r]),g=i.useMemo(()=>{const x=Te(t,s);return x?x.days[0].date:new Date},[s,t]);return{statePerMonth:D,date:g,dateInFocus:o,setDateInFocus:c,onClickDay:f,onClickWeek:h,currentPanel:l,setCurrentPanel:u}},$e=e=>{if(e)return`${e.endYear}-${e.weekNumber}`},Te=(e,t)=>{if(!e)return;const r=e.split("-"),n=parseInt(r[1],10),s=parseInt(r[0],10),o=new Date;o.setFullYear(s);const c=d.startOfWeek(d.setWeek(o,n),{locale:t});return Se(c,t)};function tr(e){const t=ft(e);return a.jsx(se,{...e,...t})}const fe="bottom",rr=(e,t,r)=>{const[n,s]=i.useState(r||!1),o=i.useCallback(()=>(s(!0),!0),[s]),c=i.useCallback(()=>{s(!1),t&&t()},[s,t]),l=i.useCallback(u=>{e&&e(u),setTimeout(c,150)},[e,c]);return{showCalendar:o,hideCalendar:c,showingCalendar:n,onSelectDate:l}},he="2999-12-31",nr=({displayFormat:e=V.fullDate,placeholder:t="Enter date",value:r,calendarTheme:n=re,calendarProps:s,openOnMount:o,onClose:c,onChange:l,variant:u,width:f,minDate:h,maxDate:D=he,disabled:g})=>{const{hideCalendar:x,showingCalendar:b,onSelectDate:p,showCalendar:M}=rr(l,c,o);return a.jsx(m.Box,{width:f,children:a.jsx(de.ControlledPopover,{hideArrow:!0,open:b,onRequestClose:x,renderTrigger:w=>a.jsx(m.Box,{...w,children:a.jsx(X.TextInput,{type:"date",onFocus:M,buttonRight:a.jsx(j.TextInputButton,{onClick:M,icon:j.stenaCalendar}),value:r?d.format(r,e):"",placeholder:t,size:9,disabled:g,autoFocus:o,variant:u,min:h,max:D})}),placement:fe,children:a.jsx(He,{...s,onChange:p,value:r,theme:n,minDate:h,maxDate:D})})})},sr=(e,t)=>{const r=i.useRef(null),n=i.useRef(null),[s,o]=i.useState(!1),[c,l]=i.useState(void 0),u=i.useCallback(()=>(l("startDate"),o(!0),!0),[l,o]),f=i.useCallback(()=>(l("endDate"),o(!0),!0),[l,o]),h=i.useCallback(()=>{o(!1)},[o]),D=i.useCallback(x=>{c==="startDate"?(t==null||t({startDate:x.date,endDate:e==null?void 0:e.endDate}),e!=null&&e.endDate?setTimeout(h,150):(l("endDate"),n.current&&n.current.focus())):c==="endDate"&&(t==null||t({startDate:e==null?void 0:e.startDate,endDate:x.date}),e!=null&&e.startDate?setTimeout(h,150):(l("startDate"),r.current&&r.current.focus()))},[c,t,l,h,e]),g=i.useMemo(()=>(e==null?void 0:e.startDate)&&(e==null?void 0:e.endDate)&&d.isAfter(e.startDate,e.endDate),[e==null?void 0:e.startDate,e==null?void 0:e.endDate]);return{showingCalendar:s,hideCalendar:h,showCalendarEndDate:f,showCalendarStartDate:u,focusedInput:c,setFocusedInput:l,startDateInputRef:r,endDateInputRef:n,onClickDay:D,startDateIsAfterEnd:g}};function or({displayFormat:e=V.fullDate,placeholderStartDate:t="Start date",placeholderEndDate:r="End date",value:n,onValueChange:s,width:o,calendarTheme:c=re,calendarProps:l,minDate:u,maxDate:f=he,disabled:h}){const[D,g]=i.useState("calendar"),{hideCalendar:x,showCalendarEndDate:b,showCalendarStartDate:p,showingCalendar:M,focusedInput:w,startDateInputRef:S,endDateInputRef:y,onClickDay:k,startDateIsAfterEnd:R}=sr(n,s),[_,B]=i.useState(()=>(w&&(n==null?void 0:n[w]))??new Date),I=i.useMemo(()=>ce(void 0,n==null?void 0:n.startDate,n==null?void 0:n.endDate),[n]);return a.jsx(de.ControlledPopover,{hideArrow:!0,renderTrigger:A=>a.jsxs(m.Row,{alignItems:"center",...A,children:[a.jsx(X.TextInput,{iconLeft:j.stenaCalendar,onFocus:p,value:n!=null&&n.startDate?d.format(n.startDate,e):"",placeholder:t,width:o,disabled:h,inputRef:S,size:9,variant:R?"error":void 0}),a.jsx(m.Space,{}),a.jsx(j.Icon,{icon:j.stenaArrowWideRight,color:we.cssColor("--lhds-color-ui-500"),size:14}),a.jsx(m.Space,{}),a.jsx(X.TextInput,{iconLeft:j.stenaCalendar,onFocus:b,value:n!=null&&n.endDate?d.format(n.endDate,e):"",placeholder:r,width:o,disabled:h,inputRef:y,size:9,variant:R?"error":void 0})]}),open:M,placement:fe,onRequestClose:x,children:a.jsx(se,{...l,dateInFocus:_,setDateInFocus:B,statePerMonth:I,theme:c,onClickDay:k,currentPanel:D,setCurrentPanel:g,minDate:u,maxDate:f})})}const ar=({calendarProps:e,closeOnCalendarSelectDate:t=!0,dateFormat:r=V.fullDate,disableCalender:n=!1,onValueChange:s,placeholder:o="yyyy-mm-dd",value:c,width:l="130px",calendarTheme:u=re,hideCalenderIcon:f=!1,minDate:h,maxDate:D=he,variant:g,...x})=>{const[b,p]=i.useState(!1),M=i.useCallback(()=>{p(!b)},[p,b]),w=i.useCallback(()=>{p(!1)},[p]),S=i.useCallback(I=>{s&&s(I)},[s]),y=i.useCallback(I=>{I&&(S(d.format(I,r)),t&&setTimeout(()=>p(!b),200))},[S,r,t,p,b]),k=!!c&&!/^[-/\\.0-9]+$/.test(c),R=!!c&&d.isValid(d.parse(c,r,new Date)),B=!!c&&c.length>=r.length&&!R||k;return a.jsx(m.Box,{width:l,children:a.jsx(de.ControlledPopover,{renderTrigger:I=>a.jsx(X.TextInput,{...x,variant:B?"error":g,disableContentPaddingRight:!0,contentRight:f?void 0:a.jsx(m.Row,{alignItems:"center",indent:.5,children:a.jsx(j.FlatButton,{size:"small",disabled:x.disabled||n,leftIcon:j.stenaCalendar,onClick:M})}),onValueChange:S,placeholder:o,value:c||"",min:h,max:D,size:10,...I}),hideArrow:!0,open:b,placement:fe,onRequestClose:w,children:a.jsx(He,{...e,onChange:y,value:c&&R?d.parse(c,r,new Date):void 0,minDate:h,maxDate:D,theme:u})})})},be=e=>{if(e==="")return"00";const t=parseInt(e,10);if(isNaN(t))throw new Error("Hours is not a number");if(t<0||t>23)throw new Error("Hours is an invalid number");switch(e.length){case 1:return`0${t}`;case 2:return e;default:throw new Error("Invalid hour string")}},pe=e=>{if(e==="")return"00";const t=parseInt(e,10);if(isNaN(t))throw new Error("Minutes is not a number");if(t<0||t>59)throw new Error("Minutes is an invalid number");switch(e.length){case 1:return`0${t}`;case 2:return e;default:throw new Error("Invalid minute string")}},ir=e=>{if(!Ee(e))return{time:e,success:!1};const t=e&&e.split(/-|:|,|;|[/]|[.]| /);if(t&&t.length===2)try{const r=be(t[0]),n=pe(t[1]);return{time:`${r}:${n}`,success:!0}}catch{return{time:e,success:!1}}else if(t&&t.length===1){let r=0,n=0;switch(e.length){case 1:return{time:`0${e}:00`,success:!0};case 2:{const s=parseInt(t[0],10);return s>=0&&s<24?{time:`${e}:00`,success:!0}:s>=24&&s<59?{time:`00:${e}`,success:!0}:{time:e,success:!1}}case 3:return n=parseInt(e.substring(1,3),10),n>=0&&n<=59?{time:`0${e.substring(0,1)}:${e.substring(1,3)}`,success:!0}:{time:e,success:!1};case 4:return r=parseInt(e.substring(0,2),10),n=parseInt(e.substring(2,4),10),r<0||r>23?{time:e,success:!1}:n<0||n>59?{time:e,success:!1}:{time:`${e.substring(0,2)}:${e.substring(2,4)}`,success:!0};default:return{time:e,success:!1}}}return{time:e,success:!1}},Ee=e=>e?/^[-:.,/; 0-9]+$/.test(e):!0,cr=({onValueChange:e,showPlaceholder:t=!0,useIcon:r=!0,value:n,width:s="85px",variant:o,...c})=>{const[l,u]=i.useState(()=>Ee(n)),f="hh:mm",h=i.useCallback(()=>{if(n){const g=ir(n);u(g.success),g.success&&e&&e(g.time)}},[n,e,u]),D=i.useCallback(g=>{const x=g.target.value,b=Ee(x);u(b&&x.length<=f.length),e&&e(x)},[e,u]);return a.jsx(X.TextInput,{...c,type:"time",variant:l?o:"error",iconLeft:r?j.stenaClock:void 0,value:n,placeholder:t?f:void 0,onChange:D,onBlur:h,width:s})},ht=({autoFocusLeft:e,autoFocusRight:t,onEsc:r,onEnter:n,onValueChangeLeft:s,onValueChangeRight:o,separatorIcon:c,placeholderLeft:l,placeholderRight:u,typeLeft:f,typeRight:h,onChangeLeft:D,onChangeRight:g,valueLeft:x,valueRight:b,minLeft:p,maxLeft:M,minRight:w,maxRight:S,onClickLeft:y,onClickRight:k,onClickCalendar:R,onClickArrowDown:_,onBlurLeft:B,onBlurRight:I,onFocusLeft:A,onFocusRight:T,inputRefLeft:L,inputRefRight:N,variant:P,variantLeft:F,variantRight:q,onBlur:Y,showPresets:G,widthLeft:O,widthRight:W,disabled:$})=>{const C=i.useRef(0),E=i.useMemo(()=>H.debounce(J=>{J===0&&(Y==null||Y())},10),[Y]),z=i.useCallback(J=>{C.current++,E(C.current),A&&A(J)},[A,C,E]),K=i.useCallback(J=>{C.current++,E(C.current),T&&T(J)},[T,C,E]),ae=i.useCallback(J=>{C.current--,E(C.current),B&&B(J)},[B,C,E]),wt=i.useCallback(J=>{C.current--,E(C.current),I&&I(J)},[I,C,E]);return a.jsx(m.Box,{children:a.jsxs(X.TextInputBox,{disableContentPaddingRight:!0,disabled:$,variant:P,contentRight:a.jsxs(m.Row,{alignItems:"center",children:[a.jsx(m.Indent,{num:.5,children:a.jsx(j.FlatButton,{leftIcon:j.stenaCalendar,onClick:R,disabled:$,size:"small"})}),G?a.jsxs(a.Fragment,{children:[a.jsx(m.Row,{height:"22px",children:a.jsx(m.SeparatorLine,{vertical:!0})}),a.jsx(m.Indent,{num:.5,children:a.jsx(j.FlatButton,{leftIcon:j.stenaAngleDown,onClick:_,disabled:$,size:"small"})})]}):null]}),children:[a.jsx(m.Box,{width:O,children:a.jsx(X.TextInput,{onEsc:r,onEnter:n,onClick:y,disabled:$,hideBorder:!0,placeholder:l,value:x,onValueChange:s,onChange:D,onBlur:ae,onFocus:z,inputRef:L,variant:F,type:f,autoFocus:e,min:p,max:M})}),a.jsx(m.Row,{indent:.5,alignItems:"center",justifyContent:"center",children:a.jsx(j.Icon,{icon:c,size:12,color:we.cssColor("--lhds-color-ui-500")})}),a.jsx(m.Box,{width:W,children:a.jsx(X.TextInput,{onEsc:r,onEnter:n,onClick:k,disabled:$,hideBorder:!0,placeholder:u,value:b,onValueChange:o,onChange:g,onBlur:wt,onFocus:K,inputRef:N,variant:q,type:h,autoFocus:t,min:w,max:S})})]})})},lr=e=>{if(e==null)throw new Error("Time is not set.");if(e==="")throw new Error("Time is empty.");const t=e.split(":");if(t.length!==2)throw new Error("Invalid time.");if(t[1].length!==2)throw new Error("Invalid time.");if(t[0].length<1||t[0].length>2)throw new Error("Invalid time.");const r=parseInt(t[0],10),n=parseInt(t[1],10);if(isNaN(r))throw new Error("Invalid time.");if(isNaN(n))throw new Error("Invalid time.");if(r<0||r>23)throw new Error("Invalid time.");if(n<0||n>59)throw new Error("Invalid time.");return r*100+n},dr=e=>{try{return lr(e),!0}catch{return!1}},De=e=>{if(e&&dr(e)){const t=e.split(":");return{hour:m.parseIntElseUndefined(t[0]),minute:m.parseIntElseUndefined(t[1])}}return{hour:void 0,minute:void 0}},ur=e=>`${be(String(e.getHours()))}:${pe(String(e.getMinutes()))}`,fr="_timePicker_1w05d_1",hr="_timePickerColumn_1w05d_6",mt={timePicker:fr,timePickerColumn:hr},mr=({onClick:e,item:t,selected:r,columnRef:n,canScrollRef:s})=>{const o=i.useRef(null);return i.useEffect(function(){if(r&&n.current&&o.current&&s.current){const l=o.current.scrollHeight*Math.max(t-2,0);n.current.scrollTo(0,l),s.current=!1}},[n,t,r,s]),a.jsx(m.Row,{width:"64px",justifyContent:"center",spacing:.5,indent:.5,ref:o,children:r?a.jsx(j.PrimaryButton,{label:H.padStart(String(t),2,"0"),onClick:()=>e&&e(t)}):a.jsx(j.FlatButton,{label:String(t).padStart(2,"0"),onClick:()=>e&&e(t)})})},Ue=({onClick:e,items:t,selectedItem:r,canScrollRef:n})=>{const s=i.useRef(null);return a.jsx(m.Column,{className:mt.timePickerColumn,ref:s,children:t.map(o=>a.jsx(mr,{item:o,onClick:e,selected:o===r,columnRef:s,canScrollRef:n},o))})},gr=H.range(0,24),Dr=H.range(0,60),xr=({value:e,onValueChange:t})=>{const r=i.useRef(!0),[n,s]=i.useState(void 0),[o,c]=i.useState(void 0);i.useEffect(()=>{if(e){const{minute:f,hour:h}=De(e);s(h),c(f)}},[e]);const l=i.useCallback(f=>{s(f),t==null||t(`${be(String(f??0))}:${pe(String(o??0))}`)},[o,t]),u=i.useCallback(f=>{c(f),t==null||t(`${be(String(n??0))}:${pe(String(f??0))}`)},[n,t]);return a.jsxs(m.Row,{className:mt.timePicker,children:[a.jsx(Ue,{items:gr,onClick:l,selectedItem:n,canScrollRef:r}),a.jsx(m.Indent,{}),a.jsx(Ue,{items:Dr,onClick:u,selectedItem:o,canScrollRef:r})]})},br=(e,t,r)=>{i.useEffect(function(){e&&t(e)},[e,t]),i.useEffect(function(){r.current&&(e?r.current.valueAsDate=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())):r.current.valueAsDate=null)},[e,r])},pr=(e,t,{setDateInFocus:r,showCalendarInternal:n,hideCalendarInternal:s,setFirstFocusedInput:o,setCurrentPanel:c,localTime:l,setLocalTime:u,localDate:f,setLocalDate:h},D)=>{const g=i.useCallback(S=>{if(!S)return;const y=new Date(S);if(e)y.setHours(e.getHours()),y.setMinutes(e.getMinutes()),t==null||t(y),h(void 0);else if(l){const{minute:k,hour:R}=De(l);y.setHours(R??0),y.setMinutes(k??0),t==null||t(y),h(void 0)}else h(y);r(y),D.current&&(D.current.valueAsDate=new Date(Date.UTC(y.getFullYear(),y.getMonth(),y.getDate())))},[e,D,l,t,r,h]),x=i.useCallback(S=>{if(S)if(e){const y=De(S),k=new Date(e);k.setHours(y.hour||0),k.setMinutes(y.minute||0),t==null||t(k),u(void 0)}else if(f){const y=De(S),k=new Date(f);k.setHours(y.hour||0),k.setMinutes(y.minute||0),t==null||t(k),u(void 0)}else u(S)},[t,e,f,u]),b=i.useCallback(S=>{S.target.value[0]!=="0"&&g(S.target.valueAsDate)},[g]),p=i.useCallback(S=>x(S.target.value),[x]),M=i.useCallback(()=>{r(e||new Date),c("calendar"),n()},[e,c,n,r]),w=i.useCallback(()=>{o(void 0),s()},[o,s]);return{inputLeftChangeHandler:b,inputRightChangeHandler:p,hideCalendar:w,showCalendar:M,onChangeTime:x,onChangeDate:g}},yr=e=>{const[t,r]=i.useState(void 0),[n,s]=i.useState(void 0),[o,c,l]=m.useBoolean(!1),[u,f,h]=m.useBoolean(!1),[D,g]=i.useState(void 0),[x,b]=i.useState(()=>e??new Date),[p,M]=i.useState("calendar");return{isCalendarVisible:o,showCalendarInternal:c,hideCalendarInternal:l,firstFocusedInput:D,setFirstFocusedInput:g,dateInFocus:x,setDateInFocus:b,currentPanel:p,setCurrentPanel:M,isTimePickerVisible:u,showTimePicker:f,hideTimePicker:h,localDate:t,setLocalDate:r,localTime:n,setLocalTime:s}},wr=(e,t,r,n,{isCalendarVisible:s,setCurrentPanel:o,showTimePicker:c,hideTimePicker:l})=>{const u=i.useCallback(()=>{s||r(),o("calendar"),l()},[l,s,o,r]),f=i.useCallback(()=>{n(),c()},[n,c]),h=i.useCallback(b=>{e(b.date),n(),c()},[e,n,c]),D=i.useCallback(()=>{o("presets"),r()},[o,r]),g=i.useCallback(()=>{var b;s?n():((b=t.current)==null||b.focus(),o("calendar"),r())},[s,n,t,o,r]),x=i.useCallback(b=>{b.key==="Escape"&&n()},[n]);return{onFocusLeft:u,onFocusRight:f,onClickDay:h,onClickArrowButton:D,onClickCalendarButton:g,onKeyDownHandler:x}},Sr=({value:e,onValueChange:t,onEnter:r,onEsc:n,onBlur:s,autoFocus:o,minDate:c,widthLeft:l=128,widthRight:u=80,maxDate:f=he,variant:h,disabled:D})=>{const g=i.useRef(null),x=i.useRef(null),b=yr(e),{setCurrentPanel:p,currentPanel:M,isCalendarVisible:w,dateInFocus:S,setDateInFocus:y,isTimePickerVisible:k,hideTimePicker:R,localTime:_,localDate:B}=b,{showCalendar:I,hideCalendar:A,inputLeftChangeHandler:T,inputRightChangeHandler:L,onChangeTime:N,onChangeDate:P}=pr(e,t,b,g),{onKeyDownHandler:F,onFocusRight:q,onFocusLeft:Y,onClickDay:G,onClickCalendarButton:O,onClickArrowButton:W}=wr(P,g,I,A,b);br(e,y,g);const $=i.useMemo(()=>{const ae=e||B;return ae?Z(void 0,ae,["singleSelected","selected"]):{}},[B,e]),C=i.useCallback(()=>{A(),R()},[A,R]),E=i.useMemo(()=>e?ur(e):_,[e,_]),z=m.useDelayedFalse(w,300),K=m.useDelayedFalse(k,300);return a.jsx(m.Box,{onKeyDown:F,children:a.jsx(de.ControlledPopover,{hideArrow:!0,renderTrigger:ae=>a.jsx(m.Box,{...ae,children:a.jsx(ht,{autoFocusLeft:o,onEsc:n,onEnter:r,onBlur:s,disabled:D,separatorIcon:j.stenaClock,typeLeft:"date",typeRight:"time",placeholderLeft:"yyyy-mm-dd",placeholderRight:"hh:mm",onChangeLeft:T,onChangeRight:L,onClickArrowDown:W,onClickCalendar:O,onFocusLeft:Y,onFocusRight:q,onClickLeft:Y,onClickRight:q,inputRefLeft:g,inputRefRight:x,valueRight:E??"",widthLeft:l,widthRight:u,minLeft:c,maxLeft:f,variant:h})}),placement:fe,open:w||k,onRequestClose:C,children:(z||K)&&a.jsx(m.Column,{children:z?a.jsx(se,{statePerMonth:$,onClickDay:G,dateInFocus:S,setDateInFocus:y,currentPanel:M,setCurrentPanel:p,minDate:c,maxDate:f}):K?a.jsxs(m.Column,{children:[a.jsx(m.Column,{overflow:"hidden",height:"250px",children:a.jsx(xr,{value:E??"",onValueChange:N})}),a.jsx(m.Space,{}),a.jsx(m.Row,{justifyContent:"flex-end",children:a.jsx(j.PrimaryButton,{label:"Done",onClick:R})})]}):null})})})},kr=({value:e,onValueChange:t,year:r})=>{const n=String(r);return a.jsx(m.Row,{justifyContent:"center",children:e===r?a.jsx(j.PrimaryButton,{label:n,onClick:()=>t==null?void 0:t(r)}):a.jsx(j.FlatButton,{label:n,onClick:()=>t==null?void 0:t(r)})})},jr=({value:e,onValueChange:t,initialLastYear:r})=>{const[n,s]=i.useState(()=>e?e+4:r??new Date().getFullYear()+4),o=i.useMemo(()=>{const c=n-11;return H.chunk(H.range(c,n+1),3)},[n]);return i.useEffect(()=>{s(c=>Mr(e,c))},[e]),a.jsxs(m.Row,{children:[a.jsx(m.Column,{justifyContent:"center",children:a.jsx(j.FlatButton,{leftIcon:j.stenaArrowLeft,onClick:()=>s(n-3)})}),a.jsx(m.Column,{gap:1,children:o.map(c=>a.jsx(m.Row,{gap:1,children:c.map(l=>a.jsx(kr,{year:l,onValueChange:t,value:e},l))},c[0]))}),a.jsx(m.Column,{justifyContent:"center",children:a.jsx(j.FlatButton,{leftIcon:j.stenaArrowRight,onClick:()=>s(n+3)})})]})},Mr=(e,t)=>{if(e==null)return t;if(e>t){const n=e-t,s=n%3,o=n-s+3;return t+o}const r=t-11;if(e<r){const n=r-e,s=n%3,o=n-s+3;return t-o}return t},Rr=(e,t,r,n,s)=>{i.useEffect(function(){e&&r(e)},[e,r]),i.useEffect(function(){t&&r(t)},[t,r]),i.useEffect(function(){n.current&&(e?n.current.valueAsDate=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())):n.current.valueAsDate=null)},[e,n]),i.useEffect(function(){s.current&&(t?s.current.valueAsDate=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate())):s.current.valueAsDate=null)},[t,s])},Tr=(e,t,r,{setDateInFocus:n,showCalendarInternal:s,hideCalendarInternal:o,setFirstFocusedInput:c,setCurrentPanel:l})=>{const u=i.useCallback(g=>{g.target.value[0]!=="0"&&(r==null||r({startDate:g.target.valueAsDate??void 0,endDate:t}))},[r,t]),f=i.useCallback(g=>{g.target.value[0]!=="0"&&(r==null||r({startDate:e,endDate:g.target.valueAsDate??void 0}))},[r,e]),h=i.useCallback(()=>{n(e||t||new Date),l("calendar"),s()},[e,t,l,s,n]),D=i.useCallback(()=>{c(void 0),o()},[c,o]);return{inputLeftChangeHandler:u,inputRightChangeHandler:f,hideCalendar:D,setDateInFocus:n,setCurrentPanel:l,showCalendar:h}},Ir=(e,t)=>{const[r,n,s]=m.useBoolean(!1),[o,c]=i.useState(void 0),[l,u]=i.useState("startDate"),[f,h]=i.useState(()=>(l==="startDate"?e:l==="endDate"?t:void 0)??new Date),[D,g]=i.useState("calendar");return{isCalendarVisible:r,showCalendarInternal:n,hideCalendarInternal:s,firstFocusedInput:o,setFirstFocusedInput:c,focusedInput:l,setFocusedInput:u,dateInFocus:f,setDateInFocus:h,currentPanel:D,setCurrentPanel:g}},Cr=(e,t,r,n,s,o,c,{firstFocusedInput:l,setFirstFocusedInput:u,isCalendarVisible:f,setFocusedInput:h,focusedInput:D,setCurrentPanel:g})=>{const x=i.useCallback(()=>{l==null&&u("startDate"),h("startDate"),f||o()},[f,h,o,u,l]),b=i.useCallback(()=>{l==null&&u("endDate"),h("endDate"),f||o()},[f,h,o,u,l]),p=i.useCallback(y=>{var k,R,_,B;D==="startDate"?t!=null&&d.isAfter(y.date,t)?(r==null||r({startDate:y.date,endDate:void 0}),h("endDate"),(k=s.current)==null||k.focus()):(r==null||r({startDate:y.date,endDate:t}),l==="startDate"?(h("endDate"),(R=s.current)==null||R.focus()):setTimeout(c,50)):D==="endDate"&&(e?d.isAfter(e,y.date)?(r==null||r({startDate:y.date,endDate:void 0}),h("endDate"),(B=s.current)==null||B.focus()):(r==null||r({startDate:e,endDate:y.date}),setTimeout(c,50)):(r==null||r({startDate:e,endDate:y.date}),h("startDate"),(_=n.current)==null||_.focus()))},[D,r,t,l,h,s,c,e,n]),M=i.useCallback(()=>{g("presets"),o()},[g,o]),w=i.useCallback(()=>{var y;f?c():(h("startDate"),u("startDate"),(y=n.current)==null||y.focus(),g("calendar"),o())},[f,c,h,u,n,g,o]),S=i.useCallback(y=>{y.key==="Escape"&&c()},[c]);return{onFocusLeft:x,onFocusRight:b,onClickDay:p,onClickArrowButton:M,onClickCalendarButton:w,onKeyDownHandler:S}};function Br({value:e,onValueChange:t,autoFocus:r,onBlur:n,onEnter:s,onEsc:o,minDate:c,maxDate:l=he,calendarProps:u,widthLeft:f=128,widthRight:h=128,variant:D,disabled:g}){const{startDate:x,endDate:b}=e||{},p=i.useRef(null),M=i.useRef(null),w=Ir(x,b),{dateInFocus:S,setDateInFocus:y,isCalendarVisible:k,currentPanel:R,setCurrentPanel:_}=w,{showCalendar:B,hideCalendar:I,inputLeftChangeHandler:A,inputRightChangeHandler:T}=Tr(x,b,t,w),{onKeyDownHandler:L,onFocusRight:N,onFocusLeft:P,onClickDay:F,onClickCalendarButton:q,onClickArrowButton:Y}=Cr(x,b,t,p,M,B,I,w);Rr(x,b,y,p,M);const G=i.useMemo(()=>x&&b&&d.isAfter(x,b),[x,b]),O=i.useMemo(()=>qe(u==null?void 0:u.statePerMonth,x,b,S),[u==null?void 0:u.statePerMonth,x,b,S]);return a.jsx(m.Box,{onKeyDown:L,children:a.jsx(de.ControlledPopover,{hideArrow:!0,restoreFocus:!1,returnFocus:!1,renderTrigger:W=>a.jsx(m.Box,{...W,children:a.jsx(ht,{autoFocusLeft:r,onEsc:o,onEnter:s,onBlur:n,disabled:g,separatorIcon:j.stenaArrowRight,typeLeft:"date",typeRight:"date",placeholderLeft:"Start date",placeholderRight:"End date",onChangeLeft:A,onChangeRight:T,onClickArrowDown:Y,onClickCalendar:q,onFocusLeft:P,onFocusRight:N,onClickLeft:P,onClickRight:N,inputRefLeft:p,inputRefRight:M,variant:G?"error":D,widthLeft:f,widthRight:h,minLeft:c,maxLeft:l,minRight:c,maxRight:l})}),placement:fe,onRequestClose:I,open:k,children:a.jsx(se,{onClickDay:F,dateInFocus:S,setDateInFocus:y,currentPanel:R,setCurrentPanel:_,minDate:c,maxDate:l,...u,statePerMonth:O})})})}const _e=({onChange:e,onValueChange:t,mask:r,pipe:n,value:s,guide:o,keepCharPositions:c,placeholderChar:l,showMask:u,calendarSize:f,...h})=>{const D=i.useRef(null),{onChange:g}=St.useMaskedInput(D,e,t,r,n,s,o,c,l,u);return a.jsx(X.LabelledTextInput,{...h,ref:D,onChange:g,width:Ar(f),size:f==="large"?"large":"medium"})},Ar=e=>{switch(e){case"small":return"140px";case"medium":return"168px";case"large":return"196px";default:return m.exhaustSwitchCase(e,"168px")}},Er=[/[1-2]/,/\d/,/\d/,/\d/],_r=[/[0-1]/,/\d/],Nr=[/[0-3]/,/\d/],gt=e=>Pr(e).flatMap(Lr),Lr=e=>{switch(e){case"yyyy":return Er;case"mm":case"MM":return _r;case"dd":case"DD":return Nr;default:return[e]}},Pr=e=>{if(e.length===0)return[];const t=[];let r=e[0];for(let n=1;n<e.length;n++)e[n]!==e[n-1]?(t.push(r),r=e[n]):r+=e[n];return t.push(r),t},oe=e=>{const r=new Intl.DateTimeFormat(e,{dateStyle:"short"}).formatToParts(new Date),n={year:"yyyy",month:"MM",day:"dd"};return r.map(s=>n[s.type]||s.value).join("")},Dt={"en-US":v.enUS,"en-GB":v.enGB,"de-AT":v.deAT,"de-DE":v.de,fr:v.fr,de:v.de,es:v.es,sv:v.sv,pl:v.pl,da:v.da,nl:v.nl,nb:v.nb},me=e=>Dt[e],Oe=()=>Dt.sv,te=(e,t,r)=>{const n=me(t);if(n==null)return;const s=d.parse(e,oe(t),r??new Date,{locale:n});if(!isNaN(s.getTime()))return s},ie=(e,t)=>d.format(e,oe(t),{locale:me(t)}),ye=(e,t)=>{const r=te(e,t);if(r!=null)return ie(r,t)},xt=({value:e,onValueChange:t,localeCode:r,startDateLabel:n="From",endDateLabel:s="To",onFocus:o,calendarSize:c})=>{const{mask:l,placeholder:u}=i.useMemo(()=>{const f=oe(r);return{mask:gt(f),placeholder:f.toLowerCase()}},[r]);return a.jsxs(m.Row,{children:[a.jsx(_e,{mask:l,value:e==null?void 0:e.startDate,onValueChange:f=>{t==null||t({startDate:f})},onBlur:f=>{const h=ye(f.target.value,r);h&&h!==(e==null?void 0:e.startDate)&&(t==null||t({startDate:h}))},onFocus:o,label:n,borderRadiusVariant:"onlyLeft",placeholder:u,calendarSize:c}),a.jsx(_e,{mask:l,value:e==null?void 0:e.endDate,onValueChange:f=>t==null?void 0:t({endDate:f}),onBlur:f=>{const h=ye(f.target.value,r);h&&h!==(e==null?void 0:e.endDate)&&(t==null||t({endDate:h}))},onFocus:o,label:s,borderRadiusVariant:"onlyRight",placeholder:u,calendarSize:c})]})},bt=(e,t,r,n)=>{const s=me(r)??Oe(),o=i.useId(),c=Ye(),l=i.useRef(null),u=i.useMemo(()=>oe(r),[r]),f=i.useMemo(()=>{var T;return((T=e==null?void 0:e.startDate)==null?void 0:T.length)===u.length?te(e.startDate,r):void 0},[u.length,r,e==null?void 0:e.startDate]),h=i.useMemo(()=>{var T;return((T=e==null?void 0:e.endDate)==null?void 0:T.length)===u.length?te(e.endDate,r):void 0},[u.length,r,e==null?void 0:e.endDate]),[D,g]=i.useState(n??f??new Date),x=i.useCallback(T=>{d.isSameMonth(T,c)||d.isAfter(T,c)?g(T):g(c)},[c]),b=i.useMemo(()=>ue(D.getFullYear(),D.getMonth(),s),[s,D]),p=i.useMemo(()=>H.startCase(d.format(D,"MMMM yyyy",{locale:s})),[s,D]),M=i.useMemo(()=>d.isSameMonth(c,D),[c,D]),[w,S]=i.useState(),[y,k]=i.useState("calendar"),R=i.useCallback(T=>{var P,F;const L=((P=T==null?void 0:T.startDate)==null?void 0:P.length)===u.length?te(T.startDate,r):void 0,N=((F=T==null?void 0:T.endDate)==null?void 0:F.length)===u.length?te(T.endDate,r):void 0;L?x(L):N&&x(N),t==null||t({...e,...T})},[u.length,r,t,x,e]),_=i.useMemo(()=>d.isSameMonth(c,D)||d.isBefore(D,c),[c,D]),B=i.useMemo(()=>(f&&h&&(d.isSameDay(f,h)||d.isBefore(f,h)))??!1,[h,f]);return{isDateDisabled:i.useCallback(T=>!d.isSameDay(T,c)&&d.isBefore(T,c),[c]),onClickDate:T=>{T.getFullYear()===D.getFullYear()&&T.getMonth()===D.getMonth()&&(f&&h==null?d.isBefore(T,f)?t==null||t({startDate:ie(T,r),endDate:void 0}):t==null||t({startDate:e==null?void 0:e.startDate,endDate:ie(T,r)}):t==null||t({startDate:ie(T,r),endDate:void 0}))},onValueChangeByInputs:R,isValidDateRange:B,prevMonthDisabled:_,monthPickerButtonRef:l,calendarId:o,monthPickerButtonLabel:p,visiblePanel:y,setVisiblePanel:k,setVisibleMonth:g,visibleMonthData:b,todayIsInVisibleMonth:M,hoverDate:w,setHoverDate:S,selectedStartDate:f,selectedEndDate:h,today:c,visibleMonth:D}},je=({previousMonthButtonAriaLabel:e,nextMonthButtonAriaLabel:t,monthPickerButtonLabel:r,visiblePanel:n,setVisiblePanel:s,monthPickerButtonRef:o,setVisibleMonth:c,visibleMonth:l,prevMonthDisabled:u,calendarSize:f})=>a.jsxs(m.Row,{alignSelf:"center",justifyContent:"space-between",width:"100%",children:[a.jsx(j.FlatButton,{"aria-live":"polite",label:r,rightIcon:n==="calendar"?j.stenaAngleDown:j.stenaAngleUp,onClick:()=>s(n==="calendar"?"month-picker":"calendar"),ref:o,size:f==="small"?"medium":"large"}),a.jsxs(m.Row,{alignItems:"center",gap:2,children:[a.jsx(j.SecondaryButton,{leftIcon:j.stenaArrowLeft,onClick:()=>c(d.subMonths(l,1)),disabled:u,"aria-label":e,size:f==="small"?"medium":"large"}),a.jsx(j.SecondaryButton,{leftIcon:j.stenaArrowRight,onClick:()=>c(d.addMonths(l,1)),"aria-label":t,size:f==="small"?"medium":"large"})]})]}),Yr="_travelDateCell_h6vcn_1",vr="_small_h6vcn_4",Fr="_medium_h6vcn_9",Hr="_large_h6vcn_14",Or="_outline_h6vcn_26",Wr="_contentWrapper_h6vcn_39",$r="_disabled_h6vcn_60",Ur="_isToday_h6vcn_63",qr="_isSelectionStart_h6vcn_67",zr="_isSelectionEnd_h6vcn_68",Kr="_hover_h6vcn_83",Gr="_startSelected_h6vcn_86",Jr="_endSelected_h6vcn_86",U={travelDateCell:Yr,small:vr,medium:Fr,large:Hr,outline:Or,contentWrapper:Wr,disabled:$r,isToday:Ur,isSelectionStart:qr,isSelectionEnd:zr,hover:Kr,startSelected:Gr,endSelected:Jr},ee=we.cssColor("--lhds-color-red-100"),Qr=(e,t,r,n,s,o)=>{if(!s)return{left:"transparent",right:"transparent"};if(t&&r&&d.isSameDay(t,r))return{left:"transparent",right:"transparent"};if(t&&r&&!o)return{left:"transparent",right:"transparent"};const c=t&&r?d.isAfter(e,t)&&d.isBefore(e,r)&&!d.isSameDay(e,t)&&!d.isSameDay(e,r):!1,l=t&&n?d.isAfter(e,t)&&d.isBefore(e,n)&&!d.isSameDay(e,t)&&!d.isSameDay(e,n):!1;if(c)return{left:ee,right:ee};if(t&&r)return d.isSameDay(e,t)?{left:"transparent",right:ee}:d.isSameDay(e,r)?{left:ee,right:"transparent"}:{left:"transparent",right:"transparent"};if(t&&n&&d.isAfter(n,t)){if(d.isSameDay(e,t))return{left:"transparent",right:ee};if(d.isSameDay(e,n))return{left:ee,right:"transparent"}}return l?{left:ee,right:ee}:{left:"transparent",right:"transparent"}},Xr=(e,t)=>{switch(t){case"PageUp":return d.subMonths(e,1);case"PageDown":return d.addMonths(e,1);case"Home":return d.startOfWeek(e);case"End":return d.addDays(d.startOfWeek(e),6);case"ArrowLeft":return d.subDays(e,1);case"ArrowUp":return d.subDays(e,7);case"ArrowRight":return d.addDays(e,1);case"ArrowDown":return d.addDays(e,7);default:return}},Ie=(e,t)=>d.format(d.addHours(e,12),V.fullDate)+t,Zr="_travelDateCellBackground_1k07m_1",Vr="_small_1k07m_2",en="_medium_1k07m_7",tn="_large_1k07m_12",ge={travelDateCellBackground:Zr,small:Vr,medium:en,large:tn},rn=({calendarSize:e,bgColorLeft:t,bgColorRight:r})=>a.jsxs(m.Row,{children:[a.jsx(m.Box,{className:ne(ge.travelDateCellBackground,ge[e]),background:t}),a.jsx(m.Box,{className:ne(ge.travelDateCellBackground,ge[e]),background:r})]}),nn=({onClick:e,visibleMonth:t,onChangeVisibleMonth:r,day:n,isValidDateRange:s,selectedStartDate:o,selectedEndDate:c,onStartHover:l,onEndHover:u,hoverDate:f,today:h,todayIsInVisibleMonth:D,calendarId:g,isDateDisabled:x,size:b})=>{const p=i.useCallback(async _=>{var I;const B=Xr(n.date,_.key);B&&!x(B)&&(l(B),d.isSameMonth(n.date,B)?(I=document.getElementById(Ie(B,g)))==null||I.focus():(r(B),setTimeout(()=>{var A;(A=document.getElementById(Ie(B,g)))==null||A.focus()},10))),(_.key==="Enter"||_.code==="Space")&&e(n.date)},[g,n.date,x,r,e,l]),M=n.month===t.getMonth(),w=x(n.date),S=o?d.isSameDay(o,n.date):!1,y=c?d.isSameDay(c,n.date):!1,k=d.isSameDay(n.date,h),R=Qr(n.date,o,c,f,M,s);return a.jsxs("td",{className:ne(U.travelDateCell,U[b]),onClick:w?void 0:()=>e(n.date),onMouseOver:w?void 0:()=>M&&l(n.date),onMouseOut:w?void 0:()=>M&&u(n.date),tabIndex:w?void 0:sn(n,o,k,t,D),id:w?void 0:Ie(n.date,g),onKeyDown:w?void 0:p,...w?void 0:{"aria-selected":S||y},children:[a.jsx("div",{className:U.outline}),a.jsx(rn,{calendarSize:b,bgColorLeft:R.left,bgColorRight:R.right}),M&&a.jsx("div",{className:ne(U.contentWrapper,k?U.isToday:void 0,o?U.startSelected:void 0,c?U.endSelected:void 0,f&&d.isSameDay(f,n.date)?U.hover:void 0,S&&U.isSelectionStart,y&&U.isSelectionEnd,w&&U.disabled),children:a.jsx(m.Text,{variant:"bold",color:w?we.cssColor("--lhds-color-ui-500"):void 0,children:n.dayOfMonth})})]})},sn=(e,t,r,n,s)=>{const o=t?d.isSameMonth(t,n):!1;return(t&&o?d.isSameDay(e.date,t):r)||!o&&!s&&e.date.getDate()===1?0:-1},on="_travelCalendar_18pjj_1",an={travelCalendar:on},Me=({visibleMonthData:e,onClickDate:t,setHoverDate:r,setVisibleMonth:n,visibleMonth:s,isValidDateRange:o,selectedStartDate:c,selectedEndDate:l,hoverDate:u,today:f,calendarId:h,isDateDisabled:D,todayIsInVisibleMonth:g,size:x="medium",multiSelectable:b})=>a.jsx("table",{className:an.travelCalendar,role:"grid",...b?{"aria-multiselectable":!0}:void 0,children:a.jsxs("tbody",{children:[a.jsx("tr",{children:e.weeks[0].days.map(p=>a.jsx("th",{abbr:p.fullName,children:a.jsx(m.Text,{children:p.name})},p.name))}),e.weeks.map(p=>a.jsx(Ne.Fragment,{children:a.jsx("tr",{children:p.days.map(M=>a.jsx(nn,{size:x,onClick:w=>t(w),visibleMonth:s,onChangeVisibleMonth:n,isValidDateRange:o,day:M,onStartHover:w=>r(w),onEndHover:w=>r(S=>S&&d.isSameDay(S,w)?void 0:S),selectedStartDate:c,selectedEndDate:l,hoverDate:u,today:f,todayIsInVisibleMonth:g,calendarId:h,isDateDisabled:D},M.dateString))},p.weekNumber)},p.weekNumber))]})}),cn="_travelDateRangeInput_1j7rp_1",ln="_overlay_1j7rp_2",dn="_calendarVisible_1j7rp_6",Ce={travelDateRangeInput:cn,overlay:ln,calendarVisible:dn},un=({value:e,onValueChange:t,startDateLabel:r,endDateLabel:n,localeCode:s="sv",initialMonthInFocus:o,previousMonthButtonAriaLabel:c="Previous month",nextMonthButtonAriaLabel:l="Next month",heading:u,headingLevel:f,numMonthsInMonthPicker:h=12,firstMonthInMonthPicker:D=new Date,zIndex:g=1e3,zIndexWhenClosed:x,onHideCalendar:b,renderBelowCalendar:p,size:M="medium"})=>{const[w,S]=i.useState(!1),[y,k]=i.useState(!1),[R,_]=i.useState({width:336,height:66}),B=M==="large"?"8.8rem":"6.6rem",I=i.useRef(!1),A=i.useCallback(()=>{I.current=!0,k(!0),setTimeout(()=>{S(!0)},10)},[]),T=i.useCallback(()=>{y&&(S(!1),I.current=!1,b==null||b(),setTimeout(()=>{I.current||k(!1)},120))},[y,b]),L=i.useRef(null),N=i.useRef(null);m.useOnClickOutside(L,T),i.useLayoutEffect(()=>{var z,K;const C=(z=N.current)==null?void 0:z.offsetWidth,E=(K=N.current)==null?void 0:K.offsetHeight;C!=null&&E!=null&&(R.height!==E||R.width!==C)&&_({width:C,height:E})},[R.height,R.width]);const P=bt(e,t,s,o),{visiblePanel:F,visibleMonth:q,onValueChangeByInputs:Y,setVisibleMonth:G,setVisiblePanel:O,monthPickerButtonRef:W}=P,$=i.useCallback(C=>{C.key==="Escape"&&T()},[T]);return a.jsxs(m.Box,{position:"relative",className:Ce.travelDateRangeInput,ref:L,onKeyDown:$,height:R.height,width:R.width,children:[a.jsx(m.Box,{position:"absolute",ref:N,zIndex:y?g:x,children:a.jsx(xt,{value:e,onValueChange:Y,localeCode:s,startDateLabel:r,endDateLabel:n,onFocus:A,calendarSize:M})}),y&&a.jsx(m.Box,{position:"absolute",zIndex:g-1,left:"-2.4rem",top:u?"-8.0rem":"-2.4rem",className:ne(Ce.overlay,w&&Ce.calendarVisible),children:a.jsx(m.Box,{background:"white",shadow:"popover",borderRadius:"var(--swui-border-radius-large)",children:a.jsxs(j.CardBody,{gap:3,children:[u&&a.jsx(m.Heading,{variant:"h2",as:f,children:u}),a.jsx(m.Box,{height:B}),a.jsx(je,{...P,previousMonthButtonAriaLabel:c,nextMonthButtonAriaLabel:l,calendarSize:M}),F==="calendar"&&a.jsx(Me,{...P,size:M,multiSelectable:!0}),F==="month-picker"&&a.jsx(le,{firstMonth:D,numMonths:h,value:q,size:M,onValueChange:C=>{var E;G(C),O("calendar"),(E=W.current)==null||E.focus()},onCancel:()=>{var C;O("calendar"),(C=W.current)==null||C.focus()}}),p==null?void 0:p({hideCalendar:T})]})})})]})},fn="_travelDateInput_hmfbf_1",hn="_overlay_hmfbf_2",mn="_calendarVisible_hmfbf_6",Be={travelDateInput:fn,overlay:hn,calendarVisible:mn},pt=({value:e,onValueChange:t,label:r="Date",localeCode:n,onFocus:s,calendarSize:o})=>{const{mask:c,placeholder:l}=i.useMemo(()=>{const u=oe(n);return{mask:gt(u),placeholder:u.toLowerCase()}},[n]);return a.jsx(m.Row,{children:a.jsx(_e,{mask:c,value:e,onValueChange:t,onBlur:u=>{const f=ye(u.target.value,n);f&&f!==e&&(t==null||t(f))},onFocus:s,label:r,placeholder:l,calendarSize:o})})},yt=(e,t,r,n)=>{const s=me(r)??Oe(),o=i.useId(),c=Ye(),l=i.useRef(null),u=i.useMemo(()=>oe(r),[r]),f=i.useMemo(()=>(e==null?void 0:e.length)===u.length?te(e,r):void 0,[u.length,r,e]),[h,D]=i.useState(n??f??new Date),g=i.useCallback(I=>{d.isSameMonth(I,c)||d.isAfter(I,c)?D(I):D(c)},[c]),x=i.useMemo(()=>ue(h.getFullYear(),h.getMonth(),s),[s,h]),b=i.useMemo(()=>H.startCase(d.format(h,"MMMM yyyy",{locale:s})),[s,h]),p=i.useMemo(()=>d.isSameMonth(c,h),[c,h]),[M,w]=i.useState(),[S,y]=i.useState("calendar"),k=i.useCallback(I=>{const A=(I==null?void 0:I.length)===u.length?te(I,r):void 0;A&&g(A),t==null||t(I)},[u.length,r,t,g]),R=i.useMemo(()=>d.isSameMonth(c,h)||d.isBefore(h,c),[c,h]);return{isDateDisabled:i.useCallback(I=>!d.isSameDay(I,c)&&d.isBefore(I,c),[c]),onClickDate:I=>{t==null||t(ie(I,r))},onValueChangeByInputs:k,prevMonthDisabled:R,monthPickerButtonRef:l,calendarId:o,monthPickerButtonLabel:b,visiblePanel:S,setVisiblePanel:y,setVisibleMonth:D,visibleMonthData:x,todayIsInVisibleMonth:p,hoverDate:M,setHoverDate:w,selectedDate:f,today:c,visibleMonth:h}},gn=({value:e,onValueChange:t,label:r,localeCode:n="sv",initialMonthInFocus:s,previousMonthButtonAriaLabel:o="Previous month",nextMonthButtonAriaLabel:c="Next month",heading:l,headingLevel:u,numMonthsInMonthPicker:f=12,firstMonthInMonthPicker:h=new Date,zIndex:D=1e3,zIndexWhenClosed:g,onHideCalendar:x,renderBelowCalendar:b,size:p="medium"})=>{const[M,w]=i.useState(!1),[S,y]=i.useState(!1),[k,R]=i.useState({width:336,height:66}),_=p==="large"?"8.8rem":"6.6rem",B=i.useRef(!1),I=i.useCallback(()=>{B.current=!0,y(!0),setTimeout(()=>{w(!0)},10)},[]),A=i.useCallback(()=>{S&&(w(!1),B.current=!1,x==null||x(),setTimeout(()=>{B.current||y(!1)},120))},[S,x]),T=i.useRef(null),L=i.useRef(null);m.useOnClickOutside(T,A),i.useLayoutEffect(()=>{var z,K;const C=(z=L.current)==null?void 0:z.offsetWidth,E=(K=L.current)==null?void 0:K.offsetHeight;C!=null&&E!=null&&(k.height!==E||k.width!==C)&&R({width:C,height:E})},[k.height,k.width]);const N=yt(e,t,n,s),{visiblePanel:P,visibleMonth:F,onValueChangeByInputs:q,selectedDate:Y,setVisibleMonth:G,setVisiblePanel:O,monthPickerButtonRef:W}=N,$=i.useCallback(C=>{C.key==="Escape"&&A()},[A]);return a.jsxs(m.Box,{position:"relative",className:Be.travelDateInput,ref:T,onKeyDown:$,height:k.height,width:k.width,children:[a.jsx(m.Box,{position:"absolute",ref:L,zIndex:S?D:g,children:a.jsx(pt,{value:e,onValueChange:q,localeCode:n,label:r,onFocus:I,calendarSize:p})}),S&&a.jsx(m.Box,{position:"absolute",zIndex:D-1,left:"-2.4rem",top:l?"-8.0rem":"-2.4rem",className:ne(Be.overlay,M&&Be.calendarVisible),children:a.jsx(m.Box,{background:"white",shadow:"popover",borderRadius:"var(--swui-border-radius-large)",children:a.jsxs(j.CardBody,{gap:3,children:[l&&a.jsx(m.Heading,{variant:"h2",as:u,children:l}),a.jsx(m.Box,{height:_}),a.jsx(je,{...N,previousMonthButtonAriaLabel:o,nextMonthButtonAriaLabel:c,calendarSize:p}),P==="calendar"&&a.jsx(Me,{...N,size:p,isValidDateRange:!!Y,selectedStartDate:Y,selectedEndDate:Y,multiSelectable:!1}),P==="month-picker"&&a.jsx(le,{firstMonth:h,numMonths:f,value:F,size:p,onValueChange:C=>{var E;G(C),O("calendar"),(E=W.current)==null||E.focus()},onCancel:()=>{var C;O("calendar"),(C=W.current)==null||C.focus()}}),b==null?void 0:b({hideCalendar:A})]})})})]})},Dn=({value:e,onValueChange:t,label:r,localeCode:n="sv",initialMonthInFocus:s,previousMonthButtonAriaLabel:o="Previous month",nextMonthButtonAriaLabel:c="Next month",heading:l,headingLevel:u,numMonthsInMonthPicker:f=12,firstMonthInMonthPicker:h=new Date,size:D="medium"})=>{const g=yt(e,t,n,s),{visiblePanel:x,visibleMonth:b,onValueChangeByInputs:p,setVisibleMonth:M,setVisiblePanel:w,monthPickerButtonRef:S,selectedDate:y}=g;return a.jsxs(m.Column,{gap:3,children:[l&&a.jsx(m.Heading,{variant:"h2",as:u,children:l}),a.jsx(pt,{value:e,onValueChange:p,localeCode:n,label:r,calendarSize:D}),a.jsx(je,{...g,previousMonthButtonAriaLabel:o,nextMonthButtonAriaLabel:c,calendarSize:D}),x==="calendar"&&a.jsx(Me,{...g,size:D,selectedStartDate:y,selectedEndDate:y,isValidDateRange:!!y,multiSelectable:!1}),x==="month-picker"&&a.jsx(le,{firstMonth:h,numMonths:f,value:b,size:D,onValueChange:k=>{var R;M(k),w("calendar"),(R=S.current)==null||R.focus()},onCancel:()=>{var k;w("calendar"),(k=S.current)==null||k.focus()}})]})},xn=({value:e,onValueChange:t,startDateLabel:r,endDateLabel:n,localeCode:s="sv",initialMonthInFocus:o,previousMonthButtonAriaLabel:c="Previous month",nextMonthButtonAriaLabel:l="Next month",heading:u,headingLevel:f,numMonthsInMonthPicker:h=12,firstMonthInMonthPicker:D=new Date,size:g="medium"})=>{const x=bt(e,t,s,o),{visiblePanel:b,visibleMonth:p,onValueChangeByInputs:M,setVisibleMonth:w,setVisiblePanel:S,monthPickerButtonRef:y}=x;return a.jsxs(m.Column,{gap:3,children:[u&&a.jsx(m.Heading,{variant:"h2",as:f,children:u}),a.jsx(xt,{value:e,onValueChange:M,localeCode:s,startDateLabel:r,endDateLabel:n,calendarSize:g}),a.jsx(je,{...x,previousMonthButtonAriaLabel:c,nextMonthButtonAriaLabel:l,calendarSize:g}),b==="calendar"&&a.jsx(Me,{...x,size:g,multiSelectable:!0}),b==="month-picker"&&a.jsx(le,{firstMonth:D,numMonths:h,value:p,size:g,onValueChange:k=>{var R;w(k),S("calendar"),(R=y.current)==null||R.focus()},onCancel:()=>{var k;S("calendar"),(k=y.current)==null||k.focus()}})]})};exports.Calendar=xe;exports.CalendarDay=Pe;exports.DateInput=nr;exports.DateRangeCalendar=Zt;exports.DateRangeDualTextInput=Br;exports.DateRangeInput=or;exports.DateTextInput=ar;exports.DateTimeInput=Sr;exports.Month=Ge;exports.MonthPicker=le;exports.MultiDateCalendar=er;exports.PresetPicker=at;exports.SingleDateCalendar=He;exports.SingleWeekCalendar=tr;exports.TimeTextInput=cr;exports.TravelDateCalendar=Dn;exports.TravelDateInput=gn;exports.TravelDateRangeCalendar=xn;exports.TravelDateRangeInput=un;exports.WeekDay=Je;exports.WeekDayCell=nt;exports.WeekNumberCell=st;exports.YearPicker=jr;exports.addDayStateHighlights=Z;exports.addDayStateHighlightsOnSingleDay=Le;exports.addWeekRangeHighlights=Ke;exports.addWeekStateHighlights=Rt;exports.buildDayStateForDateRange=ce;exports.buildDayStateForRange=ze;exports.buildDayStateForSingleMonth=qe;exports.calculateOverflowingMonth=Ve;exports.createDay=Xe;exports.dateRangeToStrings=it;exports.dayHasHighlight=et;exports.dayHighlightSelect=Q;exports.defaultCalendarTheme=re;exports.defaultTextPropsProvider=rt;exports.defaultWrapperStyleProvider=tt;exports.extranetCalendarTheme=Bt;exports.formatLocalizedDate=ie;exports.getDateFormatForLocaleCode=oe;exports.getDaysForWeekForDate=Ze;exports.getDefaultLocaleForFormatting=Oe;exports.getLocaleForLocaleCode=me;exports.getMonthInYear=ue;exports.getMonthsInYear=Ae;exports.getWeekForDate=Se;exports.getWeeksForMonth=Qe;exports.isDateRangeInvalid=ve;exports.parseLocalizedDateString=te;exports.reformatLocalizedDateString=ye;exports.setDayStateValue=jt;exports.setDayStateValueFunction=Mt;exports.stringsToDateRange=ct;exports.toggleDateStringsIfEndIsEarlierThanStart=Qt;exports.toggleDatesIfEndIsEarlierThanStart=Fe;exports.useDateRangeCalendarState=Vt;exports.useDateRangeSelection=lt;exports.useMultiDateSelection=ut;exports.useSingleDateSelection=dt;exports.useSingleWeekSelection=ft;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("@stenajs-webui/core"),j=require("@stenajs-webui/elements"),d=require("date-fns"),F=require("date-fns/locale"),W=require("lodash-es"),i=require("react"),se=require("classnames"),Re=require("@emotion/styled"),Z=require("@stenajs-webui/forms"),de=require("@stenajs-webui/tooltip"),we=require("@stenajs-webui/theme"),St=require("@stenajs-webui/input-mask");function kt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const Ne=kt(i),ee={yearAndMonth:"yyyy-MM",fullDate:"yyyy-MM-dd",fullMonthName:"LLLL",fullDateAndTime:"yyyy-MM-dd HH:mm",fullDateAndTimeSystem:"yyyy-MM-ddTHH:MM",weekDayName:"EEEE",weekDayNameShort:"EEE",dateAndMonth:"d MMM",monthAndDate:"MMM do"},ce=(e={},t,r)=>{if(t&&r&&d.isAfter(r,t))return d.eachDayOfInterval({start:t,end:r}).reduce((s,o)=>{const c=d.isSameDay(o,t),l=d.isSameDay(o,r);return V(s,o,c?["selected","selectedStart","range"]:l?["selected","selectedEnd","range"]:["range"])},e);let n=e;return t&&(n=V(n,t,["selected","singleSelected"])),r&&(n=V(n,r,["selected","singleSelected"])),n},qe=(e={},t,r,n)=>ze(e,t,r,d.startOfMonth(n),d.endOfMonth(n)),ze=(e={},t,r,n,s)=>t&&r?ce(e,d.max([t,d.subDays(n,1)]),d.min([r,d.addDays(s,1)])):ce(e,t,r),jt=(e,t,r)=>{const n=d.format(t,ee.yearAndMonth),s=d.getISOWeek(t),o=d.getDate(t);return{...e,[n]:{...e&&e[n],[s]:{...e&&e[n]&&e[n][s],[o]:{...e&&e[n]&&e[n][s]&&e[n][s][o],...r}}}}},Mt=(e,t,r)=>{const n=d.format(t,ee.yearAndMonth),s=d.getISOWeek(t),o=d.getDate(t);return{...e,[n]:{...e&&e[n],[s]:{...e&&e[n]&&e[n][s],[o]:{...e&&e[n]&&e[n][s]&&e[n][s][o],...r(e&&e[n]&&e[n][s]&&e[n][s][o])}}}}},V=(e,t,r)=>{const n=t.getMonth()+1,s=`${t.getFullYear()}-${n<10?"0":""}${n}`,o=d.getISOWeek(t),c=d.getDate(t),l=e&&e[s]&&e[s][o]&&e[s][o][c];return{...e,[s]:{...e&&e[s],[o]:{...e&&e[s]&&e[s][o],[c]:Le(l,r)}}}},Le=(e,t)=>({...e,highlights:[...(e==null?void 0:e.highlights)??[],...t]}),Rt=(e,t,r)=>{const n=t.days[0].date,s=n.getMonth()+1,o=`${n.getFullYear()}-${s<10?"0":""}${s}`,c=t.weekNumber;let l=e;t.days.forEach(x=>{l=V(l,x.date,r)});const u=l&&l[o]?l[o][c]:void 0,f=u&&u.highlights?[...u.highlights,...r]:r,h={...u,highlights:f};return{...l,[o]:{...e&&e[o],[c]:h}}},Ke=(e,t)=>{var s;if(!t.days.length)return{...e};const r=t.days[0].date,n=(s=W.last(t.days))==null?void 0:s.date;return{...ce(e,r,n)}},Tt=(e,t)=>i.useMemo(()=>e?V(t,new Date,["today"]):t,[e,t]);var Ge=(e=>(e[e.JANUARY=0]="JANUARY",e[e.FEBRUARY=1]="FEBRUARY",e[e.MARCH=2]="MARCH",e[e.APRIL=3]="APRIL",e[e.MAY=4]="MAY",e[e.JUNE=5]="JUNE",e[e.JULY=6]="JULY",e[e.AUGUST=7]="AUGUST",e[e.SEPTEMBER=8]="SEPTEMBER",e[e.OCTOBER=9]="OCTOBER",e[e.NOVEMBER=10]="NOVEMBER",e[e.DECEMBER=11]="DECEMBER",e))(Ge||{}),Je=(e=>(e[e.SUNDAY=0]="SUNDAY",e[e.MONDAY=1]="MONDAY",e[e.TUESDAY=2]="TUESDAY",e[e.WEDNESDAY=3]="WEDNESDAY",e[e.THURSDAY=4]="THURSDAY",e[e.FRIDAY=5]="FRIDAY",e[e.SATURDAY=6]="SATURDAY",e))(Je||{});const Ae=(e,t,r,n)=>{const s=[];for(let o=0;o<r;o++)s.push(ue(e,t+o,n));return s},ue=(e,t,r)=>{if(isNaN(e)||isNaN(t))throw new Error("getMonthInYear() received NaN.");const n=e+Math.floor(t/12),s=t%12,o=new Date(n,s,1);return{monthString:d.format(o,ee.yearAndMonth),name:W.startCase(d.format(o,ee.fullMonthName,{locale:r})),year:n,monthInYear:s,weeks:Qe(n,s,r)}},Qe=(e,t,r,n=!0)=>{const s=new Date(e,t,1),o=d.startOfWeek(s,{locale:r}),c=[];for(let l=0;l<6;l++){const u=Se(d.addWeeks(o,l),r);if(l>0&&u.startMonth!==t&&!n)return c;c.push(u)}return c},Se=(e,t)=>{const r=d.getMonth(d.addDays(e,7))!==d.getMonth(e);return{weekNumber:d.getWeek(e,{locale:t}),startMonth:d.getMonth(e),startYear:d.getYear(e),endMonth:d.getMonth(d.addDays(e,6)),endYear:d.getYear(d.addDays(e,6)),days:Ze(e,t),isLastWeekOfMonth:r}},Xe=(e,t)=>{const r=d.getISODay(e);return{date:e,name:d.format(e,"EEE",t?{locale:t}:void 0),fullName:d.format(e,"EEEE",t?{locale:t}:void 0),dateString:d.format(d.addHours(e,12),ee.fullDate),weekNumber:d.getWeek(e,{locale:t}),year:d.getYear(e),month:d.getMonth(e),dayOfMonth:d.getDate(e),dayOfWeek:r,isFirstDayOfWeek:r===1,isLastDayOfWeek:r===7,isFirstDayOfMonth:d.isSameDay(d.startOfMonth(e),e),isLastDayOfMonth:d.isSameDay(d.endOfMonth(e),e)}},Ze=(e,t)=>d.eachDayOfInterval({start:e,end:d.addDays(e,6)}).map(r=>Xe(r,t)),Ve=(e,t)=>t>11?{year:e+Math.floor(t/12),month:t%12}:t<0?{year:e+Math.floor(t/12),month:12+t%12}:{year:e,month:t},It="_calendar_1b766_1",Ct="_weekNumberVisible_1b766_41",We={calendar:It,weekNumberVisible:Ct},et=(e,t,r)=>!!(t&&t.indexOf(r)>=0||e&&e.highlights&&e.highlights.indexOf(r)>=0),X=(e,t,r,n,s)=>{if(r.length!==n.length)throw new Error("Select highlight failed, number of values do not equal number of highlights.");if(r.length===0)return s;for(let o=0;o<r.length;o++)if(typeof r[o]=="boolean"&&r[o]||typeof r[o]=="string"&&et(e,t,r[o]))return n[o];return s},tt=({selectedBackground:e,todayBackground:t,rangeBackground:r,borderColor:n="transparent"})=>(s,o,c,l,u)=>({backgroundColor:X(o,s,["selected","range","today",c.month===u.monthInYear],[e,r,t,"#fff"],"transparent"),borderWidth:"1px",borderStyle:"solid",borderColor:X(o,s,["selectedStart","selectedEnd","singleSelected","range","today"],["var(--swui-calendar-wrapper-range-background)","var(--swui-calendar-wrapper-range-background)","var(--swui-calendar-wrapper-range-background)","var(--swui-calendar-wrapper-range-border)","var(--lhds-color-ui-500)"],n),borderTopLeftRadius:X(o,s,["selectedStart","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),borderBottomLeftRadius:X(o,s,["selectedStart","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),borderTopRightRadius:X(o,s,["selectedEnd","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),borderBottomRightRadius:X(o,s,["selectedEnd","singleSelected","today"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],"unset"),boxSizing:"border-box"}),rt=({selectedColor:e,disabledColor:t,inOtherMonthColor:r,rangeTextColor:n})=>(s,o,c,l,u)=>{const f=c.month!==u.monthInYear;return{color:X(o,s,[f,"selected","range","enabled","disabled"],[r,e,n,void 0,t])}},ne={width:"var(--swui-calendar-day-width)",height:"var(--swui-calendar-day-height)",WeekNumber:{backgroundColor:"var(--swui-calendar-week-number-bg-color)",textColor:"var(--swui-calendar-week-number-text-color)",clickableTextColor:"var(--swui-calendar-week-number-clickable-text-color)"},WeekDay:{textColor:"var(--swui-calendar-week-day-text-color)",clickableTextColor:"var(--swui-calendar-week-day-clickable-text-color)"},CalendarDay:{tdStyle:tt({selectedBackground:"var(--swui-calendar-wrapper-selected-background)",rangeBackground:"var(--swui-calendar-wrapper-range-background)",todayBackground:"var(--swui-calendar-wrapper-today-background)"}),textProps:rt({selectedColor:"var(--swui-calendar-text-selected-color)",disabledColor:"var(--swui-calendar-text-disabled-color)",inOtherMonthColor:"var(--swui-calendar-text-in-other-month-color)"})},CalendarMonth:{headerTextColor:"var(--swui-calendar-week-day-text-color)"}},Bt={...ne,width:"37px",height:"37px"},nt=({onClickWeekDay:e,day:t,theme:r})=>{const n=a.jsx(m.Box,{width:r.width,height:r.height,justifyContent:"center",alignItems:"center",children:a.jsx(m.Text,{size:"small",color:e?r.WeekDay.clickableTextColor:r.WeekDay.textColor,children:t.name})});return e?a.jsx(m.Clickable,{borderRadius:"var(--swui-calendar-day-border-radius)",onClick:s=>e(t.dayOfWeek,s),disableFocusHighlight:!e,children:n}):n},Pe=function({day:t,week:r,month:n,dayState:s,userData:o,onClickDay:c,theme:l,extraDayContent:u,defaultHighlights:f}){const h=a.jsx(m.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:a.jsx(m.Text,{...l.CalendarDay.textProps&&l.CalendarDay.textProps(f,s,t,r,n,o),children:t.dayOfMonth})}),x=Re.td({...l.CalendarDay.tdStyle&&l.CalendarDay.tdStyle(f,s,t,r,n,o)}),g=Re.div({...l.CalendarDay.innerWrapperStyle&&l.CalendarDay.innerWrapperStyle(f,s,t,r,n,o),width:"100%",height:"100%"}),D=Re.div({...l.CalendarDay.cellWrapperStyle&&l.CalendarDay.cellWrapperStyle(f,s,t,r,n,o),width:"100%",height:"100%",position:"relative"}),b=At(f,s);return a.jsx(x,{onClick:b?void 0:y=>c==null?void 0:c(t,o,y),children:a.jsx(g,{children:a.jsx(D,{children:t.month===n.monthInYear&&a.jsxs(a.Fragment,{children:[u&&a.jsx(u,{week:r,month:n,day:t,dayState:s,theme:l,userData:o}),h]})})})})},At=(e,t)=>!!X(t,e,["disabled"],[!0],!1),st=({onClickWeek:e,theme:t,week:r,background:n,backgroundColor:s,prefix:o})=>{const c=a.jsxs(m.Box,{width:t.width,height:t.height,justifyContent:"center",alignItems:"center",children:[n&&a.jsx(m.Box,{position:"absolute",children:n}),a.jsx(m.Box,{position:"absolute",children:a.jsxs(m.Text,{color:e?t.WeekNumber.clickableTextColor:t.WeekNumber.textColor,children:[o,r.weekNumber]})})]});return a.jsx(m.Box,{background:s||t.WeekNumber.backgroundColor,position:"relative",children:e?a.jsx(m.Clickable,{borderRadius:"var(--swui-calendar-day-border-radius)",onClick:l=>e(r,l),disableFocusHighlight:!e,children:c}):c})},Et=(e,t,r)=>t&&d.isBefore(e,t)?d.isSameDay(e,t):r&&d.isAfter(e,r)?d.isSameDay(e,r):!0,_t=function({dayComponent:t,minDate:r,maxDate:n,dayState:s,day:o,...c}){const l=i.useMemo(()=>Et(o.date,r,n)?s:Le(s,["disabled"]),[o.date,s,n,r]);return a.jsx(t,{day:o,...c,dayState:l})};function Nt({month:e,dayComponent:t=Pe,statePerWeek:r,userDataPerWeek:n,minDate:s,maxDate:o,onClickDay:c,onClickWeek:l,onClickWeekDay:u,onClickMonth:f,renderWeekNumber:h,renderWeekDay:x,headerRightContent:g,theme:D=ne,extraDayContent:b,defaultHighlights:y,showWeekNumber:k}){return a.jsx(a.Fragment,{children:a.jsxs(m.Box,{alignItems:"stretch",children:[a.jsxs(m.Row,{justifyContent:g?"space-between":"center",alignItems:"center",children:[a.jsx(m.Row,{justifyContent:"center",alignItems:"center",children:f?a.jsx(j.FlatButton,{onClick:()=>f(e),label:e.name+" "+String(e.year),rightIcon:j.stenaAngleDown}):a.jsxs(m.Text,{whiteSpace:"nowrap",children:[e.name," ",e.year]})}),g&&a.jsx(m.Box,{alignItems:"center",children:g})]}),a.jsx("table",{children:a.jsxs("tbody",{children:[a.jsxs("tr",{children:[k&&a.jsx("td",{children:a.jsx(m.Box,{width:D.width,height:D.height})}),e.weeks[0].days.map(S=>a.jsx("td",{children:x?x(S.name,D,u):a.jsx(nt,{day:S,onClickWeekDay:u,theme:D})},S.name))]}),e.weeks.map(S=>a.jsxs("tr",{children:[k&&a.jsx("td",{children:h?h(S,D,l):a.jsx(st,{week:S,onClickWeek:l,theme:D})}),S.days.map(w=>a.jsx(_t,{dayComponent:t,day:w,week:S,month:e,dayState:r&&r[S.weekNumber]&&r[S.weekNumber][w.dayOfMonth],userData:n&&n[S.weekNumber]&&n[S.weekNumber][w.dayOfMonth],onClickDay:c,theme:D,extraDayContent:b,defaultHighlights:y,minDate:s,maxDate:o},w.dateString))]},S.weekNumber))]})})]})})}function Lt({monthRows:e,dayComponent:t=Pe,userDataPerMonth:r,statePerMonth:n,minDate:s,maxDate:o,onClickDay:c,onClickWeekDay:l,onClickWeek:u,onClickMonth:f,renderWeekDay:h,renderWeekNumber:x,headerRightContent:g,extraDayContent:D,defaultHighlights:b,showWeekNumber:y,theme:k=ne}){const S=i.useMemo(()=>s?d.parse(s,"yyyy-MM-dd",new Date):void 0,[s]),w=i.useMemo(()=>o?d.parse(o,"yyyy-MM-dd",new Date):void 0,[o]);return a.jsx("div",{className:se(We.calendar,y&&We.weekNumberVisible),children:e.map((p,M)=>a.jsx(m.Spacing,{children:a.jsx(m.Row,{gap:2,children:p.map(R=>a.jsx(Nt,{month:R,dayComponent:t,userDataPerWeek:r&&r[R.monthString],statePerWeek:n&&n[R.monthString],onClickDay:c,onClickWeekDay:l,onClickWeek:u,onClickMonth:f,theme:k,renderWeekNumber:x,renderWeekDay:h,headerRightContent:g,extraDayContent:D,defaultHighlights:b,minDate:S,maxDate:w,showWeekNumber:y??!1},R.name))})},M))})}function xe(e){const t=Pt(e.year,e.month,e.date),{year:r,month:n}=Ve(t.year,t.month),s=Yt(r,n,e.locale??F.enGB,e.numMonths,e.monthsPerRow),o=Tt(e.highlightToday,e.statePerMonth);return a.jsx(Lt,{year:r,month:n,monthRows:s,...e,statePerMonth:o})}const Pt=(e,t,r)=>{if(t&&e)return{month:t,year:e};if(r)return{month:d.getMonth(r),year:d.getYear(r)};const n=new Date;return{month:d.getMonth(n),year:d.getYear(n)}},Yt=(e,t,r,n,s)=>n==null?[[ue(e,t,r)]]:s==null?[Ae(e,t,n,r)]:W.chunk(Ae(e,t,n,r),s),ot=(e,t)=>`${e.row}-${e.column}-${t}`,vt=(e,t,r,n)=>{let s=t;for(let o=0;o<n;o++){s=Ft(s,e,n);const c=ot(s,r);if(document.getElementById(c))return c}},Ft=(e,t,r)=>{let n=e.row,s=e.column;return t==="ArrowLeft"?s--:t==="ArrowUp"?n--:t==="ArrowRight"?s++:t==="ArrowDown"&&n++,s<0&&(s=r-1,n--),s>r-1&&(s=0,n++),{column:s,row:n}},Ht=({month:e,onClick:t,selected:r,locale:n,autoFocus:s,monthPickerId:o,position:c,size:l})=>{const u=i.useMemo(()=>W.startCase(d.format(e,"MMM",{locale:n})),[n,e]),f=i.useMemo(()=>W.startCase(d.format(e,"MMMM",{locale:n})),[n,e]),h=i.useRef(null),x=ot(c,o),g=r?0:-1;i.useEffect(()=>{var b;(b=h.current)==null||b.focus()},[]);const D=i.useCallback(b=>{var k;const y=vt(b.key,c,o,4);y&&((k=document.getElementById(y))==null||k.focus())},[o,c]);return a.jsx(m.Row,{justifyContent:"center",onKeyDown:D,children:r?a.jsx(j.PrimaryButton,{id:x,"aria-label":f,label:u,onClick:t,"aria-selected":!0,autoFocus:s,ref:h,size:l==="large"?"large":"medium",tabIndex:g}):a.jsx(j.FlatButton,{id:x,label:u,"aria-label":f,onClick:t,size:l==="large"?"large":"medium",tabIndex:g})})},Ot=(e,t,r)=>{let n=e.getFullYear(),s=0,o=0,c=e;const l={yearOrder:[],rows:[],years:{},lastMonthColumn:-1,lastMonthRow:-1};for(let u=0;u<t;u++){if(l.years[n]==null&&(l.yearOrder.push(n),l.years[n]={year:n,rows:[]}),l.rows[s]=l.rows[s]??{columns:[],rowIndex:s},l.rows[s].columns[o]={position:{column:o,row:s},month:c},u===t-1){l.years[n].rows.push(s);break}c=d.addMonths(c,1),c.getFullYear()!==n?(l.years[n].rows.push(s),n++,o=0,s++):(o++,o>r-1&&(l.years[n].rows.push(s),o=0,s++))}return l.lastMonthColumn=o,l.lastMonthRow=s,l},Ye=()=>i.useMemo(()=>new Date,[]),le=({value:e,onValueChange:t,locale:r=F.enGB,firstMonth:n,numMonths:s,onCancel:o,size:c="medium"})=>{const l=i.useId(),u=Ye(),f=s>0?s:12,[h,x]=i.useState(!1),g=Ot(n,f,$t(c)),D=i.useMemo(()=>d.addMonths(n,f),[f,n]);i.useEffect(()=>{x(!0)},[]);const b=i.useCallback(y=>{y.key==="Escape"&&(o==null||o(),y.preventDefault(),y.stopPropagation())},[o]);return a.jsx(m.Column,{gap:1,maxWidth:Wt(c),onKeyDown:b,children:g.yearOrder.map((y,k)=>{const{rows:S}=g.years[y];return a.jsxs(Ne.Fragment,{children:[(k!==0||y!==u.getFullYear())&&a.jsx(m.Heading,{variant:"h4",children:y}),a.jsx("table",{style:{borderSpacing:"0 8px"},children:a.jsx("tbody",{children:S.map(w=>{const{columns:p}=g.rows[w];return a.jsx("tr",{children:p.map(({month:M,position:R})=>a.jsx("td",{children:a.jsx(Ht,{month:M,firstAvailableMonth:n,lastAvailableMonth:D,locale:r,selected:e?d.isSameMonth(e,M):!1,autoFocus:h,onClick:()=>t==null?void 0:t(M),monthPickerId:l,position:R,size:c})},M.getMonth()))},w)})})})]},y)})})},Wt=e=>{switch(e){case"small":return"280px";case"medium":return"336px";case"large":return"448px";default:return m.exhaustSwitchCase(e,"336px")}},$t=e=>{switch(e){case"small":return 3;case"medium":return 4;case"large":return 5;default:return m.exhaustSwitchCase(e,4)}},Ut=e=>[{label:"Past",presets:[{label:"Last 3 days",startDate:e,endDate:d.subDays(e,2)},{label:"Last 7 days",startDate:e,endDate:d.subDays(e,6)},{label:"Last 30 days",startDate:e,endDate:d.subDays(e,29)},{label:"Last 45 days",startDate:e,endDate:d.subDays(e,44)}]},{label:"Future",presets:[{label:"Next 3 days",startDate:e,endDate:d.addDays(e,2)},{label:"Next 7 days",startDate:e,endDate:d.addDays(e,6)},{label:"Next 30 days",startDate:e,endDate:d.addDays(e,29)},{label:"Next 45 days",startDate:e,endDate:d.addDays(e,44)}]}],at=({onClickPreset:e})=>{const[t,r]=i.useState(0),n=i.useMemo(()=>Ut(new Date),[]),s=n[t]??n[0];return a.jsxs(m.Column,{children:[a.jsxs(m.Row,{justifyContent:"space-between",alignItems:"center",width:"200px",children:[a.jsx(j.FlatButton,{size:"small",leftIcon:j.stenaAngleLeft,disabled:t===0,onClick:()=>r(t-1)}),a.jsx(m.Text,{children:s.label}),a.jsx(j.FlatButton,{size:"small",leftIcon:j.stenaAngleRight,disabled:t===n.length-1,onClick:()=>r(t+1)})]}),a.jsx(m.Space,{}),a.jsx(m.Column,{alignItems:"center",children:s.presets.map(o=>a.jsxs(Ne.Fragment,{children:[a.jsx(j.PrimaryButton,{label:o.label,onClick:()=>e(o)}),a.jsx(m.Space,{})]},o.label))})]})},qt=function({locale:t,dateInFocus:r,setDateInFocus:n,currentPanel:s,setCurrentPanel:o,renderMonthPicker:c,...l}){const u=i.useCallback(h=>{n&&n(h),o("calendar")},[n,o]),f=i.useCallback(()=>{o("month")},[o]);switch(s){case"calendar":return a.jsx(xe,{...l,date:r,onClickMonth:f,locale:t});case"month":return c?c({value:r,onValueChange:u,locale:t,firstMonth:new Date,numMonths:24,dateInFocus:r}):a.jsx(le,{value:r,onValueChange:u,locale:t,firstMonth:new Date,numMonths:24});case"presets":return a.jsx(at,{onClickPreset:()=>{}});default:return a.jsx(m.Box,{children:a.jsx(j.PrimaryButton,{label:"Show calendar",onClick:()=>o("calendar")})})}},zt=(e,t,r,n)=>{const s=i.useCallback(()=>{const u=d.addMonths(e,r??n??1);t==null||t(u)},[t,e,r,n]),o=i.useCallback(()=>{const u=d.addYears(e,1);t==null||t(u)},[t,e]),c=i.useCallback(()=>{const u=d.subMonths(e,r??n??1);t==null||t(u)},[t,e,r,n]),l=i.useCallback(()=>{const u=d.subYears(e,1);t==null||t(u)},[t,e]);return{nextMonth:s,prevMonth:c,nextYear:o,prevYear:l}},Kt=({children:e,prevMonth:t,nextMonth:r,prevYear:n,nextYear:s})=>a.jsxs("div",{children:[e,a.jsx(m.Indent,{children:a.jsxs(m.Row,{gap:1,children:[a.jsx(j.SecondaryButton,{onClick:n,leftIcon:j.stenaAngleLeftDouble}),a.jsx(j.SecondaryButton,{onClick:t,leftIcon:j.stenaArrowLeft}),a.jsx(m.Indent,{num:2}),a.jsx(j.SecondaryButton,{onClick:r,leftIcon:j.stenaArrowRight}),a.jsx(j.SecondaryButton,{onClick:s,leftIcon:j.stenaAngleRightDouble})]})}),a.jsx(m.Space,{})]}),Gt=()=>{};function oe({monthSwitcherPlacement:e,theme:t=ne,dateInFocus:r,setDateInFocus:n,currentPanel:s,setCurrentPanel:o,onSelectPreset:c=Gt,renderMonthPicker:l,...u}){const{nextMonth:f,prevMonth:h,nextYear:x,prevYear:g}=zt(r,n,u.monthsPerRow,u.numMonths);switch(Jt(e,u.numMonths)){case"below":return a.jsx(Kt,{theme:t,nextMonth:f,prevMonth:h,nextYear:x,prevYear:g,children:a.jsx(xe,{...u,theme:t,date:r})});case"header":return a.jsx(m.Column,{children:a.jsx(qt,{...u,theme:t,renderMonthPicker:l,dateInFocus:r,setDateInFocus:n,currentPanel:s,setCurrentPanel:o,onSelectPreset:c,headerRightContent:a.jsxs(m.Row,{alignItems:"center",gap:1,children:[a.jsx(j.SecondaryButton,{onClick:h,leftIcon:j.stenaArrowLeft}),a.jsx(j.SecondaryButton,{onClick:f,leftIcon:j.stenaArrowRight})]})})});default:return a.jsx(xe,{...u,theme:t,date:r})}}const Jt=(e,t)=>e||(t||1)>1?"below":"header",it=e=>({startDate:e.startDate?d.format(e.startDate,"yyyy-MM-dd"):void 0,endDate:e.endDate?d.format(e.endDate,"yyyy-MM-dd"):void 0}),ct=({startDate:e,endDate:t})=>{const r=new Date;return{startDate:e?d.parse(e,"yyyy-MM-dd",r):void 0,endDate:t?d.parse(t,"yyyy-MM-dd",r):void 0}},ve=({startDate:e,endDate:t})=>!!(e&&t&&!d.isSameDay(e,t)&&d.isAfter(e,t)),Fe=e=>ve(e)?{startDate:e.endDate,endDate:e.startDate}:e,Qt=e=>e.startDate&&e.endDate?it(Fe(ct(e))):e,Xt=(e,t,r,n)=>i.useCallback(s=>{const o={startDate:r==="startDate"?s.date:e==null?void 0:e.startDate,endDate:r==="endDate"?s.date:e==null?void 0:e.endDate};ve(o)||n(r==="startDate"?"endDate":"startDate"),t==null||t(Fe(o))},[r,t,n,e==null?void 0:e.endDate,e==null?void 0:e.startDate]),ke=e=>{const[t,r]=i.useState("calendar"),n=i.useCallback(s=>{r(s),e==null||e(s)},[e]);return{currentPanel:t,setCurrentPanel:n}},lt=({focusedInput:e,value:t,onValueChange:r,setFocusedInput:n,statePerMonth:s,onChangePanel:o,initialDateInFocus:c})=>{const{currentPanel:l,setCurrentPanel:u}=ke(o),[f,h]=i.useState(()=>c??new Date),x=Xt(t,r,e,n),g=i.useMemo(()=>ce(s,t==null?void 0:t.startDate,t==null?void 0:t.endDate),[s,t==null?void 0:t.endDate,t==null?void 0:t.startDate]);return{onClickDay:x,statePerMonth:g,currentPanel:l,setCurrentPanel:u,setDateInFocus:h,dateInFocus:f}};function Zt(e){const t=lt(e);return a.jsx(oe,{...e,...t})}const Vt=()=>{const[e,t]=i.useState(),[r,n]=i.useState(),[s,o]=i.useState("startDate");return{startDate:e,setStartDate:t,endDate:r,setEndDate:n,focusedInput:s,setFocusedInput:o}},dt=({onChange:e,value:t,statePerMonth:r,onChangePanel:n})=>{const{currentPanel:s,setCurrentPanel:o}=ke(n),[c,l]=i.useState(()=>t??new Date),u=i.useCallback(h=>{e&&e(h.date)},[e]),f=i.useMemo(()=>t?V(r,t,["selected","singleSelected"]):r,[r,t]);return{onClickDay:u,statePerMonth:f,date:t,currentPanel:s,setCurrentPanel:o,dateInFocus:c,setDateInFocus:l}};function He(e){const t=dt(e);return a.jsx(oe,{...e,...t})}const ut=({onChange:e,value:t,statePerMonth:r,onChangePanel:n})=>{const{currentPanel:s,setCurrentPanel:o}=ke(n),[c,l]=i.useState(()=>new Date),u=i.useCallback(h=>{if(!e)return;const x=t&&t.find(g=>d.isSameDay(g,h.date));e(t&&x?t.filter(g=>!d.isSameDay(g,h.date)):[...t||[],h.date])},[e,t]),f=i.useMemo(()=>t?t.reduce((h,x)=>V(h,x,["selected"]),r):r,[r,t]);return{onClickDay:u,statePerMonth:f,currentPanel:s,setCurrentPanel:o,dateInFocus:c,setDateInFocus:l}};function er(e){const t=ut(e);return a.jsx(oe,{...e,...t})}const ft=({onChange:e,value:t,statePerMonth:r,onChangePanel:n,locale:s=F.enGB})=>{const[o,c]=i.useState(()=>{const D=Te(t,s);return D?D.days[0].date:new Date}),{currentPanel:l,setCurrentPanel:u}=ke(n),f=i.useCallback(D=>{e&&e($e(Se(D.date,s)))},[s,e]),h=i.useCallback(D=>{e&&e($e(D))},[e]),x=i.useMemo(()=>{const D=Te(t,s);return D?Ke(r,D):r},[t,s,r]),g=i.useMemo(()=>{const D=Te(t,s);return D?D.days[0].date:new Date},[s,t]);return{statePerMonth:x,date:g,dateInFocus:o,setDateInFocus:c,onClickDay:f,onClickWeek:h,currentPanel:l,setCurrentPanel:u}},$e=e=>{if(e)return`${e.endYear}-${e.weekNumber}`},Te=(e,t)=>{if(!e)return;const r=e.split("-"),n=parseInt(r[1],10),s=parseInt(r[0],10),o=new Date;o.setFullYear(s);const c=d.startOfWeek(d.setWeek(o,n),{locale:t});return Se(c,t)};function tr(e){const t=ft(e);return a.jsx(oe,{...e,...t})}const fe="bottom",rr=(e,t,r)=>{const[n,s]=i.useState(r||!1),o=i.useCallback(()=>(s(!0),!0),[s]),c=i.useCallback(()=>{s(!1),t&&t()},[s,t]),l=i.useCallback(u=>{e&&e(u),setTimeout(c,150)},[e,c]);return{showCalendar:o,hideCalendar:c,showingCalendar:n,onSelectDate:l}},he="2999-12-31",nr=({displayFormat:e=ee.fullDate,placeholder:t="Enter date",value:r,calendarTheme:n=ne,calendarProps:s,openOnMount:o,onClose:c,onChange:l,variant:u,width:f,minDate:h,maxDate:x=he,disabled:g})=>{const{hideCalendar:D,showingCalendar:b,onSelectDate:y,showCalendar:k}=rr(l,c,o);return a.jsx(m.Box,{width:f,children:a.jsx(de.ControlledPopover,{hideArrow:!0,open:b,onRequestClose:D,renderTrigger:S=>a.jsx(m.Box,{...S,children:a.jsx(Z.TextInput,{type:"date",onFocus:k,buttonRight:a.jsx(j.TextInputButton,{onClick:k,icon:j.stenaCalendar}),value:r?d.format(r,e):"",placeholder:t,size:9,disabled:g,autoFocus:o,variant:u,min:h,max:x})}),placement:fe,children:a.jsx(He,{...s,onChange:y,value:r,theme:n,minDate:h,maxDate:x})})})},sr=(e,t)=>{const r=i.useRef(null),n=i.useRef(null),[s,o]=i.useState(!1),[c,l]=i.useState(void 0),u=i.useCallback(()=>(l("startDate"),o(!0),!0),[l,o]),f=i.useCallback(()=>(l("endDate"),o(!0),!0),[l,o]),h=i.useCallback(()=>{o(!1)},[o]),x=i.useCallback(D=>{c==="startDate"?(t==null||t({startDate:D.date,endDate:e==null?void 0:e.endDate}),e!=null&&e.endDate?setTimeout(h,150):(l("endDate"),n.current&&n.current.focus())):c==="endDate"&&(t==null||t({startDate:e==null?void 0:e.startDate,endDate:D.date}),e!=null&&e.startDate?setTimeout(h,150):(l("startDate"),r.current&&r.current.focus()))},[c,t,l,h,e]),g=i.useMemo(()=>(e==null?void 0:e.startDate)&&(e==null?void 0:e.endDate)&&d.isAfter(e.startDate,e.endDate),[e==null?void 0:e.startDate,e==null?void 0:e.endDate]);return{showingCalendar:s,hideCalendar:h,showCalendarEndDate:f,showCalendarStartDate:u,focusedInput:c,setFocusedInput:l,startDateInputRef:r,endDateInputRef:n,onClickDay:x,startDateIsAfterEnd:g}};function or({displayFormat:e=ee.fullDate,placeholderStartDate:t="Start date",placeholderEndDate:r="End date",value:n,onValueChange:s,width:o,calendarTheme:c=ne,calendarProps:l,minDate:u,maxDate:f=he,disabled:h}){const[x,g]=i.useState("calendar"),{hideCalendar:D,showCalendarEndDate:b,showCalendarStartDate:y,showingCalendar:k,focusedInput:S,startDateInputRef:w,endDateInputRef:p,onClickDay:M,startDateIsAfterEnd:R}=sr(n,s),[C,A]=i.useState(()=>(S&&(n==null?void 0:n[S]))??new Date),T=i.useMemo(()=>ce(void 0,n==null?void 0:n.startDate,n==null?void 0:n.endDate),[n]);return a.jsx(de.ControlledPopover,{hideArrow:!0,renderTrigger:E=>a.jsxs(m.Row,{alignItems:"center",...E,children:[a.jsx(Z.TextInput,{iconLeft:j.stenaCalendar,onFocus:y,value:n!=null&&n.startDate?d.format(n.startDate,e):"",placeholder:t,width:o,disabled:h,inputRef:w,size:9,variant:R?"error":void 0}),a.jsx(m.Space,{}),a.jsx(j.Icon,{icon:j.stenaArrowWideRight,color:we.cssColor("--lhds-color-ui-500"),size:14}),a.jsx(m.Space,{}),a.jsx(Z.TextInput,{iconLeft:j.stenaCalendar,onFocus:b,value:n!=null&&n.endDate?d.format(n.endDate,e):"",placeholder:r,width:o,disabled:h,inputRef:p,size:9,variant:R?"error":void 0})]}),open:k,placement:fe,onRequestClose:D,children:a.jsx(oe,{...l,dateInFocus:C,setDateInFocus:A,statePerMonth:T,theme:c,onClickDay:M,currentPanel:x,setCurrentPanel:g,minDate:u,maxDate:f})})}const ar=({calendarProps:e,closeOnCalendarSelectDate:t=!0,dateFormat:r=ee.fullDate,disableCalender:n=!1,onValueChange:s,placeholder:o="yyyy-mm-dd",value:c,width:l="130px",calendarTheme:u=ne,hideCalenderIcon:f=!1,minDate:h,maxDate:x=he,variant:g,...D})=>{const[b,y]=i.useState(!1),k=i.useCallback(()=>{y(!b)},[y,b]),S=i.useCallback(()=>{y(!1)},[y]),w=i.useCallback(T=>{s&&s(T)},[s]),p=i.useCallback(T=>{T&&(w(d.format(T,r)),t&&setTimeout(()=>y(!b),200))},[w,r,t,y,b]),M=!!c&&!/^[-/\\.0-9]+$/.test(c),R=!!c&&d.isValid(d.parse(c,r,new Date)),A=!!c&&c.length>=r.length&&!R||M;return a.jsx(m.Box,{width:l,children:a.jsx(de.ControlledPopover,{renderTrigger:T=>a.jsx(Z.TextInput,{...D,variant:A?"error":g,disableContentPaddingRight:!0,contentRight:f?void 0:a.jsx(m.Row,{alignItems:"center",indent:.5,children:a.jsx(j.FlatButton,{size:"small",disabled:D.disabled||n,leftIcon:j.stenaCalendar,onClick:k})}),onValueChange:w,placeholder:o,value:c||"",min:h,max:x,size:10,...T}),hideArrow:!0,open:b,placement:fe,onRequestClose:S,children:a.jsx(He,{...e,onChange:p,value:c&&R?d.parse(c,r,new Date):void 0,minDate:h,maxDate:x,theme:u})})})},be=e=>{if(e==="")return"00";const t=parseInt(e,10);if(isNaN(t))throw new Error("Hours is not a number");if(t<0||t>23)throw new Error("Hours is an invalid number");switch(e.length){case 1:return`0${t}`;case 2:return e;default:throw new Error("Invalid hour string")}},pe=e=>{if(e==="")return"00";const t=parseInt(e,10);if(isNaN(t))throw new Error("Minutes is not a number");if(t<0||t>59)throw new Error("Minutes is an invalid number");switch(e.length){case 1:return`0${t}`;case 2:return e;default:throw new Error("Invalid minute string")}},ir=e=>{if(!Ee(e))return{time:e,success:!1};const t=e&&e.split(/-|:|,|;|[/]|[.]| /);if(t&&t.length===2)try{const r=be(t[0]),n=pe(t[1]);return{time:`${r}:${n}`,success:!0}}catch{return{time:e,success:!1}}else if(t&&t.length===1){let r=0,n=0;switch(e.length){case 1:return{time:`0${e}:00`,success:!0};case 2:{const s=parseInt(t[0],10);return s>=0&&s<24?{time:`${e}:00`,success:!0}:s>=24&&s<59?{time:`00:${e}`,success:!0}:{time:e,success:!1}}case 3:return n=parseInt(e.substring(1,3),10),n>=0&&n<=59?{time:`0${e.substring(0,1)}:${e.substring(1,3)}`,success:!0}:{time:e,success:!1};case 4:return r=parseInt(e.substring(0,2),10),n=parseInt(e.substring(2,4),10),r<0||r>23?{time:e,success:!1}:n<0||n>59?{time:e,success:!1}:{time:`${e.substring(0,2)}:${e.substring(2,4)}`,success:!0};default:return{time:e,success:!1}}}return{time:e,success:!1}},Ee=e=>e?/^[-:.,/; 0-9]+$/.test(e):!0,cr=({onValueChange:e,showPlaceholder:t=!0,useIcon:r=!0,value:n,width:s="85px",variant:o,...c})=>{const[l,u]=i.useState(()=>Ee(n)),f="hh:mm",h=i.useCallback(()=>{if(n){const g=ir(n);u(g.success),g.success&&e&&e(g.time)}},[n,e,u]),x=i.useCallback(g=>{const D=g.target.value,b=Ee(D);u(b&&D.length<=f.length),e&&e(D)},[e,u]);return a.jsx(Z.TextInput,{...c,type:"time",variant:l?o:"error",iconLeft:r?j.stenaClock:void 0,value:n,placeholder:t?f:void 0,onChange:x,onBlur:h,width:s})},ht=({autoFocusLeft:e,autoFocusRight:t,onEsc:r,onEnter:n,onValueChangeLeft:s,onValueChangeRight:o,separatorIcon:c,placeholderLeft:l,placeholderRight:u,typeLeft:f,typeRight:h,onChangeLeft:x,onChangeRight:g,valueLeft:D,valueRight:b,minLeft:y,maxLeft:k,minRight:S,maxRight:w,onClickLeft:p,onClickRight:M,onClickCalendar:R,onClickArrowDown:C,onBlurLeft:A,onBlurRight:T,onFocusLeft:E,onFocusRight:I,inputRefLeft:L,inputRefRight:Y,variant:P,variantLeft:v,variantRight:U,onBlur:H,showPresets:q,widthLeft:J,widthRight:z,disabled:O})=>{const _=i.useRef(0),B=i.useMemo(()=>W.debounce(Q=>{Q===0&&(H==null||H())},10),[H]),N=i.useCallback(Q=>{_.current++,B(_.current),E&&E(Q)},[E,_,B]),G=i.useCallback(Q=>{_.current++,B(_.current),I&&I(Q)},[I,_,B]),$=i.useCallback(Q=>{_.current--,B(_.current),A&&A(Q)},[A,_,B]),wt=i.useCallback(Q=>{_.current--,B(_.current),T&&T(Q)},[T,_,B]);return a.jsx(m.Box,{children:a.jsxs(Z.TextInputBox,{disableContentPaddingRight:!0,disabled:O,variant:P,contentRight:a.jsxs(m.Row,{alignItems:"center",children:[a.jsx(m.Indent,{num:.5,children:a.jsx(j.FlatButton,{leftIcon:j.stenaCalendar,onClick:R,disabled:O,size:"small"})}),q?a.jsxs(a.Fragment,{children:[a.jsx(m.Row,{height:"22px",children:a.jsx(m.SeparatorLine,{vertical:!0})}),a.jsx(m.Indent,{num:.5,children:a.jsx(j.FlatButton,{leftIcon:j.stenaAngleDown,onClick:C,disabled:O,size:"small"})})]}):null]}),children:[a.jsx(m.Box,{width:J,children:a.jsx(Z.TextInput,{onEsc:r,onEnter:n,onClick:p,disabled:O,hideBorder:!0,placeholder:l,value:D,onValueChange:s,onChange:x,onBlur:$,onFocus:N,inputRef:L,variant:v,type:f,autoFocus:e,min:y,max:k})}),a.jsx(m.Row,{indent:.5,alignItems:"center",justifyContent:"center",children:a.jsx(j.Icon,{icon:c,size:12,color:we.cssColor("--lhds-color-ui-500")})}),a.jsx(m.Box,{width:z,children:a.jsx(Z.TextInput,{onEsc:r,onEnter:n,onClick:M,disabled:O,hideBorder:!0,placeholder:u,value:b,onValueChange:o,onChange:g,onBlur:wt,onFocus:G,inputRef:Y,variant:U,type:h,autoFocus:t,min:S,max:w})})]})})},lr=e=>{if(e==null)throw new Error("Time is not set.");if(e==="")throw new Error("Time is empty.");const t=e.split(":");if(t.length!==2)throw new Error("Invalid time.");if(t[1].length!==2)throw new Error("Invalid time.");if(t[0].length<1||t[0].length>2)throw new Error("Invalid time.");const r=parseInt(t[0],10),n=parseInt(t[1],10);if(isNaN(r))throw new Error("Invalid time.");if(isNaN(n))throw new Error("Invalid time.");if(r<0||r>23)throw new Error("Invalid time.");if(n<0||n>59)throw new Error("Invalid time.");return r*100+n},dr=e=>{try{return lr(e),!0}catch{return!1}},De=e=>{if(e&&dr(e)){const t=e.split(":");return{hour:m.parseIntElseUndefined(t[0]),minute:m.parseIntElseUndefined(t[1])}}return{hour:void 0,minute:void 0}},ur=e=>`${be(String(e.getHours()))}:${pe(String(e.getMinutes()))}`,fr="_timePicker_1w05d_1",hr="_timePickerColumn_1w05d_6",mt={timePicker:fr,timePickerColumn:hr},mr=({onClick:e,item:t,selected:r,columnRef:n,canScrollRef:s})=>{const o=i.useRef(null);return i.useEffect(function(){if(r&&n.current&&o.current&&s.current){const l=o.current.scrollHeight*Math.max(t-2,0);n.current.scrollTo(0,l),s.current=!1}},[n,t,r,s]),a.jsx(m.Row,{width:"64px",justifyContent:"center",spacing:.5,indent:.5,ref:o,children:r?a.jsx(j.PrimaryButton,{label:W.padStart(String(t),2,"0"),onClick:()=>e&&e(t)}):a.jsx(j.FlatButton,{label:String(t).padStart(2,"0"),onClick:()=>e&&e(t)})})},Ue=({onClick:e,items:t,selectedItem:r,canScrollRef:n})=>{const s=i.useRef(null);return a.jsx(m.Column,{className:mt.timePickerColumn,ref:s,children:t.map(o=>a.jsx(mr,{item:o,onClick:e,selected:o===r,columnRef:s,canScrollRef:n},o))})},gr=W.range(0,24),Dr=W.range(0,60),xr=({value:e,onValueChange:t})=>{const r=i.useRef(!0),[n,s]=i.useState(void 0),[o,c]=i.useState(void 0);i.useEffect(()=>{if(e){const{minute:f,hour:h}=De(e);s(h),c(f)}},[e]);const l=i.useCallback(f=>{s(f),t==null||t(`${be(String(f??0))}:${pe(String(o??0))}`)},[o,t]),u=i.useCallback(f=>{c(f),t==null||t(`${be(String(n??0))}:${pe(String(f??0))}`)},[n,t]);return a.jsxs(m.Row,{className:mt.timePicker,children:[a.jsx(Ue,{items:gr,onClick:l,selectedItem:n,canScrollRef:r}),a.jsx(m.Indent,{}),a.jsx(Ue,{items:Dr,onClick:u,selectedItem:o,canScrollRef:r})]})},br=(e,t,r)=>{i.useEffect(function(){e&&t(e)},[e,t]),i.useEffect(function(){r.current&&(e?r.current.valueAsDate=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())):r.current.valueAsDate=null)},[e,r])},pr=(e,t,{setDateInFocus:r,showCalendarInternal:n,hideCalendarInternal:s,setFirstFocusedInput:o,setCurrentPanel:c,localTime:l,setLocalTime:u,localDate:f,setLocalDate:h},x)=>{const g=i.useCallback(w=>{if(!w)return;const p=new Date(w);if(e)p.setHours(e.getHours()),p.setMinutes(e.getMinutes()),t==null||t(p),h(void 0);else if(l){const{minute:M,hour:R}=De(l);p.setHours(R??0),p.setMinutes(M??0),t==null||t(p),h(void 0)}else h(p);r(p),x.current&&(x.current.valueAsDate=new Date(Date.UTC(p.getFullYear(),p.getMonth(),p.getDate())))},[e,x,l,t,r,h]),D=i.useCallback(w=>{if(w)if(e){const p=De(w),M=new Date(e);M.setHours(p.hour||0),M.setMinutes(p.minute||0),t==null||t(M),u(void 0)}else if(f){const p=De(w),M=new Date(f);M.setHours(p.hour||0),M.setMinutes(p.minute||0),t==null||t(M),u(void 0)}else u(w)},[t,e,f,u]),b=i.useCallback(w=>{w.target.value[0]!=="0"&&g(w.target.valueAsDate)},[g]),y=i.useCallback(w=>D(w.target.value),[D]),k=i.useCallback(()=>{r(e||new Date),c("calendar"),n()},[e,c,n,r]),S=i.useCallback(()=>{o(void 0),s()},[o,s]);return{inputLeftChangeHandler:b,inputRightChangeHandler:y,hideCalendar:S,showCalendar:k,onChangeTime:D,onChangeDate:g}},yr=e=>{const[t,r]=i.useState(void 0),[n,s]=i.useState(void 0),[o,c,l]=m.useBoolean(!1),[u,f,h]=m.useBoolean(!1),[x,g]=i.useState(void 0),[D,b]=i.useState(()=>e??new Date),[y,k]=i.useState("calendar");return{isCalendarVisible:o,showCalendarInternal:c,hideCalendarInternal:l,firstFocusedInput:x,setFirstFocusedInput:g,dateInFocus:D,setDateInFocus:b,currentPanel:y,setCurrentPanel:k,isTimePickerVisible:u,showTimePicker:f,hideTimePicker:h,localDate:t,setLocalDate:r,localTime:n,setLocalTime:s}},wr=(e,t,r,n,{isCalendarVisible:s,setCurrentPanel:o,showTimePicker:c,hideTimePicker:l})=>{const u=i.useCallback(()=>{s||r(),o("calendar"),l()},[l,s,o,r]),f=i.useCallback(()=>{n(),c()},[n,c]),h=i.useCallback(b=>{e(b.date),n(),c()},[e,n,c]),x=i.useCallback(()=>{o("presets"),r()},[o,r]),g=i.useCallback(()=>{var b;s?n():((b=t.current)==null||b.focus(),o("calendar"),r())},[s,n,t,o,r]),D=i.useCallback(b=>{b.key==="Escape"&&n()},[n]);return{onFocusLeft:u,onFocusRight:f,onClickDay:h,onClickArrowButton:x,onClickCalendarButton:g,onKeyDownHandler:D}},Sr=({value:e,onValueChange:t,onEnter:r,onEsc:n,onBlur:s,autoFocus:o,minDate:c,widthLeft:l=128,widthRight:u=80,maxDate:f=he,variant:h,disabled:x})=>{const g=i.useRef(null),D=i.useRef(null),b=yr(e),{setCurrentPanel:y,currentPanel:k,isCalendarVisible:S,dateInFocus:w,setDateInFocus:p,isTimePickerVisible:M,hideTimePicker:R,localTime:C,localDate:A}=b,{showCalendar:T,hideCalendar:E,inputLeftChangeHandler:I,inputRightChangeHandler:L,onChangeTime:Y,onChangeDate:P}=pr(e,t,b,g),{onKeyDownHandler:v,onFocusRight:U,onFocusLeft:H,onClickDay:q,onClickCalendarButton:J,onClickArrowButton:z}=wr(P,g,T,E,b);br(e,p,g);const O=i.useMemo(()=>{const $=e||A;return $?V(void 0,$,["singleSelected","selected"]):{}},[A,e]),_=i.useCallback(()=>{E(),R()},[E,R]),B=i.useMemo(()=>e?ur(e):C,[e,C]),N=m.useDelayedFalse(S,300),G=m.useDelayedFalse(M,300);return a.jsx(m.Box,{onKeyDown:v,children:a.jsx(de.ControlledPopover,{hideArrow:!0,renderTrigger:$=>a.jsx(m.Box,{...$,children:a.jsx(ht,{autoFocusLeft:o,onEsc:n,onEnter:r,onBlur:s,disabled:x,separatorIcon:j.stenaClock,typeLeft:"date",typeRight:"time",placeholderLeft:"yyyy-mm-dd",placeholderRight:"hh:mm",onChangeLeft:I,onChangeRight:L,onClickArrowDown:z,onClickCalendar:J,onFocusLeft:H,onFocusRight:U,onClickLeft:H,onClickRight:U,inputRefLeft:g,inputRefRight:D,valueRight:B??"",widthLeft:l,widthRight:u,minLeft:c,maxLeft:f,variant:h})}),placement:fe,open:S||M,onRequestClose:_,children:(N||G)&&a.jsx(m.Column,{children:N?a.jsx(oe,{statePerMonth:O,onClickDay:q,dateInFocus:w,setDateInFocus:p,currentPanel:k,setCurrentPanel:y,minDate:c,maxDate:f}):G?a.jsxs(m.Column,{children:[a.jsx(m.Column,{overflow:"hidden",height:"250px",children:a.jsx(xr,{value:B??"",onValueChange:Y})}),a.jsx(m.Space,{}),a.jsx(m.Row,{justifyContent:"flex-end",children:a.jsx(j.PrimaryButton,{label:"Done",onClick:R})})]}):null})})})},kr=({value:e,onValueChange:t,year:r})=>{const n=String(r);return a.jsx(m.Row,{justifyContent:"center",children:e===r?a.jsx(j.PrimaryButton,{label:n,onClick:()=>t==null?void 0:t(r)}):a.jsx(j.FlatButton,{label:n,onClick:()=>t==null?void 0:t(r)})})},jr=({value:e,onValueChange:t,initialLastYear:r})=>{const[n,s]=i.useState(()=>e?e+4:r??new Date().getFullYear()+4),o=i.useMemo(()=>{const c=n-11;return W.chunk(W.range(c,n+1),3)},[n]);return i.useEffect(()=>{s(c=>Mr(e,c))},[e]),a.jsxs(m.Row,{children:[a.jsx(m.Column,{justifyContent:"center",children:a.jsx(j.FlatButton,{leftIcon:j.stenaArrowLeft,onClick:()=>s(n-3)})}),a.jsx(m.Column,{gap:1,children:o.map(c=>a.jsx(m.Row,{gap:1,children:c.map(l=>a.jsx(kr,{year:l,onValueChange:t,value:e},l))},c[0]))}),a.jsx(m.Column,{justifyContent:"center",children:a.jsx(j.FlatButton,{leftIcon:j.stenaArrowRight,onClick:()=>s(n+3)})})]})},Mr=(e,t)=>{if(e==null)return t;if(e>t){const n=e-t,s=n%3,o=n-s+3;return t+o}const r=t-11;if(e<r){const n=r-e,s=n%3,o=n-s+3;return t-o}return t},Rr=(e,t,r,n,s)=>{i.useEffect(function(){e&&r(e)},[e,r]),i.useEffect(function(){t&&r(t)},[t,r]),i.useEffect(function(){n.current&&(e?n.current.valueAsDate=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())):n.current.valueAsDate=null)},[e,n]),i.useEffect(function(){s.current&&(t?s.current.valueAsDate=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate())):s.current.valueAsDate=null)},[t,s])},Tr=(e,t,r,{setDateInFocus:n,showCalendarInternal:s,hideCalendarInternal:o,setFirstFocusedInput:c,setCurrentPanel:l})=>{const u=i.useCallback(g=>{g.target.value[0]!=="0"&&(r==null||r({startDate:g.target.valueAsDate??void 0,endDate:t}))},[r,t]),f=i.useCallback(g=>{g.target.value[0]!=="0"&&(r==null||r({startDate:e,endDate:g.target.valueAsDate??void 0}))},[r,e]),h=i.useCallback(()=>{n(e||t||new Date),l("calendar"),s()},[e,t,l,s,n]),x=i.useCallback(()=>{c(void 0),o()},[c,o]);return{inputLeftChangeHandler:u,inputRightChangeHandler:f,hideCalendar:x,setDateInFocus:n,setCurrentPanel:l,showCalendar:h}},Ir=(e,t)=>{const[r,n,s]=m.useBoolean(!1),[o,c]=i.useState(void 0),[l,u]=i.useState("startDate"),[f,h]=i.useState(()=>(l==="startDate"?e:l==="endDate"?t:void 0)??new Date),[x,g]=i.useState("calendar");return{isCalendarVisible:r,showCalendarInternal:n,hideCalendarInternal:s,firstFocusedInput:o,setFirstFocusedInput:c,focusedInput:l,setFocusedInput:u,dateInFocus:f,setDateInFocus:h,currentPanel:x,setCurrentPanel:g}},Cr=(e,t,r,n,s,o,c,{firstFocusedInput:l,setFirstFocusedInput:u,isCalendarVisible:f,setFocusedInput:h,focusedInput:x,setCurrentPanel:g})=>{const D=i.useCallback(()=>{l==null&&u("startDate"),h("startDate"),f||o()},[f,h,o,u,l]),b=i.useCallback(()=>{l==null&&u("endDate"),h("endDate"),f||o()},[f,h,o,u,l]),y=i.useCallback(p=>{var M,R,C,A;x==="startDate"?t!=null&&d.isAfter(p.date,t)?(r==null||r({startDate:p.date,endDate:void 0}),h("endDate"),(M=s.current)==null||M.focus()):(r==null||r({startDate:p.date,endDate:t}),l==="startDate"?(h("endDate"),(R=s.current)==null||R.focus()):setTimeout(c,50)):x==="endDate"&&(e?d.isAfter(e,p.date)?(r==null||r({startDate:p.date,endDate:void 0}),h("endDate"),(A=s.current)==null||A.focus()):(r==null||r({startDate:e,endDate:p.date}),setTimeout(c,50)):(r==null||r({startDate:e,endDate:p.date}),h("startDate"),(C=n.current)==null||C.focus()))},[x,r,t,l,h,s,c,e,n]),k=i.useCallback(()=>{g("presets"),o()},[g,o]),S=i.useCallback(()=>{var p;f?c():(h("startDate"),u("startDate"),(p=n.current)==null||p.focus(),g("calendar"),o())},[f,c,h,u,n,g,o]),w=i.useCallback(p=>{p.key==="Escape"&&c()},[c]);return{onFocusLeft:D,onFocusRight:b,onClickDay:y,onClickArrowButton:k,onClickCalendarButton:S,onKeyDownHandler:w}};function Br({value:e,onValueChange:t,autoFocus:r,onBlur:n,onEnter:s,onEsc:o,minDate:c,maxDate:l=he,calendarProps:u,widthLeft:f=128,widthRight:h=128,variant:x,disabled:g}){const{startDate:D,endDate:b}=e||{},y=i.useRef(null),k=i.useRef(null),S=Ir(D,b),{dateInFocus:w,setDateInFocus:p,isCalendarVisible:M,currentPanel:R,setCurrentPanel:C}=S,{showCalendar:A,hideCalendar:T,inputLeftChangeHandler:E,inputRightChangeHandler:I}=Tr(D,b,t,S),{onKeyDownHandler:L,onFocusRight:Y,onFocusLeft:P,onClickDay:v,onClickCalendarButton:U,onClickArrowButton:H}=Cr(D,b,t,y,k,A,T,S);Rr(D,b,p,y,k);const q=i.useMemo(()=>D&&b&&d.isAfter(D,b),[D,b]),J=i.useMemo(()=>qe(u==null?void 0:u.statePerMonth,D,b,w),[u==null?void 0:u.statePerMonth,D,b,w]);return a.jsx(m.Box,{onKeyDown:L,children:a.jsx(de.ControlledPopover,{hideArrow:!0,restoreFocus:!1,returnFocus:!1,renderTrigger:z=>a.jsx(m.Box,{...z,children:a.jsx(ht,{autoFocusLeft:r,onEsc:o,onEnter:s,onBlur:n,disabled:g,separatorIcon:j.stenaArrowRight,typeLeft:"date",typeRight:"date",placeholderLeft:"Start date",placeholderRight:"End date",onChangeLeft:E,onChangeRight:I,onClickArrowDown:H,onClickCalendar:U,onFocusLeft:P,onFocusRight:Y,onClickLeft:P,onClickRight:Y,inputRefLeft:y,inputRefRight:k,variant:q?"error":x,widthLeft:f,widthRight:h,minLeft:c,maxLeft:l,minRight:c,maxRight:l})}),placement:fe,onRequestClose:T,open:M,children:a.jsx(oe,{onClickDay:v,dateInFocus:w,setDateInFocus:p,currentPanel:R,setCurrentPanel:C,minDate:c,maxDate:l,...u,statePerMonth:J})})})}const _e=({onChange:e,onValueChange:t,mask:r,pipe:n,value:s,guide:o,keepCharPositions:c,placeholderChar:l,showMask:u,calendarSize:f,...h})=>{const x=i.useRef(null),{onChange:g}=St.useMaskedInput(x,e,t,r,n,s,o,c,l,u);return a.jsx(Z.LabelledTextInput,{...h,ref:x,onChange:g,width:Ar(f),size:f==="large"?"large":"medium"})},Ar=e=>{switch(e){case"small":return"140px";case"medium":return"168px";case"large":return"196px";default:return m.exhaustSwitchCase(e,"168px")}},Er=[/[1-2]/,/\d/,/\d/,/\d/],_r=[/[0-1]/,/\d/],Nr=[/[0-3]/,/\d/],gt=e=>Pr(e).flatMap(Lr),Lr=e=>{switch(e){case"yyyy":return Er;case"mm":case"MM":return _r;case"dd":case"DD":return Nr;default:return[e]}},Pr=e=>{if(e.length===0)return[];const t=[];let r=e[0];for(let n=1;n<e.length;n++)e[n]!==e[n-1]?(t.push(r),r=e[n]):r+=e[n];return t.push(r),t},ae=e=>{const r=new Intl.DateTimeFormat(e,{dateStyle:"short"}).formatToParts(new Date),n={year:"yyyy",month:"MM",day:"dd"};return r.map(s=>n[s.type]||s.value).join("")},Dt={"en-US":F.enUS,"en-GB":F.enGB,"de-AT":F.deAT,"de-DE":F.de,fr:F.fr,de:F.de,es:F.es,sv:F.sv,pl:F.pl,da:F.da,nl:F.nl,nb:F.nb},me=e=>Dt[e],Oe=()=>Dt.sv,re=(e,t,r)=>{const n=me(t);if(n==null)return;const s=d.parse(e,ae(t),r??new Date,{locale:n});if(!isNaN(s.getTime()))return s},ie=(e,t)=>d.format(e,ae(t),{locale:me(t)}),ye=(e,t)=>{const r=re(e,t);if(r!=null)return ie(r,t)},xt=({value:e,onValueChange:t,localeCode:r,startDateLabel:n="From",endDateLabel:s="To",onFocus:o,calendarSize:c})=>{const{mask:l,placeholder:u}=i.useMemo(()=>{const f=ae(r);return{mask:gt(f),placeholder:f.toLowerCase()}},[r]);return a.jsxs(m.Row,{children:[a.jsx(_e,{mask:l,value:e==null?void 0:e.startDate,onValueChange:f=>{t==null||t({startDate:f})},onBlur:f=>{const h=ye(f.target.value,r);h&&h!==(e==null?void 0:e.startDate)&&(t==null||t({startDate:h}))},onFocus:o,label:n,borderRadiusVariant:"onlyLeft",placeholder:u,calendarSize:c}),a.jsx(_e,{mask:l,value:e==null?void 0:e.endDate,onValueChange:f=>t==null?void 0:t({endDate:f}),onBlur:f=>{const h=ye(f.target.value,r);h&&h!==(e==null?void 0:e.endDate)&&(t==null||t({endDate:h}))},onFocus:o,label:s,borderRadiusVariant:"onlyRight",placeholder:u,calendarSize:c})]})},bt=(e,t,r,n)=>{const s=me(r)??Oe(),o=i.useId(),c=Ye(),l=i.useRef(null),u=i.useMemo(()=>ae(r),[r]),f=i.useMemo(()=>{var I;return((I=e==null?void 0:e.startDate)==null?void 0:I.length)===u.length?re(e.startDate,r):void 0},[u.length,r,e==null?void 0:e.startDate]),h=i.useMemo(()=>{var I;return((I=e==null?void 0:e.endDate)==null?void 0:I.length)===u.length?re(e.endDate,r):void 0},[u.length,r,e==null?void 0:e.endDate]),[x,g]=i.useState(n??f??new Date),D=i.useCallback(I=>{d.isSameMonth(I,c)||d.isAfter(I,c)?g(I):g(c)},[c]),b=i.useMemo(()=>ue(x.getFullYear(),x.getMonth(),s),[s,x]),y=i.useMemo(()=>W.startCase(d.format(x,"MMMM yyyy",{locale:s})),[s,x]),k=i.useMemo(()=>d.isSameMonth(c,x),[c,x]),[S,w]=i.useState(),[p,M]=i.useState("calendar"),R=i.useCallback(I=>{var P,v;const L=((P=I==null?void 0:I.startDate)==null?void 0:P.length)===u.length?re(I.startDate,r):void 0,Y=((v=I==null?void 0:I.endDate)==null?void 0:v.length)===u.length?re(I.endDate,r):void 0;L?D(L):Y&&D(Y),t==null||t({...e,...I})},[u.length,r,t,D,e]),C=i.useMemo(()=>d.isSameMonth(c,x)||d.isBefore(x,c),[c,x]),A=i.useMemo(()=>(f&&h&&(d.isSameDay(f,h)||d.isBefore(f,h)))??!1,[h,f]);return{isDateDisabled:i.useCallback(I=>!d.isSameDay(I,c)&&d.isBefore(I,c),[c]),onClickDate:I=>{I.getFullYear()===x.getFullYear()&&I.getMonth()===x.getMonth()&&(f&&h==null?d.isBefore(I,f)?t==null||t({startDate:ie(I,r),endDate:void 0}):t==null||t({startDate:e==null?void 0:e.startDate,endDate:ie(I,r)}):t==null||t({startDate:ie(I,r),endDate:void 0}))},onValueChangeByInputs:R,isValidDateRange:A,prevMonthDisabled:C,monthPickerButtonRef:l,calendarId:o,monthPickerButtonLabel:y,visiblePanel:p,setVisiblePanel:M,setVisibleMonth:g,visibleMonthData:b,todayIsInVisibleMonth:k,hoverDate:S,setHoverDate:w,selectedStartDate:f,selectedEndDate:h,today:c,visibleMonth:x}},je=({previousMonthButtonAriaLabel:e,nextMonthButtonAriaLabel:t,monthPickerButtonLabel:r,visiblePanel:n,setVisiblePanel:s,monthPickerButtonRef:o,setVisibleMonth:c,visibleMonth:l,prevMonthDisabled:u,calendarSize:f})=>a.jsxs(m.Row,{alignSelf:"center",justifyContent:"space-between",width:"100%",children:[a.jsx(j.FlatButton,{"aria-live":"polite",label:r,rightIcon:n==="calendar"?j.stenaAngleDown:j.stenaAngleUp,onClick:()=>s(n==="calendar"?"month-picker":"calendar"),ref:o,size:f==="small"?"medium":"large"}),a.jsxs(m.Row,{alignItems:"center",gap:2,children:[a.jsx(j.SecondaryButton,{leftIcon:j.stenaArrowLeft,onClick:()=>c(d.subMonths(l,1)),disabled:u,"aria-label":e,size:f==="small"?"medium":"large"}),a.jsx(j.SecondaryButton,{leftIcon:j.stenaArrowRight,onClick:()=>c(d.addMonths(l,1)),"aria-label":t,size:f==="small"?"medium":"large"})]})]}),Yr="_travelDateCell_h6vcn_1",vr="_small_h6vcn_4",Fr="_medium_h6vcn_9",Hr="_large_h6vcn_14",Or="_outline_h6vcn_26",Wr="_contentWrapper_h6vcn_39",$r="_disabled_h6vcn_60",Ur="_isToday_h6vcn_63",qr="_isSelectionStart_h6vcn_67",zr="_isSelectionEnd_h6vcn_68",Kr="_hover_h6vcn_83",Gr="_startSelected_h6vcn_86",Jr="_endSelected_h6vcn_86",K={travelDateCell:Yr,small:vr,medium:Fr,large:Hr,outline:Or,contentWrapper:Wr,disabled:$r,isToday:Ur,isSelectionStart:qr,isSelectionEnd:zr,hover:Kr,startSelected:Gr,endSelected:Jr},te=we.cssColor("--lhds-color-red-100"),Qr=(e,t,r,n,s,o)=>{if(!s)return{left:"transparent",right:"transparent"};if(t&&r&&d.isSameDay(t,r))return{left:"transparent",right:"transparent"};if(t&&r&&!o)return{left:"transparent",right:"transparent"};const c=t&&r?d.isAfter(e,t)&&d.isBefore(e,r)&&!d.isSameDay(e,t)&&!d.isSameDay(e,r):!1,l=t&&n?d.isAfter(e,t)&&d.isBefore(e,n)&&!d.isSameDay(e,t)&&!d.isSameDay(e,n):!1;if(c)return{left:te,right:te};if(t&&r)return d.isSameDay(e,t)?{left:"transparent",right:te}:d.isSameDay(e,r)?{left:te,right:"transparent"}:{left:"transparent",right:"transparent"};if(t&&n&&d.isAfter(n,t)){if(d.isSameDay(e,t))return{left:"transparent",right:te};if(d.isSameDay(e,n))return{left:te,right:"transparent"}}return l?{left:te,right:te}:{left:"transparent",right:"transparent"}},Xr=(e,t)=>{switch(t){case"PageUp":return d.subMonths(e,1);case"PageDown":return d.addMonths(e,1);case"Home":return d.startOfWeek(e);case"End":return d.addDays(d.startOfWeek(e),6);case"ArrowLeft":return d.subDays(e,1);case"ArrowUp":return d.subDays(e,7);case"ArrowRight":return d.addDays(e,1);case"ArrowDown":return d.addDays(e,7);default:return}},Ie=(e,t)=>d.format(d.addHours(e,12),ee.fullDate)+t,Zr="_travelDateCellBackground_1k07m_1",Vr="_small_1k07m_2",en="_medium_1k07m_7",tn="_large_1k07m_12",ge={travelDateCellBackground:Zr,small:Vr,medium:en,large:tn},rn=({calendarSize:e,bgColorLeft:t,bgColorRight:r})=>a.jsxs(m.Row,{children:[a.jsx(m.Box,{className:se(ge.travelDateCellBackground,ge[e]),background:t}),a.jsx(m.Box,{className:se(ge.travelDateCellBackground,ge[e]),background:r})]}),nn=({onClick:e,visibleMonth:t,onChangeVisibleMonth:r,day:n,isValidDateRange:s,selectedStartDate:o,selectedEndDate:c,onStartHover:l,onEndHover:u,hoverDate:f,today:h,todayIsInVisibleMonth:x,calendarId:g,isDateDisabled:D,size:b,dateTestId:y})=>{const k=i.useCallback(async A=>{var E;const T=Xr(n.date,A.key);T&&!D(T)&&(l(T),d.isSameMonth(n.date,T)?(E=document.getElementById(Ie(T,g)))==null||E.focus():(r(T),setTimeout(()=>{var I;(I=document.getElementById(Ie(T,g)))==null||I.focus()},10))),(A.key==="Enter"||A.code==="Space")&&e(n.date)},[g,n.date,D,r,e,l]),S=n.month===t.getMonth(),w=D(n.date),p=o?d.isSameDay(o,n.date):!1,M=c?d.isSameDay(c,n.date):!1,R=d.isSameDay(n.date,h),C=Qr(n.date,o,c,f,S,s);return a.jsxs("td",{className:se(K.travelDateCell,K[b]),onClick:w?void 0:()=>e(n.date),onMouseOver:w?void 0:()=>S&&l(n.date),onMouseOut:w?void 0:()=>S&&u(n.date),tabIndex:w?void 0:sn(n,o,R,t,x),id:w?void 0:Ie(n.date,g),onKeyDown:w?void 0:k,...w?void 0:{"aria-selected":p||M},"data-testid":y==null?void 0:y(n.date),children:[a.jsx("div",{className:K.outline}),a.jsx(rn,{calendarSize:b,bgColorLeft:C.left,bgColorRight:C.right}),S&&a.jsx("div",{className:se(K.contentWrapper,R?K.isToday:void 0,o?K.startSelected:void 0,c?K.endSelected:void 0,f&&d.isSameDay(f,n.date)?K.hover:void 0,p&&K.isSelectionStart,M&&K.isSelectionEnd,w&&K.disabled),children:a.jsx(m.Text,{variant:"bold",color:w?we.cssColor("--lhds-color-ui-500"):void 0,children:n.dayOfMonth})})]})},sn=(e,t,r,n,s)=>{const o=t?d.isSameMonth(t,n):!1;return(t&&o?d.isSameDay(e.date,t):r)||!o&&!s&&e.date.getDate()===1?0:-1},on="_travelCalendar_18pjj_1",an={travelCalendar:on},Me=({visibleMonthData:e,onClickDate:t,setHoverDate:r,setVisibleMonth:n,visibleMonth:s,isValidDateRange:o,selectedStartDate:c,selectedEndDate:l,hoverDate:u,today:f,calendarId:h,isDateDisabled:x,todayIsInVisibleMonth:g,size:D="medium",multiSelectable:b,dateTestId:y})=>a.jsx("table",{className:an.travelCalendar,role:"grid",...b?{"aria-multiselectable":!0}:void 0,children:a.jsxs("tbody",{children:[a.jsx("tr",{children:e.weeks[0].days.map(k=>a.jsx("th",{abbr:k.fullName,children:a.jsx(m.Text,{children:k.name})},k.name))}),e.weeks.map(k=>a.jsx(Ne.Fragment,{children:a.jsx("tr",{children:k.days.map(S=>a.jsx(nn,{size:D,onClick:w=>t(w),visibleMonth:s,onChangeVisibleMonth:n,isValidDateRange:o,day:S,onStartHover:w=>r(w),onEndHover:w=>r(p=>p&&d.isSameDay(p,w)?void 0:p),selectedStartDate:c,selectedEndDate:l,hoverDate:u,today:f,todayIsInVisibleMonth:g,calendarId:h,isDateDisabled:x,dateTestId:y},S.dateString))},k.weekNumber)},k.weekNumber))]})}),cn="_travelDateRangeInput_1j7rp_1",ln="_overlay_1j7rp_2",dn="_calendarVisible_1j7rp_6",Ce={travelDateRangeInput:cn,overlay:ln,calendarVisible:dn},un=({value:e,onValueChange:t,startDateLabel:r,endDateLabel:n,localeCode:s="sv",initialMonthInFocus:o,previousMonthButtonAriaLabel:c="Previous month",nextMonthButtonAriaLabel:l="Next month",heading:u,headingLevel:f,numMonthsInMonthPicker:h=12,firstMonthInMonthPicker:x=new Date,zIndex:g=1e3,zIndexWhenClosed:D,onHideCalendar:b,renderBelowCalendar:y,size:k="medium",dateTestId:S})=>{const[w,p]=i.useState(!1),[M,R]=i.useState(!1),[C,A]=i.useState({width:336,height:66}),T=k==="large"?"8.8rem":"6.6rem",E=i.useRef(!1),I=i.useCallback(()=>{E.current=!0,R(!0),setTimeout(()=>{p(!0)},10)},[]),L=i.useCallback(()=>{M&&(p(!1),E.current=!1,b==null||b(),setTimeout(()=>{E.current||R(!1)},120))},[M,b]),Y=i.useRef(null),P=i.useRef(null);m.useOnClickOutside(Y,L),i.useLayoutEffect(()=>{var G,$;const B=(G=P.current)==null?void 0:G.offsetWidth,N=($=P.current)==null?void 0:$.offsetHeight;B!=null&&N!=null&&(C.height!==N||C.width!==B)&&A({width:B,height:N})},[C.height,C.width]);const v=bt(e,t,s,o),{visiblePanel:U,visibleMonth:H,onValueChangeByInputs:q,setVisibleMonth:J,setVisiblePanel:z,monthPickerButtonRef:O}=v,_=i.useCallback(B=>{B.key==="Escape"&&L()},[L]);return a.jsxs(m.Box,{position:"relative",className:Ce.travelDateRangeInput,ref:Y,onKeyDown:_,height:C.height,width:C.width,children:[a.jsx(m.Box,{position:"absolute",ref:P,zIndex:M?g:D,children:a.jsx(xt,{value:e,onValueChange:q,localeCode:s,startDateLabel:r,endDateLabel:n,onFocus:I,calendarSize:k})}),M&&a.jsx(m.Box,{position:"absolute",zIndex:g-1,left:"-2.4rem",top:u?"-8.0rem":"-2.4rem",className:se(Ce.overlay,w&&Ce.calendarVisible),children:a.jsx(m.Box,{background:"white",shadow:"popover",borderRadius:"var(--swui-border-radius-large)",children:a.jsxs(j.CardBody,{gap:3,children:[u&&a.jsx(m.Heading,{variant:"h2",as:f,children:u}),a.jsx(m.Box,{height:T}),a.jsx(je,{...v,previousMonthButtonAriaLabel:c,nextMonthButtonAriaLabel:l,calendarSize:k}),U==="calendar"&&a.jsx(Me,{...v,size:k,multiSelectable:!0,dateTestId:S}),U==="month-picker"&&a.jsx(le,{firstMonth:x,numMonths:h,value:H,size:k,onValueChange:B=>{var N;J(B),z("calendar"),(N=O.current)==null||N.focus()},onCancel:()=>{var B;z("calendar"),(B=O.current)==null||B.focus()}}),y==null?void 0:y({hideCalendar:L})]})})})]})},fn="_travelDateInput_hmfbf_1",hn="_overlay_hmfbf_2",mn="_calendarVisible_hmfbf_6",Be={travelDateInput:fn,overlay:hn,calendarVisible:mn},pt=({value:e,onValueChange:t,label:r="Date",localeCode:n,onFocus:s,calendarSize:o})=>{const{mask:c,placeholder:l}=i.useMemo(()=>{const u=ae(n);return{mask:gt(u),placeholder:u.toLowerCase()}},[n]);return a.jsx(m.Row,{children:a.jsx(_e,{mask:c,value:e,onValueChange:t,onBlur:u=>{const f=ye(u.target.value,n);f&&f!==e&&(t==null||t(f))},onFocus:s,label:r,placeholder:l,calendarSize:o})})},yt=(e,t,r,n)=>{const s=me(r)??Oe(),o=i.useId(),c=Ye(),l=i.useRef(null),u=i.useMemo(()=>ae(r),[r]),f=i.useMemo(()=>(e==null?void 0:e.length)===u.length?re(e,r):void 0,[u.length,r,e]),[h,x]=i.useState(n??f??new Date),g=i.useCallback(T=>{d.isSameMonth(T,c)||d.isAfter(T,c)?x(T):x(c)},[c]),D=i.useMemo(()=>ue(h.getFullYear(),h.getMonth(),s),[s,h]),b=i.useMemo(()=>W.startCase(d.format(h,"MMMM yyyy",{locale:s})),[s,h]),y=i.useMemo(()=>d.isSameMonth(c,h),[c,h]),[k,S]=i.useState(),[w,p]=i.useState("calendar"),M=i.useCallback(T=>{const E=(T==null?void 0:T.length)===u.length?re(T,r):void 0;E&&g(E),t==null||t(T)},[u.length,r,t,g]),R=i.useMemo(()=>d.isSameMonth(c,h)||d.isBefore(h,c),[c,h]);return{isDateDisabled:i.useCallback(T=>!d.isSameDay(T,c)&&d.isBefore(T,c),[c]),onClickDate:T=>{t==null||t(ie(T,r))},onValueChangeByInputs:M,prevMonthDisabled:R,monthPickerButtonRef:l,calendarId:o,monthPickerButtonLabel:b,visiblePanel:w,setVisiblePanel:p,setVisibleMonth:x,visibleMonthData:D,todayIsInVisibleMonth:y,hoverDate:k,setHoverDate:S,selectedDate:f,today:c,visibleMonth:h}},gn=({value:e,onValueChange:t,label:r,localeCode:n="sv",initialMonthInFocus:s,previousMonthButtonAriaLabel:o="Previous month",nextMonthButtonAriaLabel:c="Next month",heading:l,headingLevel:u,numMonthsInMonthPicker:f=12,firstMonthInMonthPicker:h=new Date,zIndex:x=1e3,zIndexWhenClosed:g,onHideCalendar:D,renderBelowCalendar:b,size:y="medium",dateTestId:k})=>{const[S,w]=i.useState(!1),[p,M]=i.useState(!1),[R,C]=i.useState({width:336,height:66}),A=y==="large"?"8.8rem":"6.6rem",T=i.useRef(!1),E=i.useCallback(()=>{T.current=!0,M(!0),setTimeout(()=>{w(!0)},10)},[]),I=i.useCallback(()=>{p&&(w(!1),T.current=!1,D==null||D(),setTimeout(()=>{T.current||M(!1)},120))},[p,D]),L=i.useRef(null),Y=i.useRef(null);m.useOnClickOutside(L,I),i.useLayoutEffect(()=>{var G,$;const B=(G=Y.current)==null?void 0:G.offsetWidth,N=($=Y.current)==null?void 0:$.offsetHeight;B!=null&&N!=null&&(R.height!==N||R.width!==B)&&C({width:B,height:N})},[R.height,R.width]);const P=yt(e,t,n,s),{visiblePanel:v,visibleMonth:U,onValueChangeByInputs:H,selectedDate:q,setVisibleMonth:J,setVisiblePanel:z,monthPickerButtonRef:O}=P,_=i.useCallback(B=>{B.key==="Escape"&&I()},[I]);return a.jsxs(m.Box,{position:"relative",className:Be.travelDateInput,ref:L,onKeyDown:_,height:R.height,width:R.width,children:[a.jsx(m.Box,{position:"absolute",ref:Y,zIndex:p?x:g,children:a.jsx(pt,{value:e,onValueChange:H,localeCode:n,label:r,onFocus:E,calendarSize:y})}),p&&a.jsx(m.Box,{position:"absolute",zIndex:x-1,left:"-2.4rem",top:l?"-8.0rem":"-2.4rem",className:se(Be.overlay,S&&Be.calendarVisible),children:a.jsx(m.Box,{background:"white",shadow:"popover",borderRadius:"var(--swui-border-radius-large)",children:a.jsxs(j.CardBody,{gap:3,children:[l&&a.jsx(m.Heading,{variant:"h2",as:u,children:l}),a.jsx(m.Box,{height:A}),a.jsx(je,{...P,previousMonthButtonAriaLabel:o,nextMonthButtonAriaLabel:c,calendarSize:y}),v==="calendar"&&a.jsx(Me,{...P,size:y,isValidDateRange:!!q,selectedStartDate:q,selectedEndDate:q,multiSelectable:!1,dateTestId:k}),v==="month-picker"&&a.jsx(le,{firstMonth:h,numMonths:f,value:U,size:y,onValueChange:B=>{var N;J(B),z("calendar"),(N=O.current)==null||N.focus()},onCancel:()=>{var B;z("calendar"),(B=O.current)==null||B.focus()}}),b==null?void 0:b({hideCalendar:I})]})})})]})},Dn=({value:e,onValueChange:t,label:r,localeCode:n="sv",initialMonthInFocus:s,previousMonthButtonAriaLabel:o="Previous month",nextMonthButtonAriaLabel:c="Next month",heading:l,headingLevel:u,numMonthsInMonthPicker:f=12,firstMonthInMonthPicker:h=new Date,dateTestId:x,size:g="medium"})=>{const D=yt(e,t,n,s),{visiblePanel:b,visibleMonth:y,onValueChangeByInputs:k,setVisibleMonth:S,setVisiblePanel:w,monthPickerButtonRef:p,selectedDate:M}=D;return a.jsxs(m.Column,{gap:3,children:[l&&a.jsx(m.Heading,{variant:"h2",as:u,children:l}),a.jsx(pt,{value:e,onValueChange:k,localeCode:n,label:r,calendarSize:g}),a.jsx(je,{...D,previousMonthButtonAriaLabel:o,nextMonthButtonAriaLabel:c,calendarSize:g}),b==="calendar"&&a.jsx(Me,{...D,size:g,selectedStartDate:M,selectedEndDate:M,isValidDateRange:!!M,multiSelectable:!1,dateTestId:x}),b==="month-picker"&&a.jsx(le,{firstMonth:h,numMonths:f,value:y,size:g,onValueChange:R=>{var C;S(R),w("calendar"),(C=p.current)==null||C.focus()},onCancel:()=>{var R;w("calendar"),(R=p.current)==null||R.focus()}})]})},xn=({value:e,onValueChange:t,startDateLabel:r,endDateLabel:n,localeCode:s="sv",initialMonthInFocus:o,previousMonthButtonAriaLabel:c="Previous month",nextMonthButtonAriaLabel:l="Next month",heading:u,headingLevel:f,numMonthsInMonthPicker:h=12,firstMonthInMonthPicker:x=new Date,size:g="medium",dateTestId:D})=>{const b=bt(e,t,s,o),{visiblePanel:y,visibleMonth:k,onValueChangeByInputs:S,setVisibleMonth:w,setVisiblePanel:p,monthPickerButtonRef:M}=b;return a.jsxs(m.Column,{gap:3,children:[u&&a.jsx(m.Heading,{variant:"h2",as:f,children:u}),a.jsx(xt,{value:e,onValueChange:S,localeCode:s,startDateLabel:r,endDateLabel:n,calendarSize:g}),a.jsx(je,{...b,previousMonthButtonAriaLabel:c,nextMonthButtonAriaLabel:l,calendarSize:g}),y==="calendar"&&a.jsx(Me,{...b,size:g,multiSelectable:!0,dateTestId:D}),y==="month-picker"&&a.jsx(le,{firstMonth:x,numMonths:h,value:k,size:g,onValueChange:R=>{var C;w(R),p("calendar"),(C=M.current)==null||C.focus()},onCancel:()=>{var R;p("calendar"),(R=M.current)==null||R.focus()}})]})};exports.Calendar=xe;exports.CalendarDay=Pe;exports.DateInput=nr;exports.DateRangeCalendar=Zt;exports.DateRangeDualTextInput=Br;exports.DateRangeInput=or;exports.DateTextInput=ar;exports.DateTimeInput=Sr;exports.Month=Ge;exports.MonthPicker=le;exports.MultiDateCalendar=er;exports.PresetPicker=at;exports.SingleDateCalendar=He;exports.SingleWeekCalendar=tr;exports.TimeTextInput=cr;exports.TravelDateCalendar=Dn;exports.TravelDateInput=gn;exports.TravelDateRangeCalendar=xn;exports.TravelDateRangeInput=un;exports.WeekDay=Je;exports.WeekDayCell=nt;exports.WeekNumberCell=st;exports.YearPicker=jr;exports.addDayStateHighlights=V;exports.addDayStateHighlightsOnSingleDay=Le;exports.addWeekRangeHighlights=Ke;exports.addWeekStateHighlights=Rt;exports.buildDayStateForDateRange=ce;exports.buildDayStateForRange=ze;exports.buildDayStateForSingleMonth=qe;exports.calculateOverflowingMonth=Ve;exports.createDay=Xe;exports.dateRangeToStrings=it;exports.dayHasHighlight=et;exports.dayHighlightSelect=X;exports.defaultCalendarTheme=ne;exports.defaultTextPropsProvider=rt;exports.defaultWrapperStyleProvider=tt;exports.extranetCalendarTheme=Bt;exports.formatLocalizedDate=ie;exports.getDateFormatForLocaleCode=ae;exports.getDaysForWeekForDate=Ze;exports.getDefaultLocaleForFormatting=Oe;exports.getLocaleForLocaleCode=me;exports.getMonthInYear=ue;exports.getMonthsInYear=Ae;exports.getWeekForDate=Se;exports.getWeeksForMonth=Qe;exports.isDateRangeInvalid=ve;exports.parseLocalizedDateString=re;exports.reformatLocalizedDateString=ye;exports.setDayStateValue=jt;exports.setDayStateValueFunction=Mt;exports.stringsToDateRange=ct;exports.toggleDateStringsIfEndIsEarlierThanStart=Qt;exports.toggleDatesIfEndIsEarlierThanStart=Fe;exports.useDateRangeCalendarState=Vt;exports.useDateRangeSelection=lt;exports.useMultiDateSelection=ut;exports.useSingleDateSelection=dt;exports.useSingleWeekSelection=ft;
3
3
  //# sourceMappingURL=index.js.map