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

A collection of HTML helpers used for developing Kendo UI themes

var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(e,t)=>l({[`${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"}),$=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:i,checked:m,active:c,selected:p,disabled:u,indeterminate:T,loading:k,empty:E,readonly:Z,highlighted:F,...w}=t;return l({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":i,"k-checked":m,"k-active":c,"k-selected":p,"k-disabled":u,"k-indeterminate":T&&!m,"k-loading":k,"k-empty":E,"k-readonly":Z,"k-highlighted":F},Object.keys(w).reduce((M,R)=>(R.startsWith("k-")?M[R]=w[R]:M[`k-${R}`]=w[R],M),{}))};function Ka(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},S={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},le={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={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 Vt={};function Ne(e){return Vt[e]=(Vt[e]||0)+1,`k-${e}-${Vt[e]}`}var je="input",bt=je;import{jsx as Sn}from"react/jsx-runtime";var ht="k-input",kn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],yn={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},gn={},_=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:m,readonly:c,size:p,rounded:u,fillMode:T,...k}=e;return Sn("span",{...k,className:l(e.className,ht,v(ht,{size:p,rounded:u,fillMode:T}),$(ht,{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:m,readonly:c}))})};_.states=kn;_.options=yn;_.className=ht;_.defaultOptions=gn;_.moduleName=je;_.folderName=bt;import{jsx as wn}from"react/jsx-runtime";var Nt="k-picker",vn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],An={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},En={},Oe=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:m,readonly:c,size:p,rounded:u,fillMode:T,...k}=e;return wn("span",{...k,className:l(e.className,Nt,v(Nt,{size:p,rounded:u,fillMode:T}),$(Nt,{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:m,readonly:c})),children:e.children})};Oe.states=vn;Oe.options=An;Oe.className=Nt;Oe.defaultOptions=En;Oe.moduleName=je;Oe.folderName=bt;import{Fragment as Rn,jsx as Pa}from"react/jsx-runtime";var Ut="k-font-icon",Mn=[],In={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},Ln={},et=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:i,...m}=e;return r?Pa("span",{...m,className:l(e.className,Ut,v(Ut,{size:t}),{[`k-i-${r}`]:r,[`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"}):Pa(Rn,{})};et.states=Mn;et.options=In;et.className=Ut;et.defaultOptions=Ln;var Ba=et;import{Fragment as Dn,jsx as Tt}from"react/jsx-runtime";var Wt="k-svg-icon",On=[],_n={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[le.outline,le.solid,le.duotone]},$t={viewBox:"0 0 24 24",variant:le.outline},tt=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:i=$t.viewBox,variant:m=$t.variant,icon:c,...p}=e;if(!c)return Tt(Dn,{});if(c==="none")return Tt("span",{...p,className:l(e.className,Wt,v("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,T=typeof c=="object"?m&&c.variants?.[m]||c.variants?.outline||c.content:void 0;return Tt("span",{...p,className:l(e.className,Wt,v("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Tt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:T!==void 0?{__html:T}:void 0,children:c?void 0:e.children})})};tt.states=On;tt.options=_n;tt.className=Wt;tt.defaultOptions=$t;var Jt=tt;import*as Xt from"@progress/kendo-svg-icons";var za="icon",Fa="icons";import{useContext as Kn}from"react";import{createContext as Hn}from"react";var Va=Hn({iconsType:"svg"});import{Fragment as Ua,jsx as at}from"react/jsx-runtime";var kt="k-icon",Pn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Bn=[],zn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[le.outline,le.solid,le.duotone]},yt={viewBox:"0 0 24 24",type:"svg",variant:le.outline},A=e=>{let{iconsType:t}=Kn(Va),{size:o,themeColor:r,icon:n,type:i=t||yt.type,rotate:m,flip:c,viewBox:p=yt.viewBox,variant:u=yt.variant,...T}=e;if(!n)return at(Ua,{});if((t||i)==="svg"){if(n==="none")return at(Jt,{...T,className:l(e.className,kt),icon:n,size:o,variant:u});let E=Xt[n]?n:Pn(`${n}-icon`);return Xt[E]?at(Jt,{...T,className:l(e.className,kt),icon:Xt[E],size:o,themeColor:r,rotate:m,flip:c,viewBox:p,variant:u}):at(Ua,{})}return at(Ba,{...T,className:l(e.className,kt),icon:n,size:o,themeColor:r,rotate:m,flip:c})};A.states=Bn;A.options=zn;A.defaultOptions=yt;A.className=kt;A.moduleName=za;A.folderName=Fa;A.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 Un,jsx as Gt}from"react/jsx-runtime";var Wa="k-clear-value",Fn=[d.disabled,d.loading,d.readonly],Vn={},ee=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?Gt(Un,{}):Gt("span",{className:l(e.className,Wa),children:Gt(A,{icon:"x"})})};ee.states=Fn;ee.options=Vn;ee.className=Wa;import{jsx as Jn}from"react/jsx-runtime";var qt="k-input-inner",Wn=[],$n={},gt={type:"text",autocomplete:"off",value:"",placeholder:""},te=e=>{let{value:t=gt.value,type:o=gt.type,placeholder:r=gt.placeholder,autocomplete:n=gt.autocomplete,disabled:i,readOnly:m,...c}=e;return Jn("input",{...c,type:o,className:l(e.className,qt,v(qt,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};te.states=Wn;te.options=$n;te.className=qt;import{jsx as $a,jsxs as qn}from"react/jsx-runtime";var Yt="k-input-inner",Xn=[],Gn={},Qt=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:i,...m}=e;return qn("span",{...m,className:l(e.className,Yt,v(Yt,e)),children:[n,!n&&i&&$a(A,{className:"k-input-value-icon",icon:i}),r&&!t&&o,r&&t&&$a("span",{className:"k-input-value-text",children:t})]})};Qt.states=Xn;Qt.options=Gn;Qt.className=Yt;import{jsx as Zn}from"react/jsx-runtime";var Zt="k-input-inner",Yn=[],Qn={},Ja={value:"",placeholder:""},jt=e=>{let{value:t=Ja.value,placeholder:o=Ja.placeholder,rows:r,disabled:n,...i}=e;return Zn("textarea",{...i,className:l(e.className,Zt,v(Zt,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};jt.states=Yn;jt.options=Qn;jt.className=Zt;import{Fragment as er,jsx as Xa}from"react/jsx-runtime";var Ga="k-input-loading-icon",jn=[d.disabled,d.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Xa(er,{}):Xa("span",{className:l(e.className,Ga,"k-icon k-i-loading")})};ie.states=jn;ie.className=Ga;import{Fragment as or,jsx as qa}from"react/jsx-runtime";var Ya="k-input-validation-icon",tr=[d.valid,d.invalid,d.disabled,d.loading],ar={},ae=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,i=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?qa(or,{}):qa(A,{className:l(Ya),icon:i})};ae.states=tr;ae.options=ar;ae.className=Ya;import{Fragment as lr,jsx as Qa}from"react/jsx-runtime";var nr="k-input-prefix",rr={direction:"horizontal"},_e=e=>{let{direction:t=rr.direction,...o}=e;return e.children?Qa("span",{...o,className:l(nr,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Qa(lr,{})};import{Fragment as dr,jsx as Za}from"react/jsx-runtime";var ir="k-input-suffix",sr={direction:"horizontal"},De=e=>{let{direction:t=sr.direction,...o}=e;return e.children?Za("span",{...o,className:l(ir,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Za(dr,{})};import{jsx as Vs}from"react/jsx-runtime";import{jsx as Js}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var ja="k-input-separator",cr={direction:"vertical"},He=e=>{let{direction:t=cr.direction,...o}=e;return mr("span",{...o,className:l(ja,e.className,{[`${ja}-${t}`]:t})})};var ea="button",eo=ea;import{Fragment as to,jsx as Ke,jsxs as ao}from"react/jsx-runtime";var ot="k-button",pr=["icon-button"],ur=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],fr={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},ta={showArrow:!1,arrowIconName:"chevron-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:i,showArrow:m=ta.showArrow,arrowIconName:c=ta.arrowIconName,variant:p,hover:u,focus:T,active:k,selected:E,disabled:Z,togglable:F,ariaDisabled:w,icon:M,iconSize:R,text:V,iconClassName:re,className:fe,...Ee}=e,he=M!=null,Ze=e.children!==void 0;return ao(t,{className:l(fe,ot,Ka(ot,p),v(ot,{size:o,rounded:r,fillMode:n,themeColor:i}),$(ot,{hover:u,focus:T,active:k,disabled:Z||w,selected:E}),{"k-icon-button":!V&&!Ze&&he}),"aria-pressed":F?E?"true":"false":void 0,...Ee,"aria-disabled":w?"true":void 0,disabled:Z||void 0,children:[typeof M=="string"&&M&&Ke(A,{className:l(re,"k-button-icon"),icon:M,size:R}),M&&typeof M!="string"&&Ke(to,{children:M}),V?ao(to,{children:[V&&Ke("span",{className:"k-button-text",children:V}),e.children]}):e.children&&Ke("span",{className:"k-button-text",children:e.children}),m&&Ke("span",{className:"k-menu-button-arrow k-button-arrow",children:Ke(A,{icon:c})})]})};x.states=ur;x.options=fr;x.variants=pr;x.className=ot;x.defaultOptions=ta;x.moduleName=ea;x.folderName=eo;x.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 Cr}from"react/jsx-runtime";var we=e=>Cr(x,{children:"Button",...e});import{Fragment as oo,jsx as se,jsxs as aa}from"react/jsx-runtime";var xr=_.states,br=_.defaultOptions,hr=_.options,Nr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Tr=[],Pe=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:i,readonly:m,...c}=e,p=t?.prefix,u=t?.suffix,T=t?.["clear-button"],k=t?.["validation-icon"],E=t?.separators;return aa(_,{...c,valid:o,invalid:r,loading:n,disabled:i,readonly:m,style:{width:300},children:[p&&aa(oo,{children:[se(_e,{children:se(A,{icon:"lock"})}),E&&se(He,{})]}),se(te,{placeholder:"Placeholder",value:"Value"}),k&&se(ae,{valid:o,invalid:r,loading:n,disabled:i}),se(ie,{loading:n,disabled:i}),T&&se(ee,{loading:n,disabled:i,readonly:m,value:"Value"}),u&&aa(oo,{children:[E&&se(He,{}),se(De,{children:se(we,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Pe.options=hr;Pe.states=xr;Pe.variants=Tr;Pe.defaultOptions=br;Pe.modifiers=Nr;Pe.className=_.className;import{jsx as kr}from"react/jsx-runtime";var no=e=>kr(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as yr}from"react/jsx-runtime";var ro=e=>yr(x,{icon:"folder",children:"Button",...e});import{jsx as oa}from"react/jsx-runtime";var gr=x.options,Sr=x.states,vr={...x.defaultOptions,variant:"text"},Ar=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Er=[],Be=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return oa(no,{...o,icon:"star"});case"icon-and-text":return oa(ro,{...o,icon:"star",children:"Button"});default:return oa(we,{...o,children:"Button"})}};Be.options=gr;Be.states=Sr;Be.variants=Ar;Be.defaultOptions=vr;Be.modifiers=Er;Be.className=x.className;var na="popup",lo=na;import{jsx as io}from"react/jsx-runtime";var so="k-animation-container",wr=[],Mr={},ra={positionMode:"absolute",shown:!0},de=e=>{let{positionMode:t=ra.positionMode,shown:o=ra.shown,animationStyle:r,offset:n,...i}=e;return io("div",{...i,style:{...n,...e.style},className:l(e.className,so,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:io("div",{className:"k-child-animation-container",style:r,children:e.children})})};de.states=wr;de.options=Mr;de.className=so;de.defaultOptions=ra;de.moduleName=na;de.folderName=lo;var la="popup",co=la;import{jsx as mo}from"react/jsx-runtime";var po="k-popup",Ir=[],Lr={},uo={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=uo.positionMode,animationStyle:r,containerClassName:n,containerRole:i,containerAriaLabel:m,...c}=e;return mo(de,{positionMode:o,offset:t,animationStyle:r,className:n,role:i,"aria-label":m,children:mo("div",{...c,className:l(e.className,po),children:e.children})})};j.states=Ir;j.options=Lr;j.className=po;j.defaultOptions=uo;j.moduleName=la;j.folderName=co;j.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.'}]};var ia="action-buttons",fo=ia;import{jsx as _r}from"react/jsx-runtime";var St="k-actions",Rr=[],Or={},sa={alignment:"start",orientation:"horizontal"},J=e=>{let{alignment:t=sa.alignment,orientation:o=sa.orientation,...r}=e;return _r("div",{...r,className:l(St,{[`${St}-${t}`]:t,[`${St}-${o}`]:o},e.className),children:e.children})};J.states=Rr;J.options=Or;J.className=St;J.defaultOptions=sa;J.moduleName=ia;J.folderName=fo;import{jsx as Dr}from"react/jsx-runtime";var Co="k-calendar-view",da={orientation:"horizontal",calendarView:"month"},vt=e=>{let{orientation:t=da.orientation,calendarView:o=da.calendarView,gridRole:r,ariaLabelledBy:n,...i}=e;return Dr("div",{...i,className:l(e.className,Co,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...r?{role:"grid","aria-labelledby":n,tabIndex:0}:{},children:e.children})};vt.className=Co;vt.defaultOptions=da;import{jsx as nt,jsxs as xo}from"react/jsx-runtime";var bo="k-calendar-header",Hr={size:[s.undefined,s.small,s.medium,s.large]},rt={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Me=e=>{let{calendarTitleText:t=rt.calendarTitleText,showToday:o=rt.showToday,showNavigationButtons:r=rt.showNavigationButtons,orientation:n=rt.orientation,size:i,calendarView:m,dir:c,titleId:p,...u}=e,T=c==="rtl"?"chevron-right":"chevron-left",k=c==="rtl"?"chevron-left":"chevron-right",E=p||Ne("calendar-title");return xo("div",{...u,className:l(e.className,bo,{"k-vstack":n==="vertical"}),children:[nt(x,{disabled:m==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:E,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...m==="century"?{"aria-disabled":"true"}:{}}),nt("span",{className:"k-spacer"}),xo("span",{className:"k-calendar-nav",children:[r&&nt(x,{className:"k-calendar-nav-prev",icon:T,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&nt(x,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),r&&nt(x,{className:"k-calendar-nav-next",icon:k,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Me.options=Hr;Me.className=bo;Me.defaultOptions=rt;import{jsx as ho}from"react/jsx-runtime";var No="k-calendar-footer",Kr={size:[s.undefined,s.small,s.medium,s.large]},To={calendarFooterText:"Tuesday, October 12, 2021"},lt=e=>{let{size:t,calendarFooterText:o=To.calendarFooterText,...r}=e;return ho("div",{...r,className:l(e.className,No),children:ho(x,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};lt.options=Kr;lt.className=No;lt.defaultOptions=To;var H="calendar",B=H;import{jsx as ca,jsxs as zr}from"react/jsx-runtime";var ma="k-calendar",Pr=[],Br={size:[s.undefined,s.small,s.medium,s.large]},it={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},I=e=>{let{size:t,orientation:o=it.orientation,calendarView:r=it.calendarView,calendarTitleText:n=it.calendarTitleText,showCalendarHeader:i=it.showCalendarHeader,showWeek:m,showCalendarFooter:c,calendarFooterText:p,dir:u,...T}=e,k=Ne("calendar-title");return zr("div",{...T,dir:u,className:l(e.className,ma,v(ma,{size:t}),{"k-week-number":m}),children:[i&&ca(Me,{calendarView:r,showToday:!c,calendarTitleText:n,orientation:o,size:t,dir:u,titleId:k}),ca(vt,{calendarView:r,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),c&&ca(lt,{calendarFooterText:p,size:t})]})};I.states=Pr;I.options=Br;I.className=ma;I.defaultOptions=it;I.moduleName=H;I.folderName=B;I.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 Wr}from"react/jsx-runtime";var ko="k-calendar-container",Fr=[],Vr={},Ur={},ze=e=>{let{...t}=e;return Wr("div",{...t,className:l(e.className,ko),children:e.children})};ze.states=Fr;ze.options=Vr;ze.className=ko;ze.defaultOptions=Ur;ze.moduleName=H;ze.folderName=B;import{Fragment as Jr,jsx as Fe,jsxs as Xr}from"react/jsx-runtime";var $r=[d.hover,d.focus,d.active,d.selected,d.disabled],a=e=>{let{text:t,headerCell:o,today:r,weekend:n,showOtherMonth:i,weekCell:m,rangeStart:c,rangeMid:p,rangeEnd:u,dayIndicator:T,empty:k,hover:E,focus:Z,active:F,selected:w,disabled:M,...R}=e,re=`k-calendar-${o?"th":"td"}`,fe=[e.className,re,$(re,{hover:E,focus:Z,active:F,selected:w,disabled:M}),{"k-today":r,"k-weekend":n,"k-other-month":i,"k-alt":m,"k-range-start":c,"k-range-mid":p,"k-range-end":u,"k-empty":k}],Ee={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let he=t?Ee[t]||t:void 0;return Fe("th",{...R,className:l(fe),role:"columnheader",scope:"col","aria-label":he,children:m?Fe("span",{className:"k-sr-only",children:he}):t})}return m?Fe("td",{...R,className:l(fe),children:t}):Fe("td",{...R,className:l(fe),role:"gridcell",...w?{"aria-selected":"true"}:{},...M?{"aria-disabled":"true"}:{},children:k&&!i?Fe(Jr,{children:"\xA0"}):Xr("span",{className:"k-link",children:[t,T&&Fe("span",{className:"k-day-indicator"})]})})};a.states=$r;import{jsx as pa,jsxs as Gr}from"react/jsx-runtime";var yo="k-calendar-thead",go={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ve=e=>{let{showWeek:t,cellsText:o=go.cellsText,...r}=e;return pa("thead",{...r,className:l(e.className,yo),role:"rowgroup",children:Gr("tr",{className:"k-calendar-tr",role:"row",children:[t&&pa(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>pa(a,{text:n,headerCell:!0},i))]})})};Ve.className=yo;Ve.defaultOptions=go;import{jsx as qr}from"react/jsx-runtime";var So="k-calendar-tbody",D=e=>{let{...t}=e;return qr("tbody",{...t,className:l(e.className,So),role:"rowgroup",children:e.children})};D.className=So;D.moduleName=H;D.folderName=B;import{jsx as ua,jsxs as Qr}from"react/jsx-runtime";var Yr="k-calendar-table",ce=e=>{let{calendarCaption:t,showTableHead:o,showWeek:r,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:m,...c}=e;return Qr("table",{...c,className:l(e.className,Yr),...m?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&ua("caption",{className:"k-calendar-caption",children:t}),o&&ua(Ve,{showWeek:r}),ua(D,{children:e.children})]})};import{jsx as fa,jsxs as vo}from"react/jsx-runtime";var Ao="k-calendar-navigation",st=e=>vo("div",{...e,className:l(e.className,Ao),children:[fa("span",{className:"k-calendar-navigation-highlight"}),vo("div",{className:"k-content k-scrollable",children:[fa("ul",{className:"k-reset",children:e.children}),fa("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});st.className=Ao;st.moduleName=H;st.folderName=B;import{jsx as jr}from"react/jsx-runtime";var Zr="k-calendar-table",Ca=e=>{let{tableRole:t="none",ariaLabelledBy:o,...r}=e;return jr("table",{...r,className:l(e.className,Zr),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as oe,jsxs as At}from"react/jsx-runtime";var Eo="k-calendar-view",Ue={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},We=e=>{let{orientation:t=Ue.orientation,calendarView:o=Ue.calendarView,headerText:r=Ue.headerText,showWeekdays:n=Ue.showWeekdays,showNavigationButtons:i=Ue.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:c,gridLabelledBy:p,...u}=e;return At("div",{...u,className:l(Eo,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[oe(Me,{showNavigationButtons:i,calendarTitleText:r,orientation:"horizontal"}),n&&At(Ca,{className:"k-calendar-weekdays",tableRole:"table",children:[At("colgroup",{children:[oe("col",{}),oe("col",{}),oe("col",{}),oe("col",{}),oe("col",{}),oe("col",{}),oe("col",{})]}),oe(Ve,{cellsText:c,showWeek:m})]}),At("div",{className:"k-content k-scrollable",role:"none",children:[oe(Ca,{tableRole:"grid",ariaLabelledBy:p,children:e.children}),oe("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};We.className=Eo;We.defaultOptions=Ue;We.moduleName=H;We.folderName=B;import{jsx as Et,jsxs as nl}from"react/jsx-runtime";var wo="k-calendar-infinite",el={size:[s.undefined,s.small,s.medium,s.large]},tl=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],al={2021:"marker",2022:"marker"},ol=(e,t)=>e.map((o,r)=>Et("li",{children:Et("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},r)),dt={showNavigation:!0,calendarView:"month",navigationItems:tl,navigationMarkerConfig:al},L=e=>{let{size:t,showNavigation:o=dt.showNavigation,calendarView:r=dt.calendarView,navigationItems:n=dt.navigationItems,navigationMarkerConfig:i=dt.navigationMarkerConfig,calendarTitleText:m,showWeekdays:c,showWeekNumbers:p,showNavigationButtons:u,calendarWeekdays:T,...k}=e,E=Ne("calendar-infinite-title");return nl("div",{...k,className:l(e.className,"k-calendar",wo,v("k-calendar",{size:t})),children:[o&&Et(st,{children:ol(n,i)}),Et(We,{calendarView:r,headerText:m,showWeekdays:c,showWeekNumbers:p,showNavigationButtons:u,orientation:"vertical",weekdayCellsText:T,gridLabelledBy:E,children:e.children})]})};L.options=el;L.className=wo;L.defaultOptions=dt;L.moduleName=H;L.folderName=B;L.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 rl}from"react/jsx-runtime";var Mo="k-calendar-tr",f=e=>{let{...t}=e;return rl("tr",{...t,className:l(e.className,Mo),role:"row",children:e.children})};f.className=Mo;f.moduleName=H;f.folderName=B;import{jsx as ll}from"react/jsx-runtime";var Io="k-calendar-caption",z=e=>{let{text:t,scope:o,colSpan:r,rowSpan:n,...i}=e;return ll("th",{...i,scope:o,colSpan:r,rowSpan:n,className:l(e.className,Io),children:t})};z.className=Io;z.moduleName=H;z.folderName=B;import{jsx as G,jsxs as wt}from"react/jsx-runtime";var Lo=({showOtherCentury:e,...t})=>G(I,{calendarView:"century",calendarTitleText:"2000 - 2099",children:wt(ce,{children:[wt(f,{children:[G(a,{text:"1990 - 1999"}),G(a,{text:"2000 - 2009"}),G(a,{text:"2010 - 2019",today:!0}),G(a,{text:"2020 - 2029"})]}),wt(f,{children:[G(a,{text:"2030 - 2039"}),G(a,{text:"2040 - 2049"}),G(a,{text:"2050 - 2059"}),G(a,{text:"2060 - 2069"})]}),wt(f,{children:[G(a,{text:"2070 - 2079"}),G(a,{text:"2080 - 2089"}),G(a,{text:"2090 - 2099"}),G(a,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as q,jsxs as Mt}from"react/jsx-runtime";var Ro=({showOtherDecade:e,...t})=>q(I,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Mt(ce,{children:[Mt(f,{children:[q(a,{text:"2019",empty:!e}),q(a,{text:"2020"}),q(a,{text:"2021",today:!0}),q(a,{text:"2022"})]}),Mt(f,{children:[q(a,{text:"2023"}),q(a,{text:"2024"}),q(a,{text:"2025"}),q(a,{text:"2026"})]}),Mt(f,{children:[q(a,{text:"2027"}),q(a,{text:"2028"}),q(a,{text:"2029"}),q(a,{text:"2030",empty:!e})]})]}),...t});import{jsx as b,jsxs as Ie}from"react/jsx-runtime";var It=({showCaptions:e,showOtherMonth:t,...o})=>b(I,{calendarView:"month",children:Ie(ce,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[Ie(f,{children:[b(a,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),b(a,{text:"27",showOtherMonth:t,empty:!t}),b(a,{text:"28",showOtherMonth:t,empty:!t}),b(a,{text:"29",showOtherMonth:t,empty:!t}),b(a,{text:"30",showOtherMonth:t,empty:!t}),b(a,{text:"1"}),b(a,{text:"2",weekend:!0})]}),Ie(f,{children:[b(a,{text:"3",weekend:!0}),b(a,{text:"4"}),b(a,{text:"5"}),b(a,{text:"6"}),b(a,{text:"7"}),b(a,{text:"8"}),b(a,{text:"9",weekend:!0})]}),Ie(f,{children:[b(a,{text:"10",weekend:!0}),b(a,{text:"11"}),b(a,{text:"12",today:!0}),b(a,{text:"13"}),b(a,{text:"14"}),b(a,{text:"15"}),b(a,{text:"16",weekend:!0})]}),Ie(f,{children:[b(a,{text:"17",weekend:!0}),b(a,{text:"18"}),b(a,{text:"19"}),b(a,{text:"20"}),b(a,{text:"21"}),b(a,{text:"22"}),b(a,{text:"23",weekend:!0})]}),Ie(f,{children:[b(a,{text:"24",weekend:!0}),b(a,{text:"25"}),b(a,{text:"26"}),b(a,{text:"27"}),b(a,{text:"28"}),b(a,{text:"29"}),b(a,{text:"30",weekend:!0})]}),Ie(f,{children:[b(a,{text:"31",weekend:!0}),b(a,{text:"1",showOtherMonth:t,empty:!t}),b(a,{text:"2",showOtherMonth:t,empty:!t}),b(a,{text:"3",showOtherMonth:t,empty:!t}),b(a,{text:"4",showOtherMonth:t,empty:!t}),b(a,{text:"5",showOtherMonth:t,empty:!t}),b(a,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as Gm,jsxs as qm}from"react/jsx-runtime";import{jsx as Y,jsxs as Lt}from"react/jsx-runtime";var Oo=e=>Y(I,{calendarView:"year",calendarTitleText:"2019",children:Lt(ce,{children:[Lt(f,{children:[Y(a,{text:"Jan"}),Y(a,{text:"Feb"}),Y(a,{text:"Mar"}),Y(a,{text:"Apr"})]}),Lt(f,{children:[Y(a,{text:"May"}),Y(a,{text:"Jun"}),Y(a,{text:"Jul"}),Y(a,{text:"Au"})]}),Lt(f,{children:[Y(a,{text:"Sep"}),Y(a,{text:"Oct",today:!0}),Y(a,{text:"Nov"}),Y(a,{text:"Dec"})]})]}),...e});import{Fragment as il,jsx as C,jsxs as Ce}from"react/jsx-runtime";var _o=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>C(L,{calendarTitleText:"January 2021",children:Ce(il,{children:[Ce("colgroup",{children:[C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{})]}),Ce(D,{children:[C(f,{"aria-hidden":"true",children:C(z,{scope:"col",colSpan:7,text:e})}),Ce(f,{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})]}),Ce(f,{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})]}),Ce(f,{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})]}),Ce(f,{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})]}),Ce(f,{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})]}),Ce(f,{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(D,{children:C(f,{"aria-hidden":"true",children:C(z,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as sl,jsx as y,jsxs as me}from"react/jsx-runtime";var Do=({firstCaption:e="2021",secondCaption:t="2022",...o})=>y(L,{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:me(sl,{children:[me("colgroup",{children:[y("col",{}),y("col",{}),y("col",{}),y("col",{})]}),me(D,{children:[y(f,{"aria-hidden":"true",children:y(z,{scope:"col",colSpan:4,text:e})}),me(f,{children:[y(a,{text:"Jan",today:!0}),y(a,{text:"Feb"}),y(a,{text:"Mar"}),y(a,{text:"Apr"})]}),me(f,{children:[y(a,{text:"May"}),y(a,{text:"Jun"}),y(a,{text:"Jul"}),y(a,{text:"Aug"})]}),me(f,{children:[y(a,{text:"Sep"}),y(a,{text:"Oct"}),y(a,{text:"Nov"}),y(a,{text:"Dec"})]})]}),me(D,{children:[y(f,{"aria-hidden":"true",children:y(z,{scope:"col",colSpan:4,text:t})}),me(f,{children:[y(a,{text:"Jan"}),y(a,{text:"Feb"}),y(a,{text:"Mar"}),y(a,{text:"Apr"})]}),me(f,{children:[y(a,{text:"May"}),y(a,{text:"Jun"}),y(a,{text:"Jul"}),y(a,{text:"Aug"})]}),me(f,{children:[y(a,{text:"Sep"}),y(a,{text:"Oct"}),y(a,{text:"Nov"}),y(a,{text:"Dec"})]})]})]}),...o});import{Fragment as dl,jsx as g,jsxs as pe}from"react/jsx-runtime";var Ho=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>g(L,{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:pe(dl,{children:[pe("colgroup",{children:[g("col",{}),g("col",{}),g("col",{}),g("col",{})]}),pe(D,{children:[g(f,{"aria-hidden":"true",children:g(z,{scope:"col",colSpan:4,text:e})}),pe(f,{children:[g(a,{text:"2020",today:!0}),g(a,{text:"2021"}),g(a,{text:"2022"}),g(a,{text:"2023"})]}),pe(f,{children:[g(a,{text:"2024"}),g(a,{text:"2025"}),g(a,{text:"2026"}),g(a,{text:"2027"})]}),pe(f,{children:[g(a,{text:"2028"}),g(a,{text:"2029"}),g(a,{empty:!0}),g(a,{empty:!0})]})]}),pe(D,{children:[g(f,{"aria-hidden":"true",children:g(z,{scope:"col",colSpan:4,text:t})}),pe(f,{children:[g(a,{text:"2030"}),g(a,{text:"2031"}),g(a,{text:"2032"}),g(a,{text:"2033"})]}),pe(f,{children:[g(a,{text:"2034"}),g(a,{text:"2035"}),g(a,{text:"2036"}),g(a,{text:"2037"})]}),pe(f,{children:[g(a,{text:"2038"}),g(a,{text:"2039"}),g(a,{empty:!0}),g(a,{empty:!0})]})]})]}),...o});import{Fragment as cl,jsx as O,jsxs as $e}from"react/jsx-runtime";var Ko=({firstCaption:e="2000 - 2099",...t})=>O(L,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:$e(cl,{children:[$e("colgroup",{children:[O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),$e(D,{children:[O(f,{"aria-hidden":"true",children:O(z,{scope:"col",colSpan:4,text:e})}),$e(f,{children:[O(a,{text:"1900 - 1999"}),O(a,{text:"2000 - 2009"}),O(a,{text:"2010 - 2019"}),O(a,{text:"2020 - 2029"})]}),$e(f,{children:[O(a,{text:"2030 - 2039"}),O(a,{text:"2040 - 2049"}),O(a,{text:"2050 - 2059"}),O(a,{text:"2060 - 2069"})]}),$e(f,{children:[O(a,{text:"2070 - 2079"}),O(a,{text:"2080 - 2089"}),O(a,{text:"2090 - 2099"}),O(a,{empty:!0})]})]})]}),...t});import{Fragment as xp,jsx as fp,jsxs as Cp}from"react/jsx-runtime";import{jsx as Tp,jsxs as kp}from"react/jsx-runtime";import{Fragment as Ep,jsx as vp,jsxs as Ap}from"react/jsx-runtime";import{jsx as Rt}from"react/jsx-runtime";var ml=I.options,pl=I.states,Po={...I.defaultOptions,variant:"month"},ul=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],fl=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Je=e=>{let{variant:t,modifiers:o,...r}={...Po,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(u=>{switch(u){case"other":n.showOtherMonth=!!o?.[u],n.showOtherCentury=!!o?.[u],n.showOtherDecade=!!o?.[u];break;case"footer":n.showCalendarFooter=!!o?.[u];break;default:return}});let{showOtherMonth:i,showOtherDecade:m,showOtherCentury:c,showCalendarFooter:p}=n;switch(t){case"century":return Rt(Lo,{size:r.size,showOtherCentury:c,showCalendarFooter:p});case"decade":return Rt(Ro,{size:r.size,showOtherDecade:m,showCalendarFooter:p});case"year":return Rt(Oo,{calendarTitleText:"2021",size:r.size,showCalendarFooter:p});default:return Rt(It,{size:r.size,showOtherMonth:i,showCalendarFooter:p})}};Je.options=ml;Je.states=pl;Je.variants=ul;Je.defaultOptions=Po;Je.modifiers=fl;Je.className=I.className;import{jsx as Ot}from"react/jsx-runtime";var Cl=L.options,xl=L.states,Bo={...L.defaultOptions,variant:"month"},bl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],hl=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Xe=e=>{let{variant:t,modifiers:o,...r}={...Bo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(u=>{switch(u){case"other":n.showOtherMonth=!!o?.[u],n.showOtherCentury=!!o?.[u],n.showOtherDecade=!!o?.[u];break;case"footer":n.showCalendarFooter=!!o?.[u];break;default:return}});let{showOtherMonth:i,showOtherDecade:m,showOtherCentury:c,showCalendarFooter:p}=n;switch(t){case"century":return Ot(Ko,{size:r.size,showOtherCentury:c,showCalendarFooter:p});case"decade":return Ot(Ho,{size:r.size,showOtherDecade:m,showCalendarFooter:p});case"year":return Ot(Do,{size:r.size,showCalendarFooter:p});default:return Ot(_o,{size:r.size,showOtherMonth:i,showCalendarFooter:p})}};Xe.options=Cl;Xe.states=xl;Xe.variants=bl;Xe.defaultOptions=Bo;Xe.modifiers=hl;Xe.className=L.className;var xa="segmented-control",zo=xa,Fo="segmented-control-button",Vo="segmented-control";import{jsx as kl,jsxs as yl}from"react/jsx-runtime";var _t="k-segmented-control",Nl=[],Tl={size:[s.undefined,s.small,s.medium,s.large]},Te=e=>{let{size:t,stretched:o,children:r,thumbStyles:n,...i}=e;return yl("div",{...i,className:l(e.className,_t,v(_t,{size:t}),{[`${_t}-stretched`]:o}),role:"group",children:[kl("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:n}),r]})};Te.states=Nl;Te.options=Tl;Te.className=_t;Te.moduleName=xa;Te.folderName=zo;Te.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as Uo,jsxs as Al}from"react/jsx-runtime";var ba="k-segmented-control-button",gl=[d.selected,d.hover,d.focus,d.disabled],Sl={},vl={},xe=e=>{let{hover:t,focus:o,selected:r,disabled:n,icon:i,text:m,iconClassName:c,...p}=e;return Al("button",{...p,className:l(e.className,ba,$(ba,{hover:t,focus:o,disabled:n,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":n?"true":void 0,children:[i&&Uo(A,{className:l(c,"k-segmented-control-button-icon"),icon:i}),(m||e.children)&&Uo("span",{className:"k-segmented-control-button-text",children:m||e.children})]})};xe.states=gl;xe.options=Sl;xe.className=ba;xe.defaultOptions=vl;xe.moduleName=Fo;xe.folderName=Vo;import{Fragment as Du,jsx as _u,jsxs as Hu}from"react/jsx-runtime";import{Fragment as Vu,jsx as Fu,jsxs as Uu}from"react/jsx-runtime";import{Fragment as qu,jsx as Gu,jsxs as Yu}from"react/jsx-runtime";import{Fragment as af,jsx as tf,jsxs as of}from"react/jsx-runtime";import{Fragment as cf,jsx as df,jsxs as mf}from"react/jsx-runtime";var Wo="time-selector",$o="timeselector";import{Fragment as Jo,jsx as Kt,jsxs as Xo}from"react/jsx-runtime";var ha="k-timeselector",El=[],wl={size:[s.undefined,s.small,s.medium,s.large]},Ml={},be=e=>{let{size:t,header:o,fastSelection:r,columns:n,focusedColumn:i,...m}=e,c=n.map(function(p,u){let T=!1,k=!0;return p===i&&(T=!0),(u===0||p==="tt")&&(k=!1),Kt(Na,{type:p,focus:T,separator:k},u)});return Xo("div",{...m,className:l(e.className,ha,v(ha,{size:t})),role:"group","aria-label":"Time selector",children:[Kt(Jo,{children:o}),Kt(Jo,{children:r}),Xo("div",{className:"k-time-list-container",children:[Kt("span",{className:"k-time-highlight"}),c]})]})};be.states=El;be.options=wl;be.className=ha;be.defaultOptions=Ml;be.moduleName=Wo;be.folderName=$o;be.ariaSpec={selector:".k-timeselector",rules:[{selector:".k-timeselector",attribute:"role=group",usage:"Groups the time selection columns."},{selector:".k-timeselector",attribute:"aria-label",usage:"Describes the time selector purpose."},{selector:".k-time-list",attribute:"role=listbox",usage:"Each time column list acts as a listbox."},{selector:".k-time-list",attribute:"aria-label",usage:"Describes which time unit the column selects."},{selector:".k-time-list-wrapper .k-reset",attribute:"role=none",usage:"Removes semantic meaning from the ul element."},{selector:".k-time-list-wrapper .k-item",attribute:"role=option",usage:"Each item in the time list is an option."}]};import{Fragment as Ll,jsx as Le,jsxs as Ta}from"react/jsx-runtime";var Il=[d.focus],Na=e=>{let{type:t,focus:o,separator:r,...n}=e,i,m=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":i="Day";break;case"HH":i="Hour";break;case"mm":i="Minute";break;case"ss":i="Second";break;case"SSS":i="Millisecond",m=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":i="AM/PM",m=["AM","PM"];break;default:i="Column Name";break}let c=m.map((p,u)=>Le("li",{className:"k-item",role:"option","aria-selected":"false",children:Le("span",{children:p})},u));return Ta(Ll,{children:[r&&Le("div",{className:"k-time-separator",children:":"}),Ta("div",{...n,className:l(e.className,"k-time-list-wrapper",$("k-time-list-wrapper",{focus:o})),children:[Le("span",{className:"k-title",children:i}),Le("div",{className:"k-time-list",role:"listbox","aria-label":i,children:Ta("div",{className:"k-content k-scrollable k-time-container",children:[Le("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:c}),Le("div",{className:"k-scrollable-placeholder"})]})})]})]})};Na.states=Il;import{jsx as Ol,jsxs as _l}from"react/jsx-runtime";var Rl="k-time-header",ct=e=>{let{title:t,...o}=e;return _l("div",{...o,className:l(e.className,Rl),children:[t!=null&&Ol("span",{className:"k-title",children:t}),e.children]})};import{jsx as Kf,jsxs as Pf}from"react/jsx-runtime";import{Fragment as Gf,jsx as Jf,jsxs as Xf}from"react/jsx-runtime";import{Fragment as nC,jsx as aC,jsxs as oC}from"react/jsx-runtime";import{Fragment as fC,jsx as pC,jsxs as uC}from"react/jsx-runtime";var qo="date-time-picker",Yo="datetimepicker";import{Fragment as Qo,jsx as X,jsxs as mt}from"react/jsx-runtime";var ka="k-datetime-wrap",Dl=[],Hl={size:[s.undefined,s.small,s.medium,s.large]},ya={tab:"date",actionButtons:!0},ue=e=>{let{size:t,tab:o=ya.tab,actionButtons:r=ya.actionButtons,dir:n,...i}=e;return mt("div",{...i,className:l(e.className,ka,{"k-date-tab":o==="date","k-time-tab":o==="time"},v(ka,{size:t})),role:"group","aria-label":"Date and time selector",children:[X("div",{className:"k-datetime-buttongroup",children:mt(Te,{stretched:!0,thumbStyles:o==="date"?{width:"50%"}:{width:"50%",left:"50%"},size:t,children:[X(xe,{selected:o==="date",children:"Date"}),X(xe,{selected:o==="time",children:"Time"})]})}),X("div",{className:"k-datetime-selector",children:o==="time"?mt(Qo,{children:[X("div",{className:"k-datetime-calendar-wrap"}),X("div",{className:"k-datetime-time-wrap",children:X(be,{size:t,columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:X(ct,{title:"10:00:00 AM",children:X(x,{size:t,fillMode:"flat",className:"k-time-now",children:"Now"})})})})]}):mt(Qo,{children:[X("div",{className:"k-datetime-calendar-wrap",children:X(It,{size:t,showOtherMonth:!0,dir:n})}),X("div",{className:"k-datetime-time-wrap"})]})}),r&&mt(J,{className:"k-datetime-footer",alignment:"stretched",children:[X(x,{size:t,themeColor:"primary",className:"k-time-accept",children:"Set"}),X(x,{size:t,className:"k-time-cancel",children:"Cancel"})]})]})};ue.states=Dl;ue.options=Hl;ue.className=ka;ue.defaultOptions=ya;ue.moduleName=qo;ue.folderName=Yo;ue.ariaSpec={selector:".k-datetime-wrap",rules:[{selector:".k-datetime-wrap",attribute:"role=group",usage:"Groups the date/time selector components."},{selector:".k-datetime-wrap",attribute:"aria-label",usage:"Describes the date/time selector purpose."},{selector:".k-datetime-buttongroup",attribute:"role=group",usage:"The segmented control acts as a group for Date/Time selection."},{selector:".k-datetime-buttongroup .k-segmented-control-button",attribute:"aria-pressed",usage:"Indicates which option is currently active."}]};import{jsx as Pl}from"react/jsx-runtime";var Kl="k-actionsheet-footer",Zo={alignment:"stretched",orientation:"horizontal"},ke=e=>{let{alignment:t=Zo.alignment,orientation:o=Zo.orientation,template:r,as:n=r?"div":J,...i}=e;return Pl(n,{...i,...!r&&{alignment:t,orientation:o},className:l(e.className,Kl),children:e.children})};var ga="searchbox",jo=ga;import{jsx as pt,jsxs as Fl}from"react/jsx-runtime";var en="k-searchbox",Bl=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],zl={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Sa={showIcon:!0,icon:"search"},ye=e=>{let{value:t,placeholder:o,size:r,rounded:n,fillMode:i,hover:m,focus:c,valid:p,invalid:u,required:T,loading:k,disabled:E,showIcon:Z=Sa.showIcon,icon:F=Sa.icon,"aria-label":w,...M}=e;return Fl(_,{...M,size:r,rounded:n,fillMode:i,hover:m,focus:c,valid:p,invalid:u,required:T,loading:k,disabled:E,className:l(e.className,en),children:[Z&&pt(A,{className:"k-input-icon",icon:F}),pt(te,{placeholder:o,value:t,"aria-label":w}),pt(ie,{...e}),pt(ae,{...e}),pt(ee,{...e})]})};ye.states=Bl;ye.options=zl;ye.className=en;ye.defaultOptions=Sa;ye.moduleName=ga;ye.folderName=jo;import{jsx as YC}from"react/jsx-runtime";var va="textbox",tn=va;import{Fragment as an,jsx as ge,jsxs as Aa}from"react/jsx-runtime";var on="k-textbox",Vl=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Ul={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Pt={showClearButton:!0,showValidationIcon:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:r,separators:n=Pt.separators,showClearButton:i=Pt.showClearButton,showValidationIcon:m=Pt.showValidationIcon,prefix:c,suffix:p,type:u,value:T,placeholder:k,hover:E,focus:Z,valid:F,invalid:w,required:M,loading:R,disabled:V,readonly:re,id:fe,"aria-label":Ee,"aria-describedby":he,...Ze}=e;return Aa(_,{...Ze,size:t,rounded:o,fillMode:r,hover:E,focus:Z,valid:F,invalid:w,required:M,loading:R,disabled:V,readonly:re,className:l(e.className,on),children:[c&&Aa(an,{children:[ge(_e,{children:c}),n&&ge(He,{})]}),ge(te,{id:fe,placeholder:k,value:T,type:u,disabled:V,"aria-label":Ee,"aria-describedby":he,"aria-invalid":w?"true":void 0}),m&&ge(ae,{valid:F,invalid:w,loading:R,disabled:V}),ge(ie,{loading:R,disabled:V}),i&&ge(ee,{loading:R,disabled:V,readonly:re,value:T}),p&&Aa(an,{children:[n&&ge(He,{}),ge(De,{children:p})]})]})};U.states=Vl;U.options=Ul;U.className=on;U.defaultOptions=Pt;U.moduleName=va;U.folderName=tn;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)."},{s