@stenajs-webui/calendar 20.17.3 → 21.0.0

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