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