@box-kite/react 2.2.16 → 2.2.17

package/components/datePicker.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../box.cjs"),r=require("../behavior.cjs"),i=require("../placement.cjs"),a=require("../dates.cjs"),o=require("../date-math.cjs"),s=require("../date-input.cjs"),c=require("../reporting.cjs"),l=require("./svg.cjs"),u=require("../date-environment.cjs"),d=require("./calendar.cjs"),f=require("../layer.cjs"),p=require("./overlay.cjs"),m=require("./dateField.cjs");let h=require("react"),g=require("react/jsx-runtime");function _(){return(0,g.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,g.jsx)(l.Path,{d:`M3 3.5h10a1 1 0 0 1 1 1V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1ZM2 7h12M5.5 2v3M10.5 2v3`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function v(){return(0,g.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,g.jsx)(l.Path,{d:`M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM8 5v3l2 1.5`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`,strokeLinejoin:`round`})})}function y(){return(0,g.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`0.875rem`,height:`0.875rem`,props:{fill:`none`},children:(0,g.jsx)(l.Path,{d:`m4.5 4.5 7 7m0-7-7 7`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function b(e){let[a,o]=(0,h.useState)(null),s=e.ref,c=(0,h.useCallback)(e=>{o(e),t.l(s,e)},[s]),l=e=>{if(!e||e.contains(document.activeElement)&&document.activeElement!==e)return;let t=[`[data-date][tabindex="0"]`,`[role="option"][tabindex="0"]`,`button:not([disabled])`].map(t=>e.querySelector(t)).find(Boolean),n=e.querySelector(`[role="listbox"]`),r=n?.querySelector(`[role="option"][tabindex="0"]`);n&&r&&(n.scrollTop=r.offsetTop-n.clientHeight/2+r.offsetHeight/2),(t??e).focus({preventScroll:!0})},u=r.a(e=>l(e)),{platform:d,isOpen:m,id:_,setPanel:v,setOpen:y,trigger:b,triggerElement:x,panelElement:S}=f.t({haspopup:`dialog`,idPrefix:`date-picker`,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:e.onOpenChange,interaction:{component:`datePicker`,type:`openChange`},onOpened:u,onClosing:(e,t)=>{e&&t?.focus()}}),C=i.t({side:e.side,align:e.align,offset:1,flip:!0,matchWidth:e.matchWidth,anchor:a});return(0,h.useEffect)(()=>{m&&l(S)},[m,S]),{attachTrigger:b.ref,triggerAttributes:b.props,triggerElement:x,closeOnChoice:e=>{x?.focus(),y(!1,{reason:`select`,event:e})},id:_,attachField:c,panel:t=>{let r={role:`dialog`,"aria-label":e.label,tabIndex:-1};return d?(0,g.jsx)(n.default,{ref:v,component:`popover`,variant:{topLayer:!0},p:3,...C.layerProps,id:_,props:{popover:`auto`,...r},children:m?t:null}):m&&(0,g.jsx)(p.default,{contentRef:v,anchor:a,side:e.side,align:e.align,offset:1,matchWidth:e.matchWidth,component:`popover`,p:3,id:_,props:r,children:t})}}}function x(e){let{value:t,step:i,locale:o,hourCycle:c,onSelect:l,label:u,min:d,max:f,emptyLabel:p,separated:m}=e,_=(0,h.useMemo)(()=>s.l(i,{min:d,max:f}),[i,d,f]),v=s.s(t,i),y=Math.max(0,v?_.indexOf(v):_.indexOf(`09:00:00`)),b=r.t({count:_.length,defaultActiveIndex:y,loop:!1,onSelect:(e,t)=>l(_[e],t)}),x=m?{ps:2,bs:1}:{};return _.length===0?(0,g.jsx)(n.default,{component:`datePicker.empty`,flexGrow:1,px:3,py:1.5,fontSize:14,...x,props:{role:`status`},children:p}):(0,g.jsx)(n.default,{component:`datePicker.times`,position:`relative`,display:`flex`,d:`column`,flexGrow:1,gap:.5,maxHeight:72,overflowY:`auto`,p:1,...x,props:{role:`listbox`,"aria-label":u,onKeyDown:b.onKeyDown},children:_.map((e,t)=>(0,g.jsx)(n.default,{component:`datePicker.time`,variant:{selected:e===v},px:3,py:1.5,borderRadius:2,fontSize:14,textAlign:`start`,whiteSpace:`nowrap`,css:{fontVariantNumeric:`tabular-nums`},props:{role:`option`,"aria-selected":e===v,...b.itemProps(t),onClick:t=>l(e,t)},children:a.t(e,{locale:o,hour:`numeric`,minute:`2-digit`,hourCycle:c===void 0?void 0:c===12?`h12`:`h23`})},e))})}function S(e){return(0,g.jsx)(n.default,{component:`datePicker.presets`,display:`flex`,d:`column`,gap:.5,pe:2,be:1,props:{role:`group`},children:e.presets.map(t=>(0,g.jsx)(n.default,{tag:`button`,component:`datePicker.preset`,variant:{selected:e.isSelected(t.value)},px:3,py:1.5,borderRadius:2,fontSize:14,textAlign:`start`,whiteSpace:`nowrap`,props:{type:`button`,onClick:n=>e.onSelect(t.value,n)},children:t.label},t.label))})}function C(e){let{frame:t,attachField:i,attachTrigger:a,triggerAttributes:o,triggerElement:s,id:c,label:l,labelledBy:u,describedBy:d}=e,{text:f,placeholder:p,icon:m,clear:_,disabled:v,invalid:y,required:b=!1,tabIndex:x,inputs:S,onReset:C}=e,w=(0,h.useRef)(null),T=l===void 0?void 0:`${c}-label`,E=`${c}-value`,D=r.a(C);return(0,h.useEffect)(()=>{let e=w.current?.form;if(e)return e.addEventListener(`reset`,D),()=>e.removeEventListener(`reset`,D)},[D]),(0,g.jsxs)(g.Fragment,{children:[l!==void 0&&(0,g.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:T,props:{onClick:()=>s?.focus()},children:l}),(0,g.jsxs)(n.default,{ref:i,component:`dateField`,display:`inline-flex`,ai:`center`,position:`relative`,cursor:`pointer`,css:{fontVariantNumeric:`tabular-nums`},...t,variant:[t.variant,{disabled:v,invalid:y}],children:[(0,g.jsx)(n.default,{tag:`button`,ref:a,component:`datePicker.value`,variant:{placeholder:!f},flexGrow:1,textAlign:`start`,whiteSpace:`nowrap`,css:{font:`inherit`},after:{position:`absolute`,inset:0},disabled:v,props:{type:`button`,tabIndex:x,"aria-labelledby":[T,u,E].filter(Boolean).join(` `),"aria-describedby":d,"aria-invalid":y||void 0,...o},children:(0,g.jsx)(`span`,{id:E,children:f||p})}),(0,g.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:1,ms:2,children:[_,(0,g.jsx)(n.default,{component:`datePicker.icon`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,props:{"aria-hidden":!0},children:m})]}),S.map((e,t)=>b?(0,g.jsx)(n.default,{tag:`input`,ref:t===0?w:void 0,component:`dateField.validation`,required:!0,disabled:v,props:{type:`text`,name:e.name,value:e.value,tabIndex:-1,"aria-hidden":!0,onChange:()=>{},onFocus:()=>s?.focus()}},t):e.name===void 0?null:(0,g.jsx)(`input`,{ref:t===0?w:void 0,type:`hidden`,name:e.name,value:e.value,disabled:v},t))]})]})}function w(e,t){let{type:r=`date`,value:i,defaultValue:s=null,onValueChange:l,zone:f,locale:p,hourCycle:h,granularity:w,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k=!1,readOnly:A=!1,required:j,invalid:ee,name:te,label:M,labelledBy:ne,describedBy:re,open:ie,defaultOpen:ae,onOpenChange:oe,closeOnSelect:N=!0,firstDayOfWeek:se,weekNumbers:ce,side:le=`bottom`,align:ue=`start`,matchWidth:de=r===`time`,emptyTimesLabel:fe=`No times available`,clearable:P=!1,pickOnly:pe=!1,triggerLabel:F,clearLabel:I=`Clear`,tabIndex:L,step:R=30,defaultTime:me=`00:00`,presets:z,showZone:he,...B}=e,V=u.n({locale:p,zone:f===`none`?void 0:f}),{locale:H}=V,U=r===`datetime`&&f!==`none`?V.zone:null,W=U??V.zone,[G,K]=c.a({value:i,defaultValue:s,onChange:(e,t)=>l?.(e,{...t,...o.x(e,W)}),interaction:{component:`datePicker`,type:`valueChange`,content:[`value`]}}),q=F??(r===`time`?`Choose time`:`Choose date`),J=typeof M==`string`?M:q,{attachTrigger:Y,triggerAttributes:ge,triggerElement:X,closeOnChoice:Z,id:Q,attachField:_e,panel:ve}=b({ref:t,open:ie,defaultOpen:ae,onOpenChange:oe,side:le,align:ue,matchWidth:de,label:J}),$=G&&r!==`time`?o.O(G,{zone:W}):null,ye=G&&r!==`date`?o.A(G,{zone:W}):null,be=r===`datetime`?$??o.N(W):null,xe=e=>e&&(be===null||o.O(e,{zone:W})===be)?o.A(e,{zone:W}):null,Se=G?a.t(G,{locale:H,zone:W,hourCycle:h===void 0?void 0:h===12?`h12`:`h23`,...r===`date`?{dateStyle:`medium`}:r===`time`?{timeStyle:`short`}:{dateStyle:`medium`,timeStyle:`short`}}):``,Ce=pe&&G&&U&&(he??U!==V.readerZone)?a.s(U,{locale:H,style:`short`,at:G}):null,we=Z,Te=(e,t)=>o.r(e,t,U?{zone:U,disambiguation:T}:{}),Ee=(e,t)=>{e&&(r===`date`?(K(e,{reason:`select`,event:t}),N&&we(t)):K(Te(e,ye??me),{reason:`select`,event:t}))},De=(e,t)=>{K(r===`time`?e:Te($??o.N(W),e),{reason:`select`,event:t}),N&&we(t)},Oe=(0,g.jsx)(n.default,{tag:`button`,ref:Y,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,ms:2,me:-1.5,borderRadius:1.5,disabled:k||A,props:{type:`button`,"aria-label":Se?`${q}, ${Se}`:q,tabIndex:L,...ge},children:r===`time`?(0,g.jsx)(v,{}):(0,g.jsx)(_,{})}),ke=P&&G&&!k&&!A&&(0,g.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,ms:1,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":I,tabIndex:L,onClick:e=>K(null,{reason:`clear`,event:e})},children:(0,g.jsx)(y,{})}),Ae=G!==null&&(E!=null&&o.i(G,E)<0||D!=null&&o.i(G,D)>0),je=pe?(0,g.jsx)(C,{frame:B,attachField:_e,attachTrigger:A?void 0:Y,triggerAttributes:A?void 0:ge,triggerElement:X,id:Q,label:M,labelledBy:ne,describedBy:re,text:Ce?`${Se} ${Ce}`:Se,placeholder:q,icon:r===`time`?(0,g.jsx)(v,{}):(0,g.jsx)(_,{}),clear:ke,disabled:k,invalid:ee??(Ae||$!==null&&!!O?.($)),required:j,tabIndex:L,inputs:[{name:te,value:G??``}],onReset:e=>K(s,{reason:`reset`,event:e})}):(0,g.jsx)(m.default,{ref:_e,...B,type:r,value:G,onValueChange:(e,t)=>K(e,{reason:t.reason,event:t.event}),zone:f,locale:p,hourCycle:h,granularity:w,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k,readOnly:A,required:j,invalid:ee,name:te,label:M,labelledBy:ne,describedBy:re,showZone:he,tabIndex:L,end:(0,g.jsxs)(g.Fragment,{children:[ke,Oe]})});return(0,g.jsxs)(c.t,{children:[je,ve((0,g.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[z&&z.length>0&&(0,g.jsx)(S,{presets:z,isSelected:e=>G!==null&&o.i(e,G,{zone:W})===0,onSelect:(e,t)=>{K(e,{reason:`preset`,event:t}),N&&we(t)}}),r!==`time`&&(0,g.jsx)(d.default,{value:$,onValueChange:(e,t)=>Ee(e,t.event),min:E?o.O(E,{zone:W}):void 0,max:D?o.O(D,{zone:W}):void 0,isDateUnavailable:O,locale:p,zone:f===`none`?void 0:f,firstDayOfWeek:se,weekNumbers:ce}),r!==`date`&&(0,g.jsx)(x,{value:ye,step:R,locale:H,hourCycle:h,label:r===`time`?J:`Time`,min:xe(E),max:xe(D),emptyLabel:fe,separated:r===`datetime`,onSelect:De})]}))]})}function T(e,t){let{value:r,defaultValue:i=null,onValueChange:s,locale:l,min:f,max:p,isDateUnavailable:v,disabled:x=!1,readOnly:w=!1,required:T,invalid:E,startName:D,endName:O,label:k,labelledBy:A,describedBy:j,startLabel:ee=`Start date`,endLabel:te=`End date`,open:M,defaultOpen:ne,onOpenChange:re,closeOnSelect:ie=!0,firstDayOfWeek:ae,weekNumbers:oe,months:N=2,side:se=`bottom`,align:ce=`start`,matchWidth:le=!1,emptyTimesLabel:ue,clearable:de=!1,pickOnly:fe=!1,triggerLabel:P=`Choose dates`,clearLabel:pe=`Clear`,tabIndex:F,presets:I,props:L,...R}=e,{locale:me}=u.n({locale:l}),[z,he]=c.a({value:r,defaultValue:i,onChange:s,interaction:{component:`dateRangePicker`,type:`valueChange`,content:[`value`]}}),[B,V]=(0,h.useState)({start:z?.start??null,end:z?.end??null,source:z}),{start:H,end:U}=B;B.source!==z&&(H=z?.start??null,U=z?.end??null,V({start:H,end:U,source:z}));let{attachTrigger:W,triggerAttributes:G,triggerElement:K,closeOnChoice:q,id:J,attachField:Y,panel:ge}=b({ref:t,open:M,defaultOpen:ne,onOpenChange:re,side:se,align:ce,matchWidth:le,label:typeof k==`string`?k:P}),X=z?a.n(z.start,z.end,{locale:me}):``,Z=H!==null&&U!==null&&o.i(H,U)>0,Q=(e,t,n,r)=>{let i=e&&t&&o.i(e,t)<=0?{start:e,end:t}:null;V({start:e,end:t,source:i}),he(i,{reason:n,event:r})},_e=q,ve={locale:l,min:f,max:p,isDateUnavailable:v,disabled:x,readOnly:w,required:T,component:`datePicker.part`,px:0,py:0,tabIndex:F},$=de&&z&&!x&&!w&&(0,g.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":pe,tabIndex:F,onClick:e=>Q(null,null,`clear`,e)},children:(0,g.jsx)(y,{})}),ye=z!==null&&(f!=null&&o.i(z.start,f)<0||p!=null&&o.i(z.end,p)>0),be=fe?(0,g.jsx)(C,{frame:{...R,props:L},attachField:Y,attachTrigger:w?void 0:W,triggerAttributes:w?void 0:G,triggerElement:K,id:J,label:k,labelledBy:A,describedBy:j,text:X,placeholder:P,icon:(0,g.jsx)(_,{}),clear:$,disabled:x,invalid:E??ye,required:T,tabIndex:F,inputs:[{name:D,value:z?.start??``},{name:O,value:z?.end??``}],onReset:e=>Q(i?.start??null,i?.end??null,`reset`,e)}):(0,g.jsxs)(g.Fragment,{children:[k!==void 0&&(0,g.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:`${J}-label`,children:k}),(0,g.jsxs)(n.default,{ref:Y,component:`dateField`,display:`inline-flex`,ai:`center`,gap:2,px:3,py:2,...R,variant:[R.variant,{disabled:x,invalid:E??Z}],props:{role:`group`,"aria-labelledby":[k===void 0?void 0:`${J}-label`,A].filter(Boolean).join(` `)||void 0,"aria-invalid":(E??Z)||void 0,"aria-describedby":j,...L},children:[(0,g.jsx)(m.default,{...ve,value:H,onValueChange:(e,t)=>Q(e,U,t.reason,t.event),name:D,props:{"aria-label":ee},invalid:E??Z}),(0,g.jsx)(n.default,{component:`dateField.literal`,props:{"aria-hidden":!0},children:`–`}),(0,g.jsx)(m.default,{...ve,value:U,onValueChange:(e,t)=>Q(H,e,t.reason,t.event),name:O,props:{"aria-label":te},invalid:E??Z}),(0,g.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:2,ms:`auto`,children:[$,(0,g.jsx)(n.default,{tag:`button`,ref:W,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,borderRadius:1.5,disabled:x||w,props:{type:`button`,"aria-label":X?`${P}, ${X}`:P,tabIndex:F,...G},children:(0,g.jsx)(_,{})})]})]})]});return(0,g.jsxs)(c.t,{children:[be,ge((0,g.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[I&&I.length>0&&(0,g.jsx)(S,{presets:I,isSelected:e=>z!==null&&e.start===z.start&&e.end===z.end,onSelect:(e,t)=>{Q(e.start,e.end,`preset`,t),ie&&_e(t)}}),(0,g.jsx)(d.default,{mode:`range`,months:N,value:z,defaultFocusedDate:H??void 0,onValueChange:(e,t)=>{Q(e?.start??null,e?.end??null,`select`,t.event),ie&&e&&t.event&&_e(t.event)},min:f,max:p,isDateUnavailable:v,locale:l,firstDayOfWeek:ae,weekNumbers:oe})]}))]})}var E=e.f(w,`DatePicker`),D=e.f(T,`DateRangePicker`);exports.DateRangePicker=D,exports.default=E;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../box.cjs"),r=require("../behavior.cjs"),i=require("../placement.cjs"),a=require("../dates.cjs"),o=require("../date-math.cjs"),s=require("../date-input.cjs"),c=require("../reporting.cjs"),l=require("./svg.cjs"),u=require("../date-environment.cjs"),d=require("./calendar.cjs"),f=require("../layer.cjs"),p=require("./overlay.cjs"),m=require("../motion.cjs"),h=require("./dateField.cjs");let g=require("react"),_=require("react/jsx-runtime");function v(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`M3 3.5h10a1 1 0 0 1 1 1V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1ZM2 7h12M5.5 2v3M10.5 2v3`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function y(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM8 5v3l2 1.5`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`,strokeLinejoin:`round`})})}function b(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`0.875rem`,height:`0.875rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`m4.5 4.5 7 7m0-7-7 7`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function x(e){let[a,o]=(0,g.useState)(null),s=e.ref,c=(0,g.useCallback)(e=>{o(e),t.l(s,e)},[s]),l=e=>{if(!e||e.contains(document.activeElement)&&document.activeElement!==e)return;let t=[`[data-date][tabindex="0"]`,`[role="option"][tabindex="0"]`,`button:not([disabled])`].map(t=>e.querySelector(t)).find(Boolean),n=e.querySelector(`[role="listbox"]`),r=n?.querySelector(`[role="option"][tabindex="0"]`);n&&r&&(n.scrollTop=r.offsetTop-n.clientHeight/2+r.offsetHeight/2),(t??e).focus({preventScroll:!0})},u=r.a(e=>l(e)),{platform:d,isOpen:h,id:v,setPanel:y,setOpen:b,trigger:x,triggerElement:S,panelElement:C}=f.t({haspopup:`dialog`,idPrefix:`date-picker`,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:e.onOpenChange,interaction:{component:`datePicker`,type:`openChange`},onOpened:u,onClosing:(e,t)=>{e&&t?.focus()}}),w=i.t({side:e.side,align:e.align,offset:1,flip:!0,matchWidth:e.matchWidth,anchor:a});(0,g.useEffect)(()=>{h&&l(C)},[h,C]);let T=(0,g.useCallback)(()=>C,[C]),E=m.n(h,T);return{attachTrigger:x.ref,triggerAttributes:x.props,triggerElement:S,closeOnChoice:e=>{S?.focus(),b(!1,{reason:`select`,event:e})},id:v,attachField:c,panel:t=>{let r={role:`dialog`,"aria-label":e.label,tabIndex:-1};return d?(0,_.jsx)(n.default,{ref:y,component:`popover`,variant:{topLayer:!0},p:3,...w.layerProps,id:v,props:{popover:`auto`,...r},children:E===`closed`?null:t}):h&&(0,_.jsx)(p.default,{contentRef:y,anchor:a,side:e.side,align:e.align,offset:1,matchWidth:e.matchWidth,component:`popover`,p:3,id:v,props:r,children:t})}}}function S(e){let{value:t,step:i,locale:o,hourCycle:c,onSelect:l,label:u,min:d,max:f,emptyLabel:p,separated:m}=e,h=(0,g.useMemo)(()=>s.l(i,{min:d,max:f}),[i,d,f]),v=s.s(t,i),y=Math.max(0,v?h.indexOf(v):h.indexOf(`09:00:00`)),b=r.t({count:h.length,defaultActiveIndex:y,loop:!1,onSelect:(e,t)=>l(h[e],t)}),x=m?{ps:2,bs:1}:{};return h.length===0?(0,_.jsx)(n.default,{component:`datePicker.empty`,flexGrow:1,px:3,py:1.5,fontSize:14,...x,props:{role:`status`},children:p}):(0,_.jsx)(n.default,{component:`datePicker.times`,position:`relative`,display:`flex`,d:`column`,flexGrow:1,gap:.5,maxHeight:72,overflowY:`auto`,p:1,...x,props:{role:`listbox`,"aria-label":u,onKeyDown:b.onKeyDown},children:h.map((e,t)=>(0,_.jsx)(n.default,{component:`datePicker.time`,variant:{selected:e===v},px:3,py:1.5,borderRadius:2,fontSize:14,textAlign:`start`,whiteSpace:`nowrap`,css:{fontVariantNumeric:`tabular-nums`},props:{role:`option`,"aria-selected":e===v,...b.itemProps(t),onClick:t=>l(e,t)},children:a.t(e,{locale:o,hour:`numeric`,minute:`2-digit`,hourCycle:c===void 0?void 0:c===12?`h12`:`h23`})},e))})}function C(e){return(0,_.jsx)(n.default,{component:`datePicker.presets`,display:`flex`,d:`column`,gap:.5,pe:2,be:1,props:{role:`group`},children:e.presets.map(t=>(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.preset`,variant:{selected:e.isSelected(t.value)},px:3,py:1.5,borderRadius:2,fontSize:14,textAlign:`start`,whiteSpace:`nowrap`,props:{type:`button`,onClick:n=>e.onSelect(t.value,n)},children:t.label},t.label))})}function w(e){let{frame:t,attachField:i,attachTrigger:a,triggerAttributes:o,triggerElement:s,id:c,label:l,labelledBy:u,describedBy:d}=e,{text:f,placeholder:p,icon:m,clear:h,disabled:v,invalid:y,required:b=!1,tabIndex:x,inputs:S,onReset:C}=e,w=(0,g.useRef)(null),T=l===void 0?void 0:`${c}-label`,E=`${c}-value`,D=r.a(C);return(0,g.useEffect)(()=>{let e=w.current?.form;if(e)return e.addEventListener(`reset`,D),()=>e.removeEventListener(`reset`,D)},[D]),(0,_.jsxs)(_.Fragment,{children:[l!==void 0&&(0,_.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:T,props:{onClick:()=>s?.focus()},children:l}),(0,_.jsxs)(n.default,{ref:i,component:`dateField`,display:`inline-flex`,ai:`center`,position:`relative`,cursor:`pointer`,css:{fontVariantNumeric:`tabular-nums`},...t,variant:[t.variant,{disabled:v,invalid:y}],children:[(0,_.jsx)(n.default,{tag:`button`,ref:a,component:`datePicker.value`,variant:{placeholder:!f},flexGrow:1,textAlign:`start`,whiteSpace:`nowrap`,css:{font:`inherit`},after:{position:`absolute`,inset:0},disabled:v,props:{type:`button`,tabIndex:x,"aria-labelledby":[T,u,E].filter(Boolean).join(` `),"aria-describedby":d,"aria-invalid":y||void 0,...o},children:(0,_.jsx)(`span`,{id:E,children:f||p})}),(0,_.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:1,ms:2,children:[h,(0,_.jsx)(n.default,{component:`datePicker.icon`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,props:{"aria-hidden":!0},children:m})]}),S.map((e,t)=>b?(0,_.jsx)(n.default,{tag:`input`,ref:t===0?w:void 0,component:`dateField.validation`,required:!0,disabled:v,props:{type:`text`,name:e.name,value:e.value,tabIndex:-1,"aria-hidden":!0,onChange:()=>{},onFocus:()=>s?.focus()}},t):e.name===void 0?null:(0,_.jsx)(`input`,{ref:t===0?w:void 0,type:`hidden`,name:e.name,value:e.value,disabled:v},t))]})]})}function T(e,t){let{type:r=`date`,value:i,defaultValue:s=null,onValueChange:l,zone:f,locale:p,hourCycle:m,granularity:g,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k=!1,readOnly:A=!1,required:j,invalid:ee,name:te,label:M,labelledBy:ne,describedBy:re,open:ie,defaultOpen:ae,onOpenChange:oe,closeOnSelect:N=!0,firstDayOfWeek:se,weekNumbers:ce,side:le=`bottom`,align:ue=`start`,matchWidth:de=r===`time`,emptyTimesLabel:fe=`No times available`,clearable:P=!1,pickOnly:pe=!1,triggerLabel:F,clearLabel:I=`Clear`,tabIndex:L,step:R=30,defaultTime:me=`00:00`,presets:z,showZone:he,...B}=e,V=u.n({locale:p,zone:f===`none`?void 0:f}),{locale:H}=V,U=r===`datetime`&&f!==`none`?V.zone:null,W=U??V.zone,[G,K]=c.a({value:i,defaultValue:s,onChange:(e,t)=>l?.(e,{...t,...o.x(e,W)}),interaction:{component:`datePicker`,type:`valueChange`,content:[`value`]}}),q=F??(r===`time`?`Choose time`:`Choose date`),J=typeof M==`string`?M:q,{attachTrigger:Y,triggerAttributes:ge,triggerElement:X,closeOnChoice:Z,id:Q,attachField:_e,panel:ve}=x({ref:t,open:ie,defaultOpen:ae,onOpenChange:oe,side:le,align:ue,matchWidth:de,label:J}),$=G&&r!==`time`?o.O(G,{zone:W}):null,ye=G&&r!==`date`?o.A(G,{zone:W}):null,be=r===`datetime`?$??o.N(W):null,xe=e=>e&&(be===null||o.O(e,{zone:W})===be)?o.A(e,{zone:W}):null,Se=G?a.t(G,{locale:H,zone:W,hourCycle:m===void 0?void 0:m===12?`h12`:`h23`,...r===`date`?{dateStyle:`medium`}:r===`time`?{timeStyle:`short`}:{dateStyle:`medium`,timeStyle:`short`}}):``,Ce=pe&&G&&U&&(he??U!==V.readerZone)?a.s(U,{locale:H,style:`short`,at:G}):null,we=Z,Te=(e,t)=>o.r(e,t,U?{zone:U,disambiguation:T}:{}),Ee=(e,t)=>{e&&(r===`date`?(K(e,{reason:`select`,event:t}),N&&we(t)):K(Te(e,ye??me),{reason:`select`,event:t}))},De=(e,t)=>{K(r===`time`?e:Te($??o.N(W),e),{reason:`select`,event:t}),N&&we(t)},Oe=(0,_.jsx)(n.default,{tag:`button`,ref:Y,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,ms:2,me:-1.5,borderRadius:1.5,disabled:k||A,props:{type:`button`,"aria-label":Se?`${q}, ${Se}`:q,tabIndex:L,...ge},children:r===`time`?(0,_.jsx)(y,{}):(0,_.jsx)(v,{})}),ke=P&&G&&!k&&!A&&(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,ms:1,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":I,tabIndex:L,onClick:e=>K(null,{reason:`clear`,event:e})},children:(0,_.jsx)(b,{})}),Ae=G!==null&&(E!=null&&o.i(G,E)<0||D!=null&&o.i(G,D)>0),je=pe?(0,_.jsx)(w,{frame:B,attachField:_e,attachTrigger:A?void 0:Y,triggerAttributes:A?void 0:ge,triggerElement:X,id:Q,label:M,labelledBy:ne,describedBy:re,text:Ce?`${Se} ${Ce}`:Se,placeholder:q,icon:r===`time`?(0,_.jsx)(y,{}):(0,_.jsx)(v,{}),clear:ke,disabled:k,invalid:ee??(Ae||$!==null&&!!O?.($)),required:j,tabIndex:L,inputs:[{name:te,value:G??``}],onReset:e=>K(s,{reason:`reset`,event:e})}):(0,_.jsx)(h.default,{ref:_e,...B,type:r,value:G,onValueChange:(e,t)=>K(e,{reason:t.reason,event:t.event}),zone:f,locale:p,hourCycle:m,granularity:g,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k,readOnly:A,required:j,invalid:ee,name:te,label:M,labelledBy:ne,describedBy:re,showZone:he,tabIndex:L,end:(0,_.jsxs)(_.Fragment,{children:[ke,Oe]})});return(0,_.jsxs)(c.t,{children:[je,ve((0,_.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[z&&z.length>0&&(0,_.jsx)(C,{presets:z,isSelected:e=>G!==null&&o.i(e,G,{zone:W})===0,onSelect:(e,t)=>{K(e,{reason:`preset`,event:t}),N&&we(t)}}),r!==`time`&&(0,_.jsx)(d.default,{value:$,onValueChange:(e,t)=>Ee(e,t.event),min:E?o.O(E,{zone:W}):void 0,max:D?o.O(D,{zone:W}):void 0,isDateUnavailable:O,locale:p,zone:f===`none`?void 0:f,firstDayOfWeek:se,weekNumbers:ce}),r!==`date`&&(0,_.jsx)(S,{value:ye,step:R,locale:H,hourCycle:m,label:r===`time`?J:`Time`,min:xe(E),max:xe(D),emptyLabel:fe,separated:r===`datetime`,onSelect:De})]}))]})}function E(e,t){let{value:r,defaultValue:i=null,onValueChange:s,locale:l,min:f,max:p,isDateUnavailable:m,disabled:y=!1,readOnly:S=!1,required:T,invalid:E,startName:D,endName:O,label:k,labelledBy:A,describedBy:j,startLabel:ee=`Start date`,endLabel:te=`End date`,open:M,defaultOpen:ne,onOpenChange:re,closeOnSelect:ie=!0,firstDayOfWeek:ae,weekNumbers:oe,months:N=2,side:se=`bottom`,align:ce=`start`,matchWidth:le=!1,emptyTimesLabel:ue,clearable:de=!1,pickOnly:fe=!1,triggerLabel:P=`Choose dates`,clearLabel:pe=`Clear`,tabIndex:F,presets:I,props:L,...R}=e,{locale:me}=u.n({locale:l}),[z,he]=c.a({value:r,defaultValue:i,onChange:s,interaction:{component:`dateRangePicker`,type:`valueChange`,content:[`value`]}}),[B,V]=(0,g.useState)({start:z?.start??null,end:z?.end??null,source:z}),{start:H,end:U}=B;B.source!==z&&(H=z?.start??null,U=z?.end??null,V({start:H,end:U,source:z}));let{attachTrigger:W,triggerAttributes:G,triggerElement:K,closeOnChoice:q,id:J,attachField:Y,panel:ge}=x({ref:t,open:M,defaultOpen:ne,onOpenChange:re,side:se,align:ce,matchWidth:le,label:typeof k==`string`?k:P}),X=z?a.n(z.start,z.end,{locale:me}):``,Z=H!==null&&U!==null&&o.i(H,U)>0,Q=(e,t,n,r)=>{let i=e&&t&&o.i(e,t)<=0?{start:e,end:t}:null;V({start:e,end:t,source:i}),he(i,{reason:n,event:r})},_e=q,ve={locale:l,min:f,max:p,isDateUnavailable:m,disabled:y,readOnly:S,required:T,component:`datePicker.part`,px:0,py:0,tabIndex:F},$=de&&z&&!y&&!S&&(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":pe,tabIndex:F,onClick:e=>Q(null,null,`clear`,e)},children:(0,_.jsx)(b,{})}),ye=z!==null&&(f!=null&&o.i(z.start,f)<0||p!=null&&o.i(z.end,p)>0),be=fe?(0,_.jsx)(w,{frame:{...R,props:L},attachField:Y,attachTrigger:S?void 0:W,triggerAttributes:S?void 0:G,triggerElement:K,id:J,label:k,labelledBy:A,describedBy:j,text:X,placeholder:P,icon:(0,_.jsx)(v,{}),clear:$,disabled:y,invalid:E??ye,required:T,tabIndex:F,inputs:[{name:D,value:z?.start??``},{name:O,value:z?.end??``}],onReset:e=>Q(i?.start??null,i?.end??null,`reset`,e)}):(0,_.jsxs)(_.Fragment,{children:[k!==void 0&&(0,_.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:`${J}-label`,children:k}),(0,_.jsxs)(n.default,{ref:Y,component:`dateField`,display:`inline-flex`,ai:`center`,gap:2,px:3,py:2,...R,variant:[R.variant,{disabled:y,invalid:E??Z}],props:{role:`group`,"aria-labelledby":[k===void 0?void 0:`${J}-label`,A].filter(Boolean).join(` `)||void 0,"aria-invalid":(E??Z)||void 0,"aria-describedby":j,...L},children:[(0,_.jsx)(h.default,{...ve,value:H,onValueChange:(e,t)=>Q(e,U,t.reason,t.event),name:D,props:{"aria-label":ee},invalid:E??Z}),(0,_.jsx)(n.default,{component:`dateField.literal`,props:{"aria-hidden":!0},children:`–`}),(0,_.jsx)(h.default,{...ve,value:U,onValueChange:(e,t)=>Q(H,e,t.reason,t.event),name:O,props:{"aria-label":te},invalid:E??Z}),(0,_.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:2,ms:`auto`,children:[$,(0,_.jsx)(n.default,{tag:`button`,ref:W,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,borderRadius:1.5,disabled:y||S,props:{type:`button`,"aria-label":X?`${P}, ${X}`:P,tabIndex:F,...G},children:(0,_.jsx)(v,{})})]})]})]});return(0,_.jsxs)(c.t,{children:[be,ge((0,_.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[I&&I.length>0&&(0,_.jsx)(C,{presets:I,isSelected:e=>z!==null&&e.start===z.start&&e.end===z.end,onSelect:(e,t)=>{Q(e.start,e.end,`preset`,t),ie&&_e(t)}}),(0,_.jsx)(d.default,{mode:`range`,months:N,value:z,defaultFocusedDate:H??void 0,onValueChange:(e,t)=>{Q(e?.start??null,e?.end??null,`select`,t.event),ie&&e&&t.event&&_e(t.event)},min:f,max:p,isDateUnavailable:m,locale:l,firstDayOfWeek:ae,weekNumbers:oe})]}))]})}var D=e.f(T,`DatePicker`),O=e.f(E,`DateRangePicker`);exports.DateRangePicker=O,exports.default=D;