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