@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 65.5 kB
JavaScript
var Ln=Object.create;var Mt=Object.defineProperty;var Rn=Object.getOwnPropertyDescriptor;var On=Object.getOwnPropertyNames;var _n=Object.getPrototypeOf,Dn=Object.prototype.hasOwnProperty;var Hn=(e,t)=>{for(var o in t)Mt(e,o,{get:t[o],enumerable:!0})},Ua=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of On(t))!Dn.call(e,n)&&n!==o&&Mt(e,n,{get:()=>t[n],enumerable:!(l=Rn(t,n))||l.enumerable});return e};var Kn=(e,t,o)=>(o=e!=null?Ln(_n(e)):{},Ua(t||!e||!e.__esModule?Mt(o,"default",{value:e,enumerable:!0}):o,e)),Pn=e=>Ua(Mt({},"__esModule",{value:!0}),e);var Qr={};Hn(Qr,{DATETIMEPICKER_CLASSNAME:()=>Va,DateTimePicker:()=>ge,default:()=>Yr});module.exports=Pn(Qr);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 E=(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"}),Z=(e,t)=>{let{valid:o,invalid:l,hover:n,focus:i,checked:m,active:c,selected:u,disabled:f,indeterminate:g,loading:y,empty:v,readonly:oe,highlighted:q,...I}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":i,"k-checked":m,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":g&&!m,"k-loading":y,"k-empty":v,"k-readonly":oe,"k-highlighted":q},Object.keys(I).reduce((L,H)=>(H.startsWith("k-")?L[H]=I[H]:L[`k-${H}`]=I[H],L),{}))};function Wa(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"},T={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"},ue={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},k={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 qt={};function ve(e){return qt[e]=(qt[e]||0)+1,`k-${e}-${qt[e]}`}var it="input",It=it;var $a=require("react/jsx-runtime"),Lt="k-input",Bn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],zn={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Fn={},z=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c,size:u,rounded:f,fillMode:g,...y}=e;return(0,$a.jsx)("span",{...y,className:r(e.className,Lt,E(Lt,{size:u,rounded:f,fillMode:g}),Z(Lt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c}))})};z.states=Bn;z.options=zn;z.className=Lt;z.defaultOptions=Fn;z.moduleName=it;z.folderName=It;var Ja=require("react/jsx-runtime"),Rt="k-picker",Vn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Un={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Wn={},Be=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c,size:u,rounded:f,fillMode:g,...y}=e;return(0,Ja.jsx)("span",{...y,className:r(e.className,Rt,E(Rt,{size:u,rounded:f,fillMode:g}),Z(Rt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c})),children:e.children})};Be.states=Vn;Be.options=Un;Be.className=Rt;Be.defaultOptions=Wn;Be.moduleName=it;Be.folderName=It;var st=require("react/jsx-runtime"),Yt="k-font-icon",$n=[],Jn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Xn={},dt=e=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:i,...m}=e;return l?(0,st.jsx)("span",{...m,className:r(e.className,Yt,E(Yt,{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"}):(0,st.jsx)(st.Fragment,{})};dt.states=$n;dt.options=Jn;dt.className=Yt;dt.defaultOptions=Xn;var Xa=dt;var Oe=require("react/jsx-runtime"),Qt="k-svg-icon",Gn=[],qn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info],variant:[ue.outline,ue.solid,ue.duotone]},Zt={viewBox:"0 0 24 24",variant:ue.outline},ct=e=>{var y,v;let{size:t,themeColor:o,rotate:l,flip:n,viewBox:i=Zt.viewBox,variant:m=Zt.variant,icon:c,...u}=e;if(!c)return(0,Oe.jsx)(Oe.Fragment,{});if(c==="none")return(0,Oe.jsx)("span",{...u,className:r(e.className,Qt,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,g=typeof c=="object"?m&&((y=c.variants)==null?void 0:y[m])||((v=c.variants)==null?void 0:v.outline)||c.content:void 0;return(0,Oe.jsx)("span",{...u,className:r(e.className,Qt,E("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:(0,Oe.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:c?void 0:e.children})})};ct.states=Gn;ct.options=qn;ct.className=Qt;ct.defaultOptions=Zt;var jt=ct;var ea=Kn(require("@progress/kendo-svg-icons"));var Ga="icon",qa="icons";var Za=require("react");var Ya=require("react"),Qa=(0,Ya.createContext)({iconsType:"svg"});var Ne=require("react/jsx-runtime"),Ot="k-icon",Yn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Qn=[],Zn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info],variant:[ue.outline,ue.solid,ue.duotone]},_t={viewBox:"0 0 24 24",type:"svg",variant:ue.outline},w=e=>{let{iconsType:t}=(0,Za.useContext)(Qa),{size:o,themeColor:l,icon:n,type:i=t||_t.type,rotate:m,flip:c,viewBox:u=_t.viewBox,variant:f=_t.variant,...g}=e;if(!n)return(0,Ne.jsx)(Ne.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,Ne.jsx)(jt,{...g,className:r(e.className,Ot),icon:n,size:o,variant:f});let v=ea[n]?n:Yn(`${n}-icon`);return ea[v]?(0,Ne.jsx)(jt,{...g,className:r(e.className,Ot),icon:ea[v],size:o,themeColor:l,rotate:m,flip:c,viewBox:u,variant:f}):(0,Ne.jsx)(Ne.Fragment,{})}return(0,Ne.jsx)(Xa,{...g,className:r(e.className,Ot),icon:n,size:o,themeColor:l,rotate:m,flip:c})};w.states=Qn;w.options=Zn;w.defaultOptions=_t;w.className=Ot;w.moduleName=Ga;w.folderName=qa;w.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."}]};var ze=require("react/jsx-runtime"),ja="k-clear-value",jn=[d.disabled,d.loading,d.readonly],el={},re=e=>{let{disabled:t,loading:o,readonly:l,value:n}=e;return t||l||o||!n?(0,ze.jsx)(ze.Fragment,{}):(0,ze.jsx)("span",{className:r(e.className,ja),children:(0,ze.jsx)(w,{icon:"x"})})};re.states=jn;re.options=el;re.className=ja;var eo=require("react/jsx-runtime"),ta="k-input-inner",tl=[],al={},Dt={type:"text",autocomplete:"off",value:"",placeholder:""},ie=e=>{let{value:t=Dt.value,type:o=Dt.type,placeholder:l=Dt.placeholder,autocomplete:n=Dt.autocomplete,disabled:i,readOnly:m,...c}=e;return(0,eo.jsx)("input",{...c,type:o,className:r(e.className,ta,E(ta,e)),placeholder:l,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};ie.states=tl;ie.options=al;ie.className=ta;var mt=require("react/jsx-runtime"),aa="k-input-inner",ol=[],nl={},oa=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:i,...m}=e;return(0,mt.jsxs)("span",{...m,className:r(e.className,aa,E(aa,e)),children:[n,!n&&i&&(0,mt.jsx)(w,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&(0,mt.jsx)("span",{className:"k-input-value-text",children:t})]})};oa.states=ol;oa.options=nl;oa.className=aa;var ao=require("react/jsx-runtime"),na="k-input-inner",ll=[],rl={},to={value:"",placeholder:""},la=e=>{let{value:t=to.value,placeholder:o=to.placeholder,rows:l,disabled:n,...i}=e;return(0,ao.jsx)("textarea",{...i,className:r(e.className,na,E(na,e)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};la.states=ll;la.options=rl;la.className=na;var pt=require("react/jsx-runtime"),oo="k-input-loading-icon",il=[d.disabled,d.loading],fe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,pt.jsx)(pt.Fragment,{}):(0,pt.jsx)("span",{className:r(e.className,oo,"k-icon k-i-loading")})};fe.states=il;fe.className=oo;var ut=require("react/jsx-runtime"),no="k-input-validation-icon",sl=[d.valid,d.invalid,d.disabled,d.loading],dl={},se=e=>{let{valid:t,invalid:o,disabled:l,loading:n}=e,i=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?(0,ut.jsx)(ut.Fragment,{}):(0,ut.jsx)(w,{className:r(no),icon:i})};se.states=sl;se.options=dl;se.className=no;var ft=require("react/jsx-runtime"),cl="k-input-prefix",ml={direction:"horizontal"},Fe=e=>{let{direction:t=ml.direction,...o}=e;return e.children?(0,ft.jsx)("span",{...o,className:r(cl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ft.jsx)(ft.Fragment,{})};var Ct=require("react/jsx-runtime"),pl="k-input-suffix",ul={direction:"horizontal"},Ve=e=>{let{direction:t=ul.direction,...o}=e;return e.children?(0,Ct.jsx)("span",{...o,className:r(pl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ct.jsx)(Ct.Fragment,{})};var fl=require("react/jsx-runtime");var Cl=require("react/jsx-runtime");var ro=require("react/jsx-runtime"),lo="k-input-separator",xl={direction:"vertical"},Ue=e=>{let{direction:t=xl.direction,...o}=e;return(0,ro.jsx)("span",{...o,className:r(lo,e.className,{[`${lo}-${t}`]:t})})};var ra="button",io=ra;var te=require("react/jsx-runtime"),xt="k-button",bl=["icon-button"],hl=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Nl={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},ia={showArrow:!1,arrowIconName:"chevron-down"},b=e=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:i,showArrow:m=ia.showArrow,arrowIconName:c=ia.arrowIconName,variant:u,hover:f,focus:g,active:y,selected:v,disabled:oe,togglable:q,ariaDisabled:I,icon:L,iconSize:H,text:Y,iconClassName:pe,className:he,...Re}=e,Se=L!=null,rt=e.children!==void 0;return(0,te.jsxs)(t,{className:r(he,xt,Wa(xt,u),E(xt,{size:o,rounded:l,fillMode:n,themeColor:i}),Z(xt,{hover:f,focus:g,active:y,disabled:oe||I,selected:v}),{"k-icon-button":!Y&&!rt&&Se}),"aria-pressed":q?v?"true":"false":void 0,...Re,"aria-disabled":I?"true":void 0,disabled:oe||void 0,children:[typeof L=="string"&&L&&(0,te.jsx)(w,{className:r(pe,"k-button-icon"),icon:L,size:H}),L&&typeof L!="string"&&(0,te.jsx)(te.Fragment,{children:L}),Y?(0,te.jsxs)(te.Fragment,{children:[Y&&(0,te.jsx)("span",{className:"k-button-text",children:Y}),e.children]}):e.children&&(0,te.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,te.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,te.jsx)(w,{icon:c})})]})};b.states=hl;b.options=Nl;b.variants=bl;b.className=xt;b.defaultOptions=ia;b.moduleName=ra;b.folderName=io;b.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."}]};var so=require("react/jsx-runtime"),_e=e=>(0,so.jsx)(b,{children:"Button",...e});var F=require("react/jsx-runtime"),Tl=z.states,kl=z.defaultOptions,yl=z.options,gl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Sl=[],We=e=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:i,readonly:m,...c}=e,u=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,g=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],v=t==null?void 0:t.separators;return(0,F.jsxs)(z,{...c,valid:o,invalid:l,loading:n,disabled:i,readonly:m,style:{width:300},children:[u&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(Fe,{children:(0,F.jsx)(w,{icon:"lock"})}),v&&(0,F.jsx)(Ue,{})]}),(0,F.jsx)(ie,{placeholder:"Placeholder",value:"Value"}),y&&(0,F.jsx)(se,{valid:o,invalid:l,loading:n,disabled:i}),(0,F.jsx)(fe,{loading:n,disabled:i}),g&&(0,F.jsx)(re,{loading:n,disabled:i,readonly:m,value:"Value"}),f&&(0,F.jsxs)(F.Fragment,{children:[v&&(0,F.jsx)(Ue,{}),(0,F.jsx)(Ve,{children:(0,F.jsx)(_e,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};We.options=yl;We.states=Tl;We.variants=Sl;We.defaultOptions=kl;We.modifiers=gl;We.className=z.className;var mo=require("react/jsx-runtime"),co=e=>(0,mo.jsx)(b,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var uo=require("react/jsx-runtime"),po=e=>(0,uo.jsx)(b,{icon:"folder",children:"Button",...e});var Ht=require("react/jsx-runtime"),vl=b.options,Al=b.states,El={...b.defaultOptions,variant:"text"},wl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ml=[],$e=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ht.jsx)(co,{...o,icon:"star"});case"icon-and-text":return(0,Ht.jsx)(po,{...o,icon:"star",children:"Button"});default:return(0,Ht.jsx)(_e,{...o,children:"Button"})}};$e.options=vl;$e.states=Al;$e.variants=wl;$e.defaultOptions=El;$e.modifiers=Ml;$e.className=b.className;var sa="popup",fo=sa;var ca=require("react/jsx-runtime"),Co="k-animation-container",Il=[],Ll={},da={positionMode:"absolute",shown:!0},Ce=e=>{let{positionMode:t=da.positionMode,shown:o=da.shown,animationStyle:l,offset:n,...i}=e;return(0,ca.jsx)("div",{...i,style:{...n,...e.style},className:r(e.className,Co,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,ca.jsx)("div",{className:"k-child-animation-container",style:l,children:e.children})})};Ce.states=Il;Ce.options=Ll;Ce.className=Co;Ce.defaultOptions=da;Ce.moduleName=sa;Ce.folderName=fo;var ma="popup",xo=ma;var pa=require("react/jsx-runtime"),bo="k-popup",Rl=[],Ol={},ho={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=ho.positionMode,animationStyle:l,containerClassName:n,containerRole:i,containerAriaLabel:m,...c}=e;return(0,pa.jsx)(Ce,{positionMode:o,offset:t,animationStyle:l,className:n,role:i,"aria-label":m,children:(0,pa.jsx)("div",{...c,className:r(e.className,bo),children:e.children})})};ne.states=Rl;ne.options=Ol;ne.className=bo;ne.defaultOptions=ho;ne.moduleName=ma;ne.folderName=xo;ne.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 ua="action-buttons",No=ua;var To=require("react/jsx-runtime"),Kt="k-actions",_l=[],Dl={},fa={alignment:"start",orientation:"horizontal"},j=e=>{let{alignment:t=fa.alignment,orientation:o=fa.orientation,...l}=e;return(0,To.jsx)("div",{...l,className:r(Kt,{[`${Kt}-${t}`]:t,[`${Kt}-${o}`]:o},e.className),children:e.children})};j.states=_l;j.options=Dl;j.className=Kt;j.defaultOptions=fa;j.moduleName=ua;j.folderName=No;var yo=require("react/jsx-runtime"),ko="k-calendar-view",Ca={orientation:"horizontal",calendarView:"month"},Pt=e=>{let{orientation:t=Ca.orientation,calendarView:o=Ca.calendarView,gridRole:l,ariaLabelledBy:n,...i}=e;return(0,yo.jsx)("div",{...i,className:r(e.className,ko,`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})};Pt.className=ko;Pt.defaultOptions=Ca;var Te=require("react/jsx-runtime"),go="k-calendar-header",Hl={size:[s.undefined,s.small,s.medium,s.large]},bt={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},De=e=>{let{calendarTitleText:t=bt.calendarTitleText,showToday:o=bt.showToday,showNavigationButtons:l=bt.showNavigationButtons,orientation:n=bt.orientation,size:i,calendarView:m,dir:c,titleId:u,...f}=e,g=c==="rtl"?"chevron-right":"chevron-left",y=c==="rtl"?"chevron-left":"chevron-right",v=u||ve("calendar-title");return(0,Te.jsxs)("div",{...f,className:r(e.className,go,{"k-vstack":n==="vertical"}),children:[(0,Te.jsx)(b,{disabled:m==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:v,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...m==="century"?{"aria-disabled":"true"}:{}}),(0,Te.jsx)("span",{className:"k-spacer"}),(0,Te.jsxs)("span",{className:"k-calendar-nav",children:[l&&(0,Te.jsx)(b,{className:"k-calendar-nav-prev",icon:g,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,Te.jsx)(b,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&(0,Te.jsx)(b,{className:"k-calendar-nav-next",icon:y,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};De.options=Hl;De.className=go;De.defaultOptions=bt;var xa=require("react/jsx-runtime"),So="k-calendar-footer",Kl={size:[s.undefined,s.small,s.medium,s.large]},vo={calendarFooterText:"Tuesday, October 12, 2021"},ht=e=>{let{size:t,calendarFooterText:o=vo.calendarFooterText,...l}=e;return(0,xa.jsx)("div",{...l,className:r(e.className,So),children:(0,xa.jsx)(b,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};ht.options=Kl;ht.className=So;ht.defaultOptions=vo;var U="calendar",J=U;var Je=require("react/jsx-runtime"),ba="k-calendar",Pl=[],Bl={size:[s.undefined,s.small,s.medium,s.large]},Nt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},R=e=>{let{size:t,orientation:o=Nt.orientation,calendarView:l=Nt.calendarView,calendarTitleText:n=Nt.calendarTitleText,showCalendarHeader:i=Nt.showCalendarHeader,showWeek:m,showCalendarFooter:c,calendarFooterText:u,dir:f,...g}=e,y=ve("calendar-title");return(0,Je.jsxs)("div",{...g,dir:f,className:r(e.className,ba,E(ba,{size:t}),{"k-week-number":m}),children:[i&&(0,Je.jsx)(De,{calendarView:l,showToday:!c,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:y}),(0,Je.jsx)(Pt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),c&&(0,Je.jsx)(ht,{calendarFooterText:u,size:t})]})};R.states=Pl;R.options=Bl;R.className=ba;R.defaultOptions=Nt;R.moduleName=U;R.folderName=J;R.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."}]};var Eo=require("react/jsx-runtime"),Ao="k-calendar-container",zl=[],Fl={},Vl={},Xe=e=>{let{...t}=e;return(0,Eo.jsx)("div",{...t,className:r(e.className,Ao),children:e.children})};Xe.states=zl;Xe.options=Fl;Xe.className=Ao;Xe.defaultOptions=Vl;Xe.moduleName=U;Xe.folderName=J;var de=require("react/jsx-runtime"),Ul=[d.hover,d.focus,d.active,d.selected,d.disabled],a=e=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:i,weekCell:m,rangeStart:c,rangeMid:u,rangeEnd:f,dayIndicator:g,empty:y,hover:v,focus:oe,active:q,selected:I,disabled:L,...H}=e,pe=`k-calendar-${o?"th":"td"}`,he=[e.className,pe,Z(pe,{hover:v,focus:oe,active:q,selected:I,disabled:L}),{"k-today":l,"k-weekend":n,"k-other-month":i,"k-alt":m,"k-range-start":c,"k-range-mid":u,"k-range-end":f,"k-empty":y}],Re={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Se=t?Re[t]||t:void 0;return(0,de.jsx)("th",{...H,className:r(he),role:"columnheader",scope:"col","aria-label":Se,children:m?(0,de.jsx)("span",{className:"k-sr-only",children:Se}):t})}return m?(0,de.jsx)("td",{...H,className:r(he),children:t}):(0,de.jsx)("td",{...H,className:r(he),role:"gridcell",...I?{"aria-selected":"true"}:{},...L?{"aria-disabled":"true"}:{},children:y&&!i?(0,de.jsx)(de.Fragment,{children:"\xA0"}):(0,de.jsxs)("span",{className:"k-link",children:[t,g&&(0,de.jsx)("span",{className:"k-day-indicator"})]})})};a.states=Ul;var Ge=require("react/jsx-runtime"),wo="k-calendar-thead",Mo={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},qe=e=>{let{showWeek:t,cellsText:o=Mo.cellsText,...l}=e;return(0,Ge.jsx)("thead",{...l,className:r(e.className,wo),role:"rowgroup",children:(0,Ge.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Ge.jsx)(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>(0,Ge.jsx)(a,{text:n,headerCell:!0},i))]})})};qe.className=wo;qe.defaultOptions=Mo;var Lo=require("react/jsx-runtime"),Io="k-calendar-tbody",V=e=>{let{...t}=e;return(0,Lo.jsx)("tbody",{...t,className:r(e.className,Io),role:"rowgroup",children:e.children})};V.className=Io;V.moduleName=U;V.folderName=J;var Ye=require("react/jsx-runtime"),Wl="k-calendar-table",xe=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:m,...c}=e;return(0,Ye.jsxs)("table",{...c,className:r(e.className,Wl),...m?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&(0,Ye.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,Ye.jsx)(qe,{showWeek:l}),(0,Ye.jsx)(V,{children:e.children})]})};var He=require("react/jsx-runtime"),Ro="k-calendar-navigation",Tt=e=>(0,He.jsxs)("div",{...e,className:r(e.className,Ro),children:[(0,He.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,He.jsxs)("div",{className:"k-content k-scrollable",children:[(0,He.jsx)("ul",{className:"k-reset",children:e.children}),(0,He.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Tt.className=Ro;Tt.moduleName=U;Tt.folderName=J;var Oo=require("react/jsx-runtime"),$l="k-calendar-table",ha=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return(0,Oo.jsx)("table",{...l,className:r(e.className,$l),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};var W=require("react/jsx-runtime"),_o="k-calendar-view",Qe={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Ze=e=>{let{orientation:t=Qe.orientation,calendarView:o=Qe.calendarView,headerText:l=Qe.headerText,showWeekdays:n=Qe.showWeekdays,showNavigationButtons:i=Qe.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:c,gridLabelledBy:u,...f}=e;return(0,W.jsxs)("div",{...f,className:r(_o,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,W.jsx)(De,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),n&&(0,W.jsxs)(ha,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,W.jsxs)("colgroup",{children:[(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{})]}),(0,W.jsx)(qe,{cellsText:c,showWeek:m})]}),(0,W.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,W.jsx)(ha,{tableRole:"grid",ariaLabelledBy:u,children:e.children}),(0,W.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Ze.className=_o;Ze.defaultOptions=Qe;Ze.moduleName=U;Ze.folderName=J;var Ke=require("react/jsx-runtime"),Do="k-calendar-infinite",Jl={size:[s.undefined,s.small,s.medium,s.large]},Xl=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Gl={2021:"marker",2022:"marker"},ql=(e,t)=>e.map((o,l)=>(0,Ke.jsx)("li",{children:(0,Ke.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),kt={showNavigation:!0,calendarView:"month",navigationItems:Xl,navigationMarkerConfig:Gl},D=e=>{let{size:t,showNavigation:o=kt.showNavigation,calendarView:l=kt.calendarView,navigationItems:n=kt.navigationItems,navigationMarkerConfig:i=kt.navigationMarkerConfig,calendarTitleText:m,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,calendarWeekdays:g,...y}=e,v=ve("calendar-infinite-title");return(0,Ke.jsxs)("div",{...y,className:r(e.className,"k-calendar",Do,E("k-calendar",{size:t})),children:[o&&(0,Ke.jsx)(Tt,{children:ql(n,i)}),(0,Ke.jsx)(Ze,{calendarView:l,headerText:m,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:g,gridLabelledBy:v,children:e.children})]})};D.options=Jl;D.className=Do;D.defaultOptions=kt;D.moduleName=U;D.folderName=J;D.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."}]};var Ko=require("react/jsx-runtime"),Ho="k-calendar-tr",C=e=>{let{...t}=e;return(0,Ko.jsx)("tr",{...t,className:r(e.className,Ho),role:"row",children:e.children})};C.className=Ho;C.moduleName=U;C.folderName=J;var Bo=require("react/jsx-runtime"),Po="k-calendar-caption",X=e=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...i}=e;return(0,Bo.jsx)("th",{...i,scope:o,colSpan:l,rowSpan:n,className:r(e.className,Po),children:t})};X.className=Po;X.moduleName=U;X.folderName=J;var K=require("react/jsx-runtime"),zo=({showOtherCentury:e,...t})=>(0,K.jsx)(R,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,K.jsxs)(xe,{children:[(0,K.jsxs)(C,{children:[(0,K.jsx)(a,{text:"1990 - 1999"}),(0,K.jsx)(a,{text:"2000 - 2009"}),(0,K.jsx)(a,{text:"2010 - 2019",today:!0}),(0,K.jsx)(a,{text:"2020 - 2029"})]}),(0,K.jsxs)(C,{children:[(0,K.jsx)(a,{text:"2030 - 2039"}),(0,K.jsx)(a,{text:"2040 - 2049"}),(0,K.jsx)(a,{text:"2050 - 2059"}),(0,K.jsx)(a,{text:"2060 - 2069"})]}),(0,K.jsxs)(C,{children:[(0,K.jsx)(a,{text:"2070 - 2079"}),(0,K.jsx)(a,{text:"2080 - 2089"}),(0,K.jsx)(a,{text:"2090 - 2099"}),(0,K.jsx)(a,{text:"2100 - 2109",empty:!e})]})]}),...t});var P=require("react/jsx-runtime"),Fo=({showOtherDecade:e,...t})=>(0,P.jsx)(R,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,P.jsxs)(xe,{children:[(0,P.jsxs)(C,{children:[(0,P.jsx)(a,{text:"2019",empty:!e}),(0,P.jsx)(a,{text:"2020"}),(0,P.jsx)(a,{text:"2021",today:!0}),(0,P.jsx)(a,{text:"2022"})]}),(0,P.jsxs)(C,{children:[(0,P.jsx)(a,{text:"2023"}),(0,P.jsx)(a,{text:"2024"}),(0,P.jsx)(a,{text:"2025"}),(0,P.jsx)(a,{text:"2026"})]}),(0,P.jsxs)(C,{children:[(0,P.jsx)(a,{text:"2027"}),(0,P.jsx)(a,{text:"2028"}),(0,P.jsx)(a,{text:"2029"}),(0,P.jsx)(a,{text:"2030",empty:!e})]})]}),...t});var x=require("react/jsx-runtime"),Bt=({showCaptions:e,showOtherMonth:t,...o})=>(0,x.jsx)(R,{calendarView:"month",children:(0,x.jsxs)(xe,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[(0,x.jsxs)(C,{children:[(0,x.jsx)(a,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),(0,x.jsx)(a,{text:"27",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"28",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"29",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"30",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"1"}),(0,x.jsx)(a,{text:"2",weekend:!0})]}),(0,x.jsxs)(C,{children:[(0,x.jsx)(a,{text:"3",weekend:!0}),(0,x.jsx)(a,{text:"4"}),(0,x.jsx)(a,{text:"5"}),(0,x.jsx)(a,{text:"6"}),(0,x.jsx)(a,{text:"7"}),(0,x.jsx)(a,{text:"8"}),(0,x.jsx)(a,{text:"9",weekend:!0})]}),(0,x.jsxs)(C,{children:[(0,x.jsx)(a,{text:"10",weekend:!0}),(0,x.jsx)(a,{text:"11"}),(0,x.jsx)(a,{text:"12",today:!0}),(0,x.jsx)(a,{text:"13"}),(0,x.jsx)(a,{text:"14"}),(0,x.jsx)(a,{text:"15"}),(0,x.jsx)(a,{text:"16",weekend:!0})]}),(0,x.jsxs)(C,{children:[(0,x.jsx)(a,{text:"17",weekend:!0}),(0,x.jsx)(a,{text:"18"}),(0,x.jsx)(a,{text:"19"}),(0,x.jsx)(a,{text:"20"}),(0,x.jsx)(a,{text:"21"}),(0,x.jsx)(a,{text:"22"}),(0,x.jsx)(a,{text:"23",weekend:!0})]}),(0,x.jsxs)(C,{children:[(0,x.jsx)(a,{text:"24",weekend:!0}),(0,x.jsx)(a,{text:"25"}),(0,x.jsx)(a,{text:"26"}),(0,x.jsx)(a,{text:"27"}),(0,x.jsx)(a,{text:"28"}),(0,x.jsx)(a,{text:"29"}),(0,x.jsx)(a,{text:"30",weekend:!0})]}),(0,x.jsxs)(C,{children:[(0,x.jsx)(a,{text:"31",weekend:!0}),(0,x.jsx)(a,{text:"1",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"2",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"3",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"4",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"5",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});var Vo=require("react/jsx-runtime");var B=require("react/jsx-runtime"),Uo=e=>(0,B.jsx)(R,{calendarView:"year",calendarTitleText:"2019",children:(0,B.jsxs)(xe,{children:[(0,B.jsxs)(C,{children:[(0,B.jsx)(a,{text:"Jan"}),(0,B.jsx)(a,{text:"Feb"}),(0,B.jsx)(a,{text:"Mar"}),(0,B.jsx)(a,{text:"Apr"})]}),(0,B.jsxs)(C,{children:[(0,B.jsx)(a,{text:"May"}),(0,B.jsx)(a,{text:"Jun"}),(0,B.jsx)(a,{text:"Jul"}),(0,B.jsx)(a,{text:"Au"})]}),(0,B.jsxs)(C,{children:[(0,B.jsx)(a,{text:"Sep"}),(0,B.jsx)(a,{text:"Oct",today:!0}),(0,B.jsx)(a,{text:"Nov"}),(0,B.jsx)(a,{text:"Dec"})]})]}),...e});var p=require("react/jsx-runtime"),Wo=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>(0,p.jsx)(D,{calendarTitleText:"January 2021",children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)("colgroup",{children:[(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{}),(0,p.jsx)("col",{})]}),(0,p.jsxs)(V,{children:[(0,p.jsx)(C,{"aria-hidden":"true",children:(0,p.jsx)(X,{scope:"col",colSpan:7,text:e})}),(0,p.jsxs)(C,{children:[(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{text:"1"}),(0,p.jsx)(a,{text:"2",weekend:!0})]}),(0,p.jsxs)(C,{children:[(0,p.jsx)(a,{text:"3",weekend:!0}),(0,p.jsx)(a,{text:"4"}),(0,p.jsx)(a,{text:"5"}),(0,p.jsx)(a,{text:"6"}),(0,p.jsx)(a,{text:"7"}),(0,p.jsx)(a,{text:"8"}),(0,p.jsx)(a,{text:"9",weekend:!0})]}),(0,p.jsxs)(C,{children:[(0,p.jsx)(a,{text:"10",weekend:!0}),(0,p.jsx)(a,{text:"11"}),(0,p.jsx)(a,{text:"12"}),(0,p.jsx)(a,{text:"13"}),(0,p.jsx)(a,{text:"14"}),(0,p.jsx)(a,{text:"15"}),(0,p.jsx)(a,{text:"16",weekend:!0})]}),(0,p.jsxs)(C,{children:[(0,p.jsx)(a,{text:"17",weekend:!0}),(0,p.jsx)(a,{text:"18"}),(0,p.jsx)(a,{text:"19"}),(0,p.jsx)(a,{text:"20"}),(0,p.jsx)(a,{text:"21"}),(0,p.jsx)(a,{text:"22"}),(0,p.jsx)(a,{text:"23",weekend:!0})]}),(0,p.jsxs)(C,{children:[(0,p.jsx)(a,{text:"24",weekend:!0}),(0,p.jsx)(a,{text:"25"}),(0,p.jsx)(a,{text:"26"}),(0,p.jsx)(a,{text:"27"}),(0,p.jsx)(a,{text:"28"}),(0,p.jsx)(a,{text:"29"}),(0,p.jsx)(a,{text:"30",weekend:!0})]}),(0,p.jsxs)(C,{children:[(0,p.jsx)(a,{text:"31",weekend:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0}),(0,p.jsx)(a,{empty:!0})]})]}),(0,p.jsx)(V,{children:(0,p.jsx)(C,{"aria-hidden":"true",children:(0,p.jsx)(X,{scope:"col",colSpan:7,text:t})})})]}),...o});var h=require("react/jsx-runtime"),$o=({firstCaption:e="2021",secondCaption:t="2022",...o})=>(0,h.jsx)(D,{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:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(V,{children:[(0,h.jsx)(C,{"aria-hidden":"true",children:(0,h.jsx)(X,{scope:"col",colSpan:4,text:e})}),(0,h.jsxs)(C,{children:[(0,h.jsx)(a,{text:"Jan",today:!0}),(0,h.jsx)(a,{text:"Feb"}),(0,h.jsx)(a,{text:"Mar"}),(0,h.jsx)(a,{text:"Apr"})]}),(0,h.jsxs)(C,{children:[(0,h.jsx)(a,{text:"May"}),(0,h.jsx)(a,{text:"Jun"}),(0,h.jsx)(a,{text:"Jul"}),(0,h.jsx)(a,{text:"Aug"})]}),(0,h.jsxs)(C,{children:[(0,h.jsx)(a,{text:"Sep"}),(0,h.jsx)(a,{text:"Oct"}),(0,h.jsx)(a,{text:"Nov"}),(0,h.jsx)(a,{text:"Dec"})]})]}),(0,h.jsxs)(V,{children:[(0,h.jsx)(C,{"aria-hidden":"true",children:(0,h.jsx)(X,{scope:"col",colSpan:4,text:t})}),(0,h.jsxs)(C,{children:[(0,h.jsx)(a,{text:"Jan"}),(0,h.jsx)(a,{text:"Feb"}),(0,h.jsx)(a,{text:"Mar"}),(0,h.jsx)(a,{text:"Apr"})]}),(0,h.jsxs)(C,{children:[(0,h.jsx)(a,{text:"May"}),(0,h.jsx)(a,{text:"Jun"}),(0,h.jsx)(a,{text:"Jul"}),(0,h.jsx)(a,{text:"Aug"})]}),(0,h.jsxs)(C,{children:[(0,h.jsx)(a,{text:"Sep"}),(0,h.jsx)(a,{text:"Oct"}),(0,h.jsx)(a,{text:"Nov"}),(0,h.jsx)(a,{text:"Dec"})]})]})]}),...o});var N=require("react/jsx-runtime"),Jo=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,N.jsx)(D,{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:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(V,{children:[(0,N.jsx)(C,{"aria-hidden":"true",children:(0,N.jsx)(X,{scope:"col",colSpan:4,text:e})}),(0,N.jsxs)(C,{children:[(0,N.jsx)(a,{text:"2020",today:!0}),(0,N.jsx)(a,{text:"2021"}),(0,N.jsx)(a,{text:"2022"}),(0,N.jsx)(a,{text:"2023"})]}),(0,N.jsxs)(C,{children:[(0,N.jsx)(a,{text:"2024"}),(0,N.jsx)(a,{text:"2025"}),(0,N.jsx)(a,{text:"2026"}),(0,N.jsx)(a,{text:"2027"})]}),(0,N.jsxs)(C,{children:[(0,N.jsx)(a,{text:"2028"}),(0,N.jsx)(a,{text:"2029"}),(0,N.jsx)(a,{empty:!0}),(0,N.jsx)(a,{empty:!0})]})]}),(0,N.jsxs)(V,{children:[(0,N.jsx)(C,{"aria-hidden":"true",children:(0,N.jsx)(X,{scope:"col",colSpan:4,text:t})}),(0,N.jsxs)(C,{children:[(0,N.jsx)(a,{text:"2030"}),(0,N.jsx)(a,{text:"2031"}),(0,N.jsx)(a,{text:"2032"}),(0,N.jsx)(a,{text:"2033"})]}),(0,N.jsxs)(C,{children:[(0,N.jsx)(a,{text:"2034"}),(0,N.jsx)(a,{text:"2035"}),(0,N.jsx)(a,{text:"2036"}),(0,N.jsx)(a,{text:"2037"})]}),(0,N.jsxs)(C,{children:[(0,N.jsx)(a,{text:"2038"}),(0,N.jsx)(a,{text:"2039"}),(0,N.jsx)(a,{empty:!0}),(0,N.jsx)(a,{empty:!0})]})]})]}),...o});var A=require("react/jsx-runtime"),Xo=({firstCaption:e="2000 - 2099",...t})=>(0,A.jsx)(D,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(V,{children:[(0,A.jsx)(C,{"aria-hidden":"true",children:(0,A.jsx)(X,{scope:"col",colSpan:4,text:e})}),(0,A.jsxs)(C,{children:[(0,A.jsx)(a,{text:"1900 - 1999"}),(0,A.jsx)(a,{text:"2000 - 2009"}),(0,A.jsx)(a,{text:"2010 - 2019"}),(0,A.jsx)(a,{text:"2020 - 2029"})]}),(0,A.jsxs)(C,{children:[(0,A.jsx)(a,{text:"2030 - 2039"}),(0,A.jsx)(a,{text:"2040 - 2049"}),(0,A.jsx)(a,{text:"2050 - 2059"}),(0,A.jsx)(a,{text:"2060 - 2069"})]}),(0,A.jsxs)(C,{children:[(0,A.jsx)(a,{text:"2070 - 2079"}),(0,A.jsx)(a,{text:"2080 - 2089"}),(0,A.jsx)(a,{text:"2090 - 2099"}),(0,A.jsx)(a,{empty:!0})]})]})]}),...t});var Na=require("react/jsx-runtime");var Go=require("react/jsx-runtime");var Ta=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),Yl=R.options,Ql=R.states,qo={...R.defaultOptions,variant:"month"},Zl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],jl=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],je=e=>{let{variant:t,modifiers:o,...l}={...qo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!(o!=null&&o[f]),n.showOtherCentury=!!(o!=null&&o[f]),n.showOtherDecade=!!(o!=null&&o[f]);break;case"footer":n.showCalendarFooter=!!(o!=null&&o[f]);break;default:return}});let{showOtherMonth:i,showOtherDecade:m,showOtherCentury:c,showCalendarFooter:u}=n;switch(t){case"century":return(0,yt.jsx)(zo,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return(0,yt.jsx)(Fo,{size:l.size,showOtherDecade:m,showCalendarFooter:u});case"year":return(0,yt.jsx)(Uo,{calendarTitleText:"2021",size:l.size,showCalendarFooter:u});default:return(0,yt.jsx)(Bt,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};je.options=Yl;je.states=Ql;je.variants=Zl;je.defaultOptions=qo;je.modifiers=jl;je.className=R.className;var gt=require("react/jsx-runtime"),er=D.options,tr=D.states,Yo={...D.defaultOptions,variant:"month"},ar=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],or=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],et=e=>{let{variant:t,modifiers:o,...l}={...Yo,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!(o!=null&&o[f]),n.showOtherCentury=!!(o!=null&&o[f]),n.showOtherDecade=!!(o!=null&&o[f]);break;case"footer":n.showCalendarFooter=!!(o!=null&&o[f]);break;default:return}});let{showOtherMonth:i,showOtherDecade:m,showOtherCentury:c,showCalendarFooter:u}=n;switch(t){case"century":return(0,gt.jsx)(Xo,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return(0,gt.jsx)(Jo,{size:l.size,showOtherDecade:m,showCalendarFooter:u});case"year":return(0,gt.jsx)($o,{size:l.size,showCalendarFooter:u});default:return(0,gt.jsx)(Wo,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};et.options=er;et.states=tr;et.variants=ar;et.defaultOptions=Yo;et.modifiers=or;et.className=D.className;var ka="segmented-control",Qo=ka,Zo="segmented-control-button",jo="segmented-control";var Ft=require("react/jsx-runtime"),zt="k-segmented-control",nr=[],lr={size:[s.undefined,s.small,s.medium,s.large]},Ae=e=>{let{size:t,stretched:o,children:l,thumbStyles:n,...i}=e;return(0,Ft.jsxs)("div",{...i,className:r(e.className,zt,E(zt,{size:t}),{[`${zt}-stretched`]:o}),role:"group",children:[(0,Ft.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:n}),l]})};Ae.states=nr;Ae.options=lr;Ae.className=zt;Ae.moduleName=ka;Ae.folderName=Qo;Ae.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."}]};var St=require("react/jsx-runtime"),ya="k-segmented-control-button",rr=[d.selected,d.hover,d.focus,d.disabled],ir={},sr={},ke=e=>{let{hover:t,focus:o,selected:l,disabled:n,icon:i,text:m,iconClassName:c,...u}=e;return(0,St.jsxs)("button",{...u,className:r(e.className,ya,Z(ya,{hover:t,focus:o,disabled:n,selected:l})),"aria-pressed":l?"true":"false","aria-disabled":n?"true":void 0,children:[i&&(0,St.jsx)(w,{className:r(c,"k-segmented-control-button-icon"),icon:i}),(m||e.children)&&(0,St.jsx)("span",{className:"k-segmented-control-button-text",children:m||e.children})]})};ke.states=rr;ke.options=ir;ke.className=ya;ke.defaultOptions=sr;ke.moduleName=Zo;ke.folderName=jo;var ga=require("react/jsx-runtime");var Sa=require("react/jsx-runtime");var va=require("react/jsx-runtime");var Aa=require("react/jsx-runtime");var Ea=require("react/jsx-runtime");var en="time-selector",tn="timeselector";var ce=require("react/jsx-runtime"),wa="k-timeselector",dr=[],cr={size:[s.undefined,s.small,s.medium,s.large]},mr={},ye=e=>{let{size:t,header:o,fastSelection:l,columns:n,focusedColumn:i,...m}=e,c=n.map(function(u,f){let g=!1,y=!0;return u===i&&(g=!0),(f===0||u==="tt")&&(y=!1),(0,ce.jsx)(Ma,{type:u,focus:g,separator:y},f)});return(0,ce.jsxs)("div",{...m,className:r(e.className,wa,E(wa,{size:t})),role:"group","aria-label":"Time selector",children:[(0,ce.jsx)(ce.Fragment,{children:o}),(0,ce.jsx)(ce.Fragment,{children:l}),(0,ce.jsxs)("div",{className:"k-time-list-container",children:[(0,ce.jsx)("span",{className:"k-time-highlight"}),c]})]})};ye.states=dr;ye.options=cr;ye.className=wa;ye.defaultOptions=mr;ye.moduleName=en;ye.folderName=tn;ye.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."}]};var ee=require("react/jsx-runtime"),pr=[d.focus],Ma=e=>{let{type:t,focus:o,separator:l,...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((u,f)=>(0,ee.jsx)("li",{className:"k-item",role:"option","aria-selected":"false",children:(0,ee.jsx)("span",{children:u})},f));return(0,ee.jsxs)(ee.Fragment,{children:[l&&(0,ee.jsx)("div",{className:"k-time-separator",children:":"}),(0,ee.jsxs)("div",{...n,className:r(e.className,"k-time-list-wrapper",Z("k-time-list-wrapper",{focus:o})),children:[(0,ee.jsx)("span",{className:"k-title",children:i}),(0,ee.jsx)("div",{className:"k-time-list",role:"listbox","aria-label":i,children:(0,ee.jsxs)("div",{className:"k-content k-scrollable k-time-container",children:[(0,ee.jsx)("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:c}),(0,ee.jsx)("div",{className:"k-scrollable-placeholder"})]})})]})]})};Ma.states=pr;var Wt=require("react/jsx-runtime"),ur="k-time-header",vt=e=>{let{title:t,...o}=e;return(0,Wt.jsxs)("div",{...o,className:r(e.className,ur),children:[t!=null&&(0,Wt.jsx)("span",{className:"k-title",children:t}),e.children]})};var an=require("react/jsx-runtime");var Ia=require("react/jsx-runtime");var La=require("react/jsx-runtime");var Ra=require("react/jsx-runtime");var nn="date-time-picker",ln="datetimepicker";var M=require("react/jsx-runtime"),Oa="k-datetime-wrap",fr=[],Cr={size:[s.undefined,s.small,s.medium,s.large]},_a={tab:"date",actionButtons:!0},be=e=>{let{size:t,tab:o=_a.tab,actionButtons:l=_a.actionButtons,dir:n,...i}=e;return(0,M.jsxs)("div",{...i,className:r(e.className,Oa,{"k-date-tab":o==="date","k-time-tab":o==="time"},E(Oa,{size:t})),role:"group","aria-label":"Date and time selector",children:[(0,M.jsx)("div",{className:"k-datetime-buttongroup",children:(0,M.jsxs)(Ae,{stretched:!0,thumbStyles:o==="date"?{width:"50%"}:{width:"50%",left:"50%"},size:t,children:[(0,M.jsx)(ke,{selected:o==="date",children:"Date"}),(0,M.jsx)(ke,{selected:o==="time",children:"Time"})]})}),(0,M.jsx)("div",{className:"k-datetime-selector",children:o==="time"?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("div",{className:"k-datetime-calendar-wrap"}),(0,M.jsx)("div",{className:"k-datetime-time-wrap",children:(0,M.jsx)(ye,{size:t,columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:(0,M.jsx)(vt,{title:"10:00:00 AM",children:(0,M.jsx)(b,{size:t,fillMode:"flat",className:"k-time-now",children:"Now"})})})})]}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("div",{className:"k-datetime-calendar-wrap",children:(0,M.jsx)(Bt,{size:t,showOtherMonth:!0,dir:n})}),(0,M.jsx)("div",{className:"k-datetime-time-wrap"})]})}),l&&(0,M.jsxs)(j,{className:"k-datetime-footer",alignment:"stretched",children:[(0,M.jsx)(b,{size:t,themeColor:"primary",className:"k-time-accept",children:"Set"}),(0,M.jsx)(b,{size:t,className:"k-time-cancel",children:"Cancel"})]})]})};be.states=fr;be.options=Cr;be.className=Oa;be.defaultOptions=_a;be.moduleName=nn;be.folderName=ln;be.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 co