@progress/kendo-themes-html/dist/esm/datepicker/demos/datepicker.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,l)=>t[l]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),te=(e,t)=>{let{valid:o,invalid:l,hover:n,focus:i,checked:p,active:c,selected:u,disabled:f,indeterminate:k,loading:y,empty:A,readonly:F,highlighted:K,...O}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":i,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":k&&!p,"k-loading":y,"k-empty":A,"k-readonly":F,"k-highlighted":K},Object.keys(O).reduce((S,R)=>(R.startsWith("k-")?S[R]=O[R]:S[`k-${R}`]=O[R],S),{}))};function xa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},ae={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var It={};function fe(e){return It[e]=(It[e]||0)+1,`k-${e}-${It[e]}`}var Xe="input",ct=Xe;import{jsx as Wo}from"react/jsx-runtime";var pt="k-input",Vo=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Fo={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Uo={},P=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:k,...y}=e;return Wo("span",{...y,className:r(e.className,pt,I(pt,{size:u,rounded:f,fillMode:k}),te(pt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c}))})};P.states=Vo;P.options=Fo;P.className=pt;P.defaultOptions=Uo;P.moduleName=Xe;P.folderName=ct;import{jsx as qo}from"react/jsx-runtime";var mt="k-picker",$o=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Jo={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Xo={},Se=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c,size:u,rounded:f,fillMode:k,...y}=e;return qo("span",{...y,className:r(e.className,mt,I(mt,{size:u,rounded:f,fillMode:k}),te(mt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:p,readonly:c})),children:e.children})};Se.states=$o;Se.options=Jo;Se.className=mt;Se.defaultOptions=Xo;Se.moduleName=Xe;Se.folderName=ct;import{Fragment as Zo,jsx as ba}from"react/jsx-runtime";var Mt="k-font-icon",Yo=[],Go={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Qo={},qe=e=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:i,...p}=e;return l?ba("span",{...p,className:r(e.className,Mt,I(Mt,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):ba(Zo,{})};qe.states=Yo;qe.options=Go;qe.className=Mt;qe.defaultOptions=Qo;var ha=qe;import{Fragment as tn,jsx as ut}from"react/jsx-runtime";var Rt="k-svg-icon",jo=[],en={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[ae.outline,ae.solid,ae.duotone]},Lt={viewBox:"0 0 24 24",variant:ae.outline},Ye=e=>{let{size:t,themeColor:o,rotate:l,flip:n,viewBox:i=Lt.viewBox,variant:p=Lt.variant,icon:c,...u}=e;if(!c)return ut(tn,{});if(c==="none")return ut("span",{...u,className:r(e.className,Rt,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,k=typeof c=="object"?p&&c.variants?.[p]||c.variants?.outline||c.content:void 0;return ut("span",{...u,className:r(e.className,Rt,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:ut("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:c?void 0:e.children})})};Ye.states=jo;Ye.options=en;Ye.className=Rt;Ye.defaultOptions=Lt;var Ot=Ye;import*as Pt from"@progress/kendo-svg-icons";var Na="icon",ka="icons";import{useContext as on}from"react";import{createContext as an}from"react";var ya=an({iconsType:"svg"});import{Fragment as Ta,jsx as Ge}from"react/jsx-runtime";var Ct="k-icon",nn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ln=[],rn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[ae.outline,ae.solid,ae.duotone]},ft={viewBox:"0 0 24 24",type:"svg",variant:ae.outline},g=e=>{let{iconsType:t}=on(ya),{size:o,themeColor:l,icon:n,type:i=t||ft.type,rotate:p,flip:c,viewBox:u=ft.viewBox,variant:f=ft.variant,...k}=e;if(!n)return Ge(Ta,{});if((t||i)==="svg"){if(n==="none")return Ge(Ot,{...k,className:r(e.className,Ct),icon:n,size:o,variant:f});let A=Pt[n]?n:nn(`${n}-icon`);return Pt[A]?Ge(Ot,{...k,className:r(e.className,Ct),icon:Pt[A],size:o,themeColor:l,rotate:p,flip:c,viewBox:u,variant:f}):Ge(Ta,{})}return Ge(ha,{...k,className:r(e.className,Ct),icon:n,size:o,themeColor:l,rotate:p,flip:c})};g.states=ln;g.options=rn;g.defaultOptions=ft;g.className=Ct;g.moduleName=Na;g.folderName=ka;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as cn,jsx as _t}from"react/jsx-runtime";var va="k-clear-value",sn=[d.disabled,d.loading,d.readonly],dn={},G=e=>{let{disabled:t,loading:o,readonly:l,value:n}=e;return t||l||o||!n?_t(cn,{}):_t("span",{className:r(e.className,va),children:_t(g,{icon:"x"})})};G.states=sn;G.options=dn;G.className=va;import{jsx as un}from"react/jsx-runtime";var Kt="k-input-inner",pn=[],mn={},xt={type:"text",autocomplete:"off",value:"",placeholder:""},Q=e=>{let{value:t=xt.value,type:o=xt.type,placeholder:l=xt.placeholder,autocomplete:n=xt.autocomplete,disabled:i,readOnly:p,...c}=e;return un("input",{...c,type:o,className:r(e.className,Kt,I(Kt,e)),placeholder:l,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:p||void 0})};Q.states=pn;Q.options=mn;Q.className=Kt;import{jsx as wa,jsxs as xn}from"react/jsx-runtime";var Dt="k-input-inner",Cn=[],fn={},Ht=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:i,...p}=e;return xn("span",{...p,className:r(e.className,Dt,I(Dt,e)),children:[n,!n&&i&&wa(g,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&wa("span",{className:"k-input-value-text",children:t})]})};Ht.states=Cn;Ht.options=fn;Ht.className=Dt;import{jsx as Nn}from"react/jsx-runtime";var zt="k-input-inner",bn=[],hn={},ga={value:"",placeholder:""},Bt=e=>{let{value:t=ga.value,placeholder:o=ga.placeholder,rows:l,disabled:n,...i}=e;return Nn("textarea",{...i,className:r(e.className,zt,I(zt,e)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};Bt.states=bn;Bt.options=hn;Bt.className=zt;import{Fragment as yn,jsx as Aa}from"react/jsx-runtime";var Sa="k-input-loading-icon",kn=[d.disabled,d.loading],oe=e=>{let{disabled:t,loading:o}=e;return t||!o?Aa(yn,{}):Aa("span",{className:r(e.className,Sa,"k-icon k-i-loading")})};oe.states=kn;oe.className=Sa;import{Fragment as wn,jsx as Ea}from"react/jsx-runtime";var Ia="k-input-validation-icon",Tn=[d.valid,d.invalid,d.disabled,d.loading],vn={},Z=e=>{let{valid:t,invalid:o,disabled:l,loading:n}=e,i=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?Ea(wn,{}):Ea(g,{className:r(Ia),icon:i})};Z.states=Tn;Z.options=vn;Z.className=Ia;import{Fragment as Sn,jsx as Ma}from"react/jsx-runtime";var gn="k-input-prefix",An={direction:"horizontal"},Ee=e=>{let{direction:t=An.direction,...o}=e;return e.children?Ma("span",{...o,className:r(gn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ma(Sn,{})};import{Fragment as Mn,jsx as Ra}from"react/jsx-runtime";var En="k-input-suffix",In={direction:"horizontal"},Ie=e=>{let{direction:t=In.direction,...o}=e;return e.children?Ra("span",{...o,className:r(En,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ra(Mn,{})};import{jsx as Ji}from"react/jsx-runtime";import{jsx as Gi}from"react/jsx-runtime";import{jsx as Ln}from"react/jsx-runtime";var La="k-input-separator",Rn={direction:"vertical"},Me=e=>{let{direction:t=Rn.direction,...o}=e;return Ln("span",{...o,className:r(La,e.className,{[`${La}-${t}`]:t})})};var Vt="button",Oa=Vt;import{Fragment as Pa,jsx as Re,jsxs as _a}from"react/jsx-runtime";var Qe="k-button",On=["icon-button"],Pn=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],_n={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Ft={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:i,showArrow:p=Ft.showArrow,arrowIconName:c=Ft.arrowIconName,variant:u,hover:f,focus:k,active:y,selected:A,disabled:F,togglable:K,ariaDisabled:O,icon:S,iconSize:R,text:W,iconClassName:de,className:ce,...ue}=e,Ce=S!=null,Te=e.children!==void 0;return _a(t,{className:r(ce,Qe,xa(Qe,u),I(Qe,{size:o,rounded:l,fillMode:n,themeColor:i}),te(Qe,{hover:f,focus:k,active:y,disabled:F||O,selected:A}),{"k-icon-button":!W&&!Te&&Ce}),"aria-pressed":K?A?"true":"false":void 0,...ue,"aria-disabled":O?"true":void 0,disabled:F||void 0,children:[typeof S=="string"&&S&&Re(g,{className:r(de,"k-button-icon"),icon:S,size:R}),S&&typeof S!="string"&&Re(Pa,{children:S}),W?_a(Pa,{children:[W&&Re("span",{className:"k-button-text",children:W}),e.children]}):e.children&&Re("span",{className:"k-button-text",children:e.children}),p&&Re("span",{className:"k-menu-button-arrow k-button-arrow",children:Re(g,{icon:c})})]})};N.states=Pn;N.options=_n;N.variants=On;N.className=Qe;N.defaultOptions=Ft;N.moduleName=Vt;N.folderName=Oa;N.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Kn}from"react/jsx-runtime";var ve=e=>Kn(N,{children:"Button",...e});import{Fragment as Ka,jsx as ne,jsxs as Ut}from"react/jsx-runtime";var Dn=P.states,Hn=P.defaultOptions,zn=P.options,Bn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Vn=[],Le=e=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:i,readonly:p,...c}=e,u=t?.prefix,f=t?.suffix,k=t?.["clear-button"],y=t?.["validation-icon"],A=t?.separators;return Ut(P,{...c,valid:o,invalid:l,loading:n,disabled:i,readonly:p,style:{width:300},children:[u&&Ut(Ka,{children:[ne(Ee,{children:ne(g,{icon:"lock"})}),A&&ne(Me,{})]}),ne(Q,{placeholder:"Placeholder",value:"Value"}),y&&ne(Z,{valid:o,invalid:l,loading:n,disabled:i}),ne(oe,{loading:n,disabled:i}),k&&ne(G,{loading:n,disabled:i,readonly:p,value:"Value"}),f&&Ut(Ka,{children:[A&&ne(Me,{}),ne(Ie,{children:ne(ve,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Le.options=zn;Le.states=Dn;Le.variants=Vn;Le.defaultOptions=Hn;Le.modifiers=Bn;Le.className=P.className;import{jsx as Fn}from"react/jsx-runtime";var Da=e=>Fn(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Un}from"react/jsx-runtime";var Ha=e=>Un(N,{icon:"folder",children:"Button",...e});import{jsx as Wt}from"react/jsx-runtime";var Wn=N.options,$n=N.states,Jn={...N.defaultOptions,variant:"text"},Xn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qn=[],Oe=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Wt(Da,{...o,icon:"star"});case"icon-and-text":return Wt(Ha,{...o,icon:"star",children:"Button"});default:return Wt(ve,{...o,children:"Button"})}};Oe.options=Wn;Oe.states=$n;Oe.variants=Xn;Oe.defaultOptions=Jn;Oe.modifiers=qn;Oe.className=N.className;var $t="popup",za=$t;import{jsx as Ba}from"react/jsx-runtime";var Va="k-animation-container",Yn=[],Gn={},Jt={positionMode:"absolute",shown:!0},le=e=>{let{positionMode:t=Jt.positionMode,shown:o=Jt.shown,animationStyle:l,offset:n,...i}=e;return Ba("div",{...i,style:{...n,...e.style},className:r(e.className,Va,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ba("div",{className:"k-child-animation-container",style:l,children:e.children})})};le.states=Yn;le.options=Gn;le.className=Va;le.defaultOptions=Jt;le.moduleName=$t;le.folderName=za;var Xt="popup",Fa=Xt;import{jsx as Ua}from"react/jsx-runtime";var Wa="k-popup",Qn=[],Zn={},$a={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=$a.positionMode,animationStyle:l,containerClassName:n,containerRole:i,containerAriaLabel:p,...c}=e;return Ua(le,{positionMode:o,offset:t,animationStyle:l,className:n,role:i,"aria-label":p,children:Ua("div",{...c,className:r(e.className,Wa),children:e.children})})};pe.states=Qn;pe.options=Zn;pe.className=Wa;pe.defaultOptions=$a;pe.moduleName=Xt;pe.folderName=Fa;pe.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{jsx as jn}from"react/jsx-runtime";var Ja="k-calendar-view",qt={orientation:"horizontal",calendarView:"month"},bt=e=>{let{orientation:t=qt.orientation,calendarView:o=qt.calendarView,gridRole:l,ariaLabelledBy:n,...i}=e;return jn("div",{...i,className:r(e.className,Ja,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...l?{role:"grid","aria-labelledby":n,tabIndex:0}:{},children:e.children})};bt.className=Ja;bt.defaultOptions=qt;import{jsx as Ze,jsxs as Xa}from"react/jsx-runtime";var qa="k-calendar-header",el={size:[s.undefined,s.small,s.medium,s.large]},je={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},we=e=>{let{calendarTitleText:t=je.calendarTitleText,showToday:o=je.showToday,showNavigationButtons:l=je.showNavigationButtons,orientation:n=je.orientation,size:i,calendarView:p,dir:c,titleId:u,...f}=e,k=c==="rtl"?"chevron-right":"chevron-left",y=c==="rtl"?"chevron-left":"chevron-right",A=u||fe("calendar-title");return Xa("div",{...f,className:r(e.className,qa,{"k-vstack":n==="vertical"}),children:[Ze(N,{disabled:p==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:A,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...p==="century"?{"aria-disabled":"true"}:{}}),Ze("span",{className:"k-spacer"}),Xa("span",{className:"k-calendar-nav",children:[l&&Ze(N,{className:"k-calendar-nav-prev",icon:k,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&Ze(N,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&Ze(N,{className:"k-calendar-nav-next",icon:y,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};we.options=el;we.className=qa;we.defaultOptions=je;import{jsx as Ya}from"react/jsx-runtime";var Ga="k-calendar-footer",tl={size:[s.undefined,s.small,s.medium,s.large]},Qa={calendarFooterText:"Tuesday, October 12, 2021"},et=e=>{let{size:t,calendarFooterText:o=Qa.calendarFooterText,...l}=e;return Ya("div",{...l,className:r(e.className,Ga),children:Ya(N,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};et.options=tl;et.className=Ga;et.defaultOptions=Qa;var D="calendar",B=D;import{jsx as Yt,jsxs as nl}from"react/jsx-runtime";var Gt="k-calendar",al=[],ol={size:[s.undefined,s.small,s.medium,s.large]},tt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},E=e=>{let{size:t,orientation:o=tt.orientation,calendarView:l=tt.calendarView,calendarTitleText:n=tt.calendarTitleText,showCalendarHeader:i=tt.showCalendarHeader,showWeek:p,showCalendarFooter:c,calendarFooterText:u,dir:f,...k}=e,y=fe("calendar-title");return nl("div",{...k,dir:f,className:r(e.className,Gt,I(Gt,{size:t}),{"k-week-number":p}),children:[i&&Yt(we,{calendarView:l,showToday:!c,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:y}),Yt(bt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),c&&Yt(et,{calendarFooterText:u,size:t})]})};E.states=al;E.options=ol;E.className=Gt;E.defaultOptions=tt;E.moduleName=D;E.folderName=B;E.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as sl}from"react/jsx-runtime";var Za="k-calendar-container",ll=[],rl={},il={},Pe=e=>{let{...t}=e;return sl("div",{...t,className:r(e.className,Za),children:e.children})};Pe.states=ll;Pe.options=rl;Pe.className=Za;Pe.defaultOptions=il;Pe.moduleName=D;Pe.folderName=B;import{Fragment as cl,jsx as _e,jsxs as pl}from"react/jsx-runtime";var dl=[d.hover,d.focus,d.active,d.selected,d.disabled],a=e=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:i,weekCell:p,rangeStart:c,rangeMid:u,rangeEnd:f,dayIndicator:k,empty:y,hover:A,focus:F,active:K,selected:O,disabled:S,...R}=e,de=`k-calendar-${o?"th":"td"}`,ce=[e.className,de,te(de,{hover:A,focus:F,active:K,selected:O,disabled:S}),{"k-today":l,"k-weekend":n,"k-other-month":i,"k-alt":p,"k-range-start":c,"k-range-mid":u,"k-range-end":f,"k-empty":y}],ue={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ce=t?ue[t]||t:void 0;return _e("th",{...R,className:r(ce),role:"columnheader",scope:"col","aria-label":Ce,children:p?_e("span",{className:"k-sr-only",children:Ce}):t})}return p?_e("td",{...R,className:r(ce),children:t}):_e("td",{...R,className:r(ce),role:"gridcell",...O?{"aria-selected":"true"}:{},...S?{"aria-disabled":"true"}:{},children:y&&!i?_e(cl,{children:"\xA0"}):pl("span",{className:"k-link",children:[t,k&&_e("span",{className:"k-day-indicator"})]})})};a.states=dl;import{jsx as Qt,jsxs as ml}from"react/jsx-runtime";var ja="k-calendar-thead",eo={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ke=e=>{let{showWeek:t,cellsText:o=eo.cellsText,...l}=e;return Qt("thead",{...l,className:r(e.className,ja),role:"rowgroup",children:ml("tr",{className:"k-calendar-tr",role:"row",children:[t&&Qt(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>Qt(a,{text:n,headerCell:!0},i))]})})};Ke.className=ja;Ke.defaultOptions=eo;import{jsx as ul}from"react/jsx-runtime";var to="k-calendar-tbody",_=e=>{let{...t}=e;return ul("tbody",{...t,className:r(e.className,to),role:"rowgroup",children:e.children})};_.className=to;_.moduleName=D;_.folderName=B;import{jsx as Zt,jsxs as fl}from"react/jsx-runtime";var Cl="k-calendar-table",re=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:p,...c}=e;return fl("table",{...c,className:r(e.className,Cl),...p?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&Zt("caption",{className:"k-calendar-caption",children:t}),o&&Zt(Ke,{showWeek:l}),Zt(_,{children:e.children})]})};import{jsx as jt,jsxs as ao}from"react/jsx-runtime";var oo="k-calendar-navigation",at=e=>ao("div",{...e,className:r(e.className,oo),children:[jt("span",{className:"k-calendar-navigation-highlight"}),ao("div",{className:"k-content k-scrollable",children:[jt("ul",{className:"k-reset",children:e.children}),jt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});at.className=oo;at.moduleName=D;at.folderName=B;import{jsx as bl}from"react/jsx-runtime";var xl="k-calendar-table",ea=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return bl("table",{...l,className:r(e.className,xl),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as j,jsxs as ht}from"react/jsx-runtime";var no="k-calendar-view",De={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},He=e=>{let{orientation:t=De.orientation,calendarView:o=De.calendarView,headerText:l=De.headerText,showWeekdays:n=De.showWeekdays,showNavigationButtons:i=De.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:c,gridLabelledBy:u,...f}=e;return ht("div",{...f,className:r(no,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[j(we,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),n&&ht(ea,{className:"k-calendar-weekdays",tableRole:"table",children:[ht("colgroup",{children:[j("col",{}),j("col",{}),j("col",{}),j("col",{}),j("col",{}),j("col",{}),j("col",{})]}),j(Ke,{cellsText:c,showWeek:p})]}),ht("div",{className:"k-content k-scrollable",role:"none",children:[j(ea,{tableRole:"grid",ariaLabelledBy:u,children:e.children}),j("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};He.className=no;He.defaultOptions=De;He.moduleName=D;He.folderName=B;import{jsx as Nt,jsxs as Tl}from"react/jsx-runtime";var lo="k-calendar-infinite",hl={size:[s.undefined,s.small,s.medium,s.large]},Nl=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],kl={2021:"marker",2022:"marker"},yl=(e,t)=>e.map((o,l)=>Nt("li",{children:Nt("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),ot={showNavigation:!0,calendarView:"month",navigationItems:Nl,navigationMarkerConfig:kl},M=e=>{let{size:t,showNavigation:o=ot.showNavigation,calendarView:l=ot.calendarView,navigationItems:n=ot.navigationItems,navigationMarkerConfig:i=ot.navigationMarkerConfig,calendarTitleText:p,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,calendarWeekdays:k,...y}=e,A=fe("calendar-infinite-title");return Tl("div",{...y,className:r(e.className,"k-calendar",lo,I("k-calendar",{size:t})),children:[o&&Nt(at,{children:yl(n,i)}),Nt(He,{calendarView:l,headerText:p,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:k,gridLabelledBy:A,children:e.children})]})};M.options=hl;M.className=lo;M.defaultOptions=ot;M.moduleName=D;M.folderName=B;M.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as vl}from"react/jsx-runtime";var ro="k-calendar-tr",m=e=>{let{...t}=e;return vl("tr",{...t,className:r(e.className,ro),role:"row",children:e.children})};m.className=ro;m.moduleName=D;m.folderName=B;import{jsx as wl}from"react/jsx-runtime";var io="k-calendar-caption",V=e=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...i}=e;return wl("th",{...i,scope:o,colSpan:l,rowSpan:n,className:r(e.className,io),children:t})};V.className=io;V.moduleName=D;V.folderName=B;import{jsx as $,jsxs as kt}from"react/jsx-runtime";var so=({showOtherCentury:e,...t})=>$(E,{calendarView:"century",calendarTitleText:"2000 - 2099",children:kt(re,{children:[kt(m,{children:[$(a,{text:"1990 - 1999"}),$(a,{text:"2000 - 2009"}),$(a,{text:"2010 - 2019",today:!0}),$(a,{text:"2020 - 2029"})]}),kt(m,{children:[$(a,{text:"2030 - 2039"}),$(a,{text:"2040 - 2049"}),$(a,{text:"2050 - 2059"}),$(a,{text:"2060 - 2069"})]}),kt(m,{children:[$(a,{text:"2070 - 2079"}),$(a,{text:"2080 - 2089"}),$(a,{text:"2090 - 2099"}),$(a,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as J,jsxs as yt}from"react/jsx-runtime";var co=({showOtherDecade:e,...t})=>J(E,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:yt(re,{children:[yt(m,{children:[J(a,{text:"2019",empty:!e}),J(a,{text:"2020"}),J(a,{text:"2021",today:!0}),J(a,{text:"2022"})]}),yt(m,{children:[J(a,{text:"2023"}),J(a,{text:"2024"}),J(a,{text:"2025"}),J(a,{text:"2026"})]}),yt(m,{children:[J(a,{text:"2027"}),J(a,{text:"2028"}),J(a,{text:"2029"}),J(a,{text:"2030",empty:!e})]})]}),...t});import{jsx as x,jsxs as ge}from"react/jsx-runtime";var nt=({showCaptions:e,showOtherMonth:t,...o})=>x(E,{calendarView:"month",children:ge(re,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[ge(m,{children:[x(a,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),x(a,{text:"27",showOtherMonth:t,empty:!t}),x(a,{text:"28",showOtherMonth:t,empty:!t}),x(a,{text:"29",showOtherMonth:t,empty:!t}),x(a,{text:"30",showOtherMonth:t,empty:!t}),x(a,{text:"1"}),x(a,{text:"2",weekend:!0})]}),ge(m,{children:[x(a,{text:"3",weekend:!0}),x(a,{text:"4"}),x(a,{text:"5"}),x(a,{text:"6"}),x(a,{text:"7"}),x(a,{text:"8"}),x(a,{text:"9",weekend:!0})]}),ge(m,{children:[x(a,{text:"10",weekend:!0}),x(a,{text:"11"}),x(a,{text:"12",today:!0}),x(a,{text:"13"}),x(a,{text:"14"}),x(a,{text:"15"}),x(a,{text:"16",weekend:!0})]}),ge(m,{children:[x(a,{text:"17",weekend:!0}),x(a,{text:"18"}),x(a,{text:"19"}),x(a,{text:"20"}),x(a,{text:"21"}),x(a,{text:"22"}),x(a,{text:"23",weekend:!0})]}),ge(m,{children:[x(a,{text:"24",weekend:!0}),x(a,{text:"25"}),x(a,{text:"26"}),x(a,{text:"27"}),x(a,{text:"28"}),x(a,{text:"29"}),x(a,{text:"30",weekend:!0})]}),ge(m,{children:[x(a,{text:"31",weekend:!0}),x(a,{text:"1",showOtherMonth:t,empty:!t}),x(a,{text:"2",showOtherMonth:t,empty:!t}),x(a,{text:"3",showOtherMonth:t,empty:!t}),x(a,{text:"4",showOtherMonth:t,empty:!t}),x(a,{text:"5",showOtherMonth:t,empty:!t}),x(a,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as $c,jsxs as Jc}from"react/jsx-runtime";import{jsx as X,jsxs as Tt}from"react/jsx-runtime";var po=e=>X(E,{calendarView:"year",calendarTitleText:"2019",children:Tt(re,{children:[Tt(m,{children:[X(a,{text:"Jan"}),X(a,{text:"Feb"}),X(a,{text:"Mar"}),X(a,{text:"Apr"})]}),Tt(m,{children:[X(a,{text:"May"}),X(a,{text:"Jun"}),X(a,{text:"Jul"}),X(a,{text:"Au"})]}),Tt(m,{children:[X(a,{text:"Sep"}),X(a,{text:"Oct",today:!0}),X(a,{text:"Nov"}),X(a,{text:"Dec"})]})]}),...e});import{Fragment as gl,jsx as C,jsxs as me}from"react/jsx-runtime";var mo=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>C(M,{calendarTitleText:"January 2021",children:me(gl,{children:[me("colgroup",{children:[C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{})]}),me(_,{children:[C(m,{"aria-hidden":"true",children:C(V,{scope:"col",colSpan:7,text:e})}),me(m,{children:[C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{text:"1"}),C(a,{text:"2",weekend:!0})]}),me(m,{children:[C(a,{text:"3",weekend:!0}),C(a,{text:"4"}),C(a,{text:"5"}),C(a,{text:"6"}),C(a,{text:"7"}),C(a,{text:"8"}),C(a,{text:"9",weekend:!0})]}),me(m,{children:[C(a,{text:"10",weekend:!0}),C(a,{text:"11"}),C(a,{text:"12"}),C(a,{text:"13"}),C(a,{text:"14"}),C(a,{text:"15"}),C(a,{text:"16",weekend:!0})]}),me(m,{children:[C(a,{text:"17",weekend:!0}),C(a,{text:"18"}),C(a,{text:"19"}),C(a,{text:"20"}),C(a,{text:"21"}),C(a,{text:"22"}),C(a,{text:"23",weekend:!0})]}),me(m,{children:[C(a,{text:"24",weekend:!0}),C(a,{text:"25"}),C(a,{text:"26"}),C(a,{text:"27"}),C(a,{text:"28"}),C(a,{text:"29"}),C(a,{text:"30",weekend:!0})]}),me(m,{children:[C(a,{text:"31",weekend:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0})]})]}),C(_,{children:C(m,{"aria-hidden":"true",children:C(V,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as Al,jsx as T,jsxs as ie}from"react/jsx-runtime";var uo=({firstCaption:e="2021",secondCaption:t="2022",...o})=>T(M,{calendarView:"year",showWeekdays:!1,calendarTitleText:"2021",navigationItems:["2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042"],navigationMarkerConfig:{2021:"marker",2030:"marker",2040:"marker"},children:ie(Al,{children:[ie("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),ie(_,{children:[T(m,{"aria-hidden":"true",children:T(V,{scope:"col",colSpan:4,text:e})}),ie(m,{children:[T(a,{text:"Jan",today:!0}),T(a,{text:"Feb"}),T(a,{text:"Mar"}),T(a,{text:"Apr"})]}),ie(m,{children:[T(a,{text:"May"}),T(a,{text:"Jun"}),T(a,{text:"Jul"}),T(a,{text:"Aug"})]}),ie(m,{children:[T(a,{text:"Sep"}),T(a,{text:"Oct"}),T(a,{text:"Nov"}),T(a,{text:"Dec"})]})]}),ie(_,{children:[T(m,{"aria-hidden":"true",children:T(V,{scope:"col",colSpan:4,text:t})}),ie(m,{children:[T(a,{text:"Jan"}),T(a,{text:"Feb"}),T(a,{text:"Mar"}),T(a,{text:"Apr"})]}),ie(m,{children:[T(a,{text:"May"}),T(a,{text:"Jun"}),T(a,{text:"Jul"}),T(a,{text:"Aug"})]}),ie(m,{children:[T(a,{text:"Sep"}),T(a,{text:"Oct"}),T(a,{text:"Nov"}),T(a,{text:"Dec"})]})]})]}),...o});import{Fragment as Sl,jsx as v,jsxs as se}from"react/jsx-runtime";var Co=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>v(M,{calendarView:"decade",showWeekdays:!1,calendarTitleText:"2020 - 2029",navigationItems:["1970","1980","1990","2000","2010","2020","2030","2040","2050","2060","2070","2080","2090"],navigationMarkerConfig:{2020:"marker"},children:se(Sl,{children:[se("colgroup",{children:[v("col",{}),v("col",{}),v("col",{}),v("col",{})]}),se(_,{children:[v(m,{"aria-hidden":"true",children:v(V,{scope:"col",colSpan:4,text:e})}),se(m,{children:[v(a,{text:"2020",today:!0}),v(a,{text:"2021"}),v(a,{text:"2022"}),v(a,{text:"2023"})]}),se(m,{children:[v(a,{text:"2024"}),v(a,{text:"2025"}),v(a,{text:"2026"}),v(a,{text:"2027"})]}),se(m,{children:[v(a,{text:"2028"}),v(a,{text:"2029"}),v(a,{empty:!0}),v(a,{empty:!0})]})]}),se(_,{children:[v(m,{"aria-hidden":"true",children:v(V,{scope:"col",colSpan:4,text:t})}),se(m,{children:[v(a,{text:"2030"}),v(a,{text:"2031"}),v(a,{text:"2032"}),v(a,{text:"2033"})]}),se(m,{children:[v(a,{text:"2034"}),v(a,{text:"2035"}),v(a,{text:"2036"}),v(a,{text:"2037"})]}),se(m,{children:[v(a,{text:"2038"}),v(a,{text:"2039"}),v(a,{empty:!0}),v(a,{empty:!0})]})]})]}),...o});import{Fragment as El,jsx as L,jsxs as ze}from"react/jsx-runtime";var fo=({firstCaption:e="2000 - 2099",...t})=>L(M,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:ze(El,{children:[ze("colgroup",{children:[L("col",{}),L("col",{}),L("col",{}),L("col",{})]}),ze(_,{children:[L(m,{"aria-hidden":"true",children:L(V,{scope:"col",colSpan:4,text:e})}),ze(m,{children:[L(a,{text:"1900 - 1999"}),L(a,{text:"2000 - 2009"}),L(a,{text:"2010 - 2019"}),L(a,{text:"2020 - 2029"})]}),ze(m,{children:[L(a,{text:"2030 - 2039"}),L(a,{text:"2040 - 2049"}),L(a,{text:"2050 - 2059"}),L(a,{text:"2060 - 2069"})]}),ze(m,{children:[L(a,{text:"2070 - 2079"}),L(a,{text:"2080 - 2089"}),L(a,{text:"2090 - 2099"}),L(a,{empty:!0})]})]})]}),...t});import{Fragment as up,jsx as pp,jsxs as mp}from"react/jsx-runtime";import{jsx as bp,jsxs as hp}from"react/jsx-runtime";import{Fragment as wp,jsx as Tp,jsxs as vp}from"react/jsx-runtime";import{jsx as vt}from"react/jsx-runtime";var Il=E.options,Ml=E.states,xo={...E.defaultOptions,variant:"month"},Rl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Ll=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Be=e=>{let{variant:t,modifiers:o,...l}={...xo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!o?.[f],n.showOtherCentury=!!o?.[f],n.showOtherDecade=!!o?.[f];break;case"footer":n.showCalendarFooter=!!o?.[f];break;default:return}});let{showOtherMonth:i,showOtherDecade:p,showOtherCentury:c,showCalendarFooter:u}=n;switch(t){case"century":return vt(so,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return vt(co,{size:l.size,showOtherDecade:p,showCalendarFooter:u});case"year":return vt(po,{calendarTitleText:"2021",size:l.size,showCalendarFooter:u});default:return vt(nt,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};Be.options=Il;Be.states=Ml;Be.variants=Rl;Be.defaultOptions=xo;Be.modifiers=Ll;Be.className=E.className;import{jsx as wt}from"react/jsx-runtime";var Ol=M.options,Pl=M.states,bo={...M.defaultOptions,variant:"month"},_l=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Kl=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Ve=e=>{let{variant:t,modifiers:o,...l}={...bo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!o?.[f],n.showOtherCentury=!!o?.[f],n.showOtherDecade=!!o?.[f];break;case"footer":n.showCalendarFooter=!!o?.[f];break;default:return}});let{showOtherMonth:i,showOtherDecade:p,showOtherCentury:c,showCalendarFooter:u}=n;switch(t){case"century":return wt(fo,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return wt(Co,{size:l.size,showOtherDecade:p,showCalendarFooter:u});case"year":return wt(uo,{size:l.size,showCalendarFooter:u});default:return wt(mo,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};Ve.options=Ol;Ve.states=Pl;Ve.variants=_l;Ve.defaultOptions=bo;Ve.modifiers=Kl;Ve.className=M.className;var ta="action-buttons",ho=ta;import{jsx as zl}from"react/jsx-runtime";var gt="k-actions",Dl=[],Hl={},aa={alignment:"start",orientation:"horizontal"},xe=e=>{let{alignment:t=aa.alignment,orientation:o=aa.orientation,...l}=e;return zl("div",{...l,className:r(gt,{[`${gt}-${t}`]:t,[`${gt}-${o}`]:o},e.className),children:e.children})};xe.states=Dl;xe.options=Hl;xe.className=gt;xe.defaultOptions=aa;xe.moduleName=ta;xe.folderName=ho;import{jsx as Vl}from"react/jsx-runtime";var Bl="k-actionsheet-footer",No={alignment:"stretched",orientation:"horizontal"},Fe=e=>{let{alignment:t=No.alignment,orientation:o=No.orientation,template:l,as:n=l?"div":xe,...i}=e;return Vl(n,{...i,...!l&&{alignment:t,orientation:o},className:r(e.className,Bl),children:e.children})};var oa="searchbox",ko=oa;import{jsx as lt,jsxs as Wl}from"react/jsx-runtime";var yo="k-searchbox",Fl=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],Ul={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},na={showIcon:!0,icon:"search"},be=e=>{let{value:t,placeholder:o,size:l,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:k,loading:y,disabled:A,showIcon:F=na.showIcon,icon:K=na.icon,"aria-label":O,...S}=e;return Wl(P,{...S,size:l,rounded:n,fillMode:i,hover:p,focus:c,valid:u,invalid:f,required:k,loading:y,disabled:A,className:r(e.className,yo),children:[F&&lt(g,{className:"k-input-icon",icon:K}),lt(Q,{placeholder:o,value:t,"aria-label":O}),lt(oe,{...e}),lt(Z,{...e}),lt(G,{...e})]})};be.states=Fl;be.options=Ul;be.className=yo;be.defaultOptions=na;be.moduleName=oa;be.folderName=ko;import{jsx as zm}from"react/jsx-runtime";var la="textbox",To=la;import{Fragment as vo,jsx as he,jsxs as ra}from"react/jsx-runtime";var wo="k-textbox",$l=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Jl={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},At={showClearButton:!0,showValidationIcon:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:l,separators:n=At.separators,showClearButton:i=At.showClearButton,showValidationIcon:p=At.showValidationIcon,prefix:c,suffix:u,type:f,value:k,placeholder:y,hover:A,focus:F,valid:K,invalid:O,required:S,loading:R,disabled:W,readonly:de,id:ce,"aria-label":ue,"aria-describedby":Ce,...Te}=e;return ra(P,{...Te,size:t,rounded:o,fillMode:l,hover:A,focus:F,valid:K,invalid:O,required:S,loading:R,disabled:W,readonly:de,className:r(e.className,wo),children:[c&&ra(vo,{children:[he(Ee,{children:c}),n&&he(Me,{})]}),he(Q,{id:ce,placeholder:y,value:k,type:f,disabled:W,"aria-label":ue,"aria-describedby":Ce,"aria-invalid":O?"true":void 0}),p&&he(Z,{valid:K,invalid:O,loading:R,disabled:W}),he(oe,{loading:R,disabled:W}),i&&he(G,{loading:R,disabled:W,readonly:de,value:k}),u&&ra(vo,{children:[n&&he(Me,{}),he(Ie,{children:u})]})]})};U.states=$l;U.options=Jl;U.className=wo;U.defaultOptions=At;U.moduleName=la;U.folderName=To;U.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var rt=U;import{jsx as Xl}from"react/jsx-runtime";var go=e=>Xl(rt,{...e});import{Fragment as ou,jsx as au}from"react/jsx-runtime";import{Fragment as du,jsx as su}from"react/jsx-runtime";import{jsx as uu}from"react/jsx-runtime";import{jsx as ia}from"react/jsx-runtime";var ql=U.states,Yl=U.defaultOptions,Gl=U.options,Ql=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Zl=[],Ue=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t?.[n]?ia(g,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[n]?ia(ve,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[n];break;default:break}}),ia(go,{value:"Value",style:{width:300},...o,...l})};Ue.options=Gl;Ue.states=ql;Ue.variants=Zl;Ue.defaultOptions=Yl;Ue.modifiers=Ql;Ue.className=U.className;import{jsx as Ne,jsxs as sa}from"react/jsx-runtime";var Ao="k-actionsheet-titlebar",jl={},ee=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:n,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:k,children:y,...A}=e;return sa("div",{...A,className:r(e.className,Ao),children:[sa("div",{className:"k-actionsheet-titlebar-group",children:[l&&Ne("div",{className:"k-actionsheet-actions",children:l}),!y&&sa("div",{className:"k-actionsheet-title",id:k,children:[t&&Ne("div",{className:"k-text-center",children:t}),o&&Ne("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&Ne("div",{className:"k-actionsheet-title",id:k,children:y}),n&&Ne("div",{className:"k-actionsheet-actions",children:n})]}),(p||i)&&Ne("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Ne(U,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Ne(be,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ee.className=Ao;ee.defaultOptions=jl;import{jsx as da,jsxs as or}from"react/jsx-runtime";var ca="k-actionsheet-view",er=[],tr={},ar={},We=e=>{let{adaptive:t,animated:o,children:l,header:n,footer:i,titleId:p,...c}=e,u=n?.type===ee&&da(ee,{adaptive:t,titleId:p,...n?.props}),f=i?.type===Fe&&da(Fe,{...i?.props});return or("div",{...c,className:r(e.className,ca,{[`${ca}-animated`]:o}),children:[u,da("div",{className:"k-actionsheet-content",children:l}),f]})};We.states=er;We.options=tr;We.className=ca;We.defaultOptions=ar;var it="action-sheet",St=it;var pa="overlay",So=pa;import{jsx as ir}from"react/jsx-runtime";var Eo="k-overlay",nr=[],lr={},rr={},ke=e=>{let{...t}=e;return ir("div",{...t,className:r(e.className,Eo),children:e.children})};ke.states=nr;ke.options=lr;ke.className=Eo;ke.defaultOptions=rr;ke.moduleName=pa;ke.folderName=So;import{jsx as Et,jsxs as cr}from"react/jsx-runtime";var Io="k-actionsheet",sr=[],dr={},st={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},H=e=>{let{side:t=st.side,fullscreen:o=st.fullscreen,adaptive:l=st.adaptive,overlay:n=st.overlay,template:i,children:p,header:c,footer:u,id:f,...k}=e,y=f&&!i&&c?`${f}-title`:void 0;return cr("div",{className:"k-actionsheet-container",children:[n&&Et(ke,{}),Et(le,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Et("div",{...k,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":y,className:r(e.className,Io,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children:i||Et(We,{header:c,footer:u,adaptive:l,titleId:y,...e,children:p})})})]})};H.states=sr;H.options=dr;H.className=Io;H.defaultOptions=st;H.moduleName=it;H.folderName=St;H.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Cr}from"react/jsx-runtime";var Mo="k-actionsheet-container",pr=[],mr={},ur={},$e=e=>{let{children:t,...o}=e;return Cr("div",{...o,className:Mo,children:t})};$e.states=pr;$e.options=mr;$e.className=Mo;$e.defaultOptions=ur;$e.moduleName=it;$e.folderName=St;import{jsx as fr}from"react/jsx-runtime";var ma=e=>{let{...t}=e;return fr("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as br,jsx as dt,jsxs as ua}from"react/jsx-runtime";var Ca="k-actionsheet-item",xr=[d.hover,d.focus,d.selected,d.disabled],ye=e=>{let{iconName:t,text:o,description:l,hover:n,focus:i,selected:p,disabled:c,...u}=e;return ua("span",{...u,className:r(e.className,Ca,te(Ca,{hover:n,focus:i,selected:p,disabled:c})),children:[!e.children&&dt(br,{children:ua("span",{className:"k-actionsheet-action",children:[t&&dt("span",{className:"k-icon-wrap",children:dt(g,{className:"k-actionsheet-item-icon",icon:t})}),ua("span",{className:"k-actionsheet-item-text",children:[o&&dt("span",{className:"k-actionsheet-item-title",children:o}),l&&dt("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};ye.states=xr;ye.className=Ca;import{jsx as mC,jsxs as uC}from"react/jsx-runtime";import{jsx as bC}from"react/jsx-runtime";import{jsx as yC}from"react/jsx-runtime";import{jsx as gC}from"react/jsx-runtime";import{jsx as z,jsxs as fa}from"react/jsx-runtime";var hr=H.options,Nr=H.states,Lo={...H.defaultOptions,variant:"normal"},kr=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],yr=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Je=e=>{let{variant:t,modifiers:o,...l}={...Lo,...e},n={},i=fa(ma,{children:[z(ye,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),z(ye,{text:"Add to Favorites",iconName:"heart"}),z(ye,{text:"Upload New",iconName:"upload",disabled:!0}),z("hr",{className:"k-hr"}),z(ye,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?p:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?z(H,{...l,adaptive:!0,fullscreen:n.fullScreen,header:z(ee,{actionsStart:n.actionsStart?z(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?z(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,