@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 66.2 kB
JavaScript
var Kn=Object.create;var It=Object.defineProperty;var Pn=Object.getOwnPropertyDescriptor;var Bn=Object.getOwnPropertyNames;var zn=Object.getPrototypeOf,Fn=Object.prototype.hasOwnProperty;var Vn=(e,t)=>{for(var o in t)It(e,o,{get:t[o],enumerable:!0})},Wa=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Bn(t))!Fn.call(e,n)&&n!==o&&It(e,n,{get:()=>t[n],enumerable:!(l=Pn(t,n))||l.enumerable});return e};var Un=(e,t,o)=>(o=e!=null?Kn(zn(e)):{},Wa(t||!e||!e.__esModule?It(o,"default",{value:e,enumerable:!0}):o,e)),Wn=e=>Wa(It({},"__esModule",{value:!0}),e);var ii={};Vn(ii,{DatetimepickerDemo:()=>Re,default:()=>ri});module.exports=Wn(ii);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:ne,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":ne,"k-highlighted":q},Object.keys(I).reduce((L,H)=>(H.startsWith("k-")?L[H]=I[H]:L[`k-${H}`]=I[H],L),{}))};function $a(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"},fe={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 Yt={};function ve(e){return Yt[e]=(Yt[e]||0)+1,`k-${e}-${Yt[e]}`}var st="input",Lt=st;var Ja=require("react/jsx-runtime"),Rt="k-input",$n=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Jn={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]},Xn={},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,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}))})};z.states=$n;z.options=Jn;z.className=Rt;z.defaultOptions=Xn;z.moduleName=st;z.folderName=Lt;var Xa=require("react/jsx-runtime"),Ot="k-picker",Gn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],qn={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]},Yn={},ze=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,Xa.jsx)("span",{...y,className:r(e.className,Ot,E(Ot,{size:u,rounded:f,fillMode:g}),Z(Ot,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c})),children:e.children})};ze.states=Gn;ze.options=qn;ze.className=Ot;ze.defaultOptions=Yn;ze.moduleName=st;ze.folderName=Lt;var dt=require("react/jsx-runtime"),Qt="k-font-icon",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]},jn={},ct=e=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:i,...m}=e;return l?(0,dt.jsx)("span",{...m,className:r(e.className,Qt,E(Qt,{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,dt.jsx)(dt.Fragment,{})};ct.states=Qn;ct.options=Zn;ct.className=Qt;ct.defaultOptions=jn;var Ga=ct;var _e=require("react/jsx-runtime"),Zt="k-svg-icon",el=[],tl={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:[fe.outline,fe.solid,fe.duotone]},jt={viewBox:"0 0 24 24",variant:fe.outline},mt=e=>{var y,v;let{size:t,themeColor:o,rotate:l,flip:n,viewBox:i=jt.viewBox,variant:m=jt.variant,icon:c,...u}=e;if(!c)return(0,_e.jsx)(_e.Fragment,{});if(c==="none")return(0,_e.jsx)("span",{...u,className:r(e.className,Zt,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,_e.jsx)("span",{...u,className:r(e.className,Zt,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,_e.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})})};mt.states=el;mt.options=tl;mt.className=Zt;mt.defaultOptions=jt;var ea=mt;var ta=Un(require("@progress/kendo-svg-icons"));var qa="icon",Ya="icons";var ja=require("react");var Qa=require("react"),Za=(0,Qa.createContext)({iconsType:"svg"});var Te=require("react/jsx-runtime"),_t="k-icon",al=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ol=[],nl={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:[fe.outline,fe.solid,fe.duotone]},Dt={viewBox:"0 0 24 24",type:"svg",variant:fe.outline},w=e=>{let{iconsType:t}=(0,ja.useContext)(Za),{size:o,themeColor:l,icon:n,type:i=t||Dt.type,rotate:m,flip:c,viewBox:u=Dt.viewBox,variant:f=Dt.variant,...g}=e;if(!n)return(0,Te.jsx)(Te.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,Te.jsx)(ea,{...g,className:r(e.className,_t),icon:n,size:o,variant:f});let v=ta[n]?n:al(`${n}-icon`);return ta[v]?(0,Te.jsx)(ea,{...g,className:r(e.className,_t),icon:ta[v],size:o,themeColor:l,rotate:m,flip:c,viewBox:u,variant:f}):(0,Te.jsx)(Te.Fragment,{})}return(0,Te.jsx)(Ga,{...g,className:r(e.className,_t),icon:n,size:o,themeColor:l,rotate:m,flip:c})};w.states=ol;w.options=nl;w.defaultOptions=Dt;w.className=_t;w.moduleName=qa;w.folderName=Ya;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 Fe=require("react/jsx-runtime"),eo="k-clear-value",ll=[d.disabled,d.loading,d.readonly],rl={},ie=e=>{let{disabled:t,loading:o,readonly:l,value:n}=e;return t||l||o||!n?(0,Fe.jsx)(Fe.Fragment,{}):(0,Fe.jsx)("span",{className:r(e.className,eo),children:(0,Fe.jsx)(w,{icon:"x"})})};ie.states=ll;ie.options=rl;ie.className=eo;var to=require("react/jsx-runtime"),aa="k-input-inner",il=[],sl={},Ht={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=Ht.value,type:o=Ht.type,placeholder:l=Ht.placeholder,autocomplete:n=Ht.autocomplete,disabled:i,readOnly:m,...c}=e;return(0,to.jsx)("input",{...c,type:o,className:r(e.className,aa,E(aa,e)),placeholder:l,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};se.states=il;se.options=sl;se.className=aa;var pt=require("react/jsx-runtime"),oa="k-input-inner",dl=[],cl={},na=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:i,...m}=e;return(0,pt.jsxs)("span",{...m,className:r(e.className,oa,E(oa,e)),children:[n,!n&&i&&(0,pt.jsx)(w,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&(0,pt.jsx)("span",{className:"k-input-value-text",children:t})]})};na.states=dl;na.options=cl;na.className=oa;var oo=require("react/jsx-runtime"),la="k-input-inner",ml=[],pl={},ao={value:"",placeholder:""},ra=e=>{let{value:t=ao.value,placeholder:o=ao.placeholder,rows:l,disabled:n,...i}=e;return(0,oo.jsx)("textarea",{...i,className:r(e.className,la,E(la,e)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};ra.states=ml;ra.options=pl;ra.className=la;var ut=require("react/jsx-runtime"),no="k-input-loading-icon",ul=[d.disabled,d.loading],Ce=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ut.jsx)(ut.Fragment,{}):(0,ut.jsx)("span",{className:r(e.className,no,"k-icon k-i-loading")})};Ce.states=ul;Ce.className=no;var ft=require("react/jsx-runtime"),lo="k-input-validation-icon",fl=[d.valid,d.invalid,d.disabled,d.loading],Cl={},de=e=>{let{valid:t,invalid:o,disabled:l,loading:n}=e,i=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?(0,ft.jsx)(ft.Fragment,{}):(0,ft.jsx)(w,{className:r(lo),icon:i})};de.states=fl;de.options=Cl;de.className=lo;var Ct=require("react/jsx-runtime"),xl="k-input-prefix",bl={direction:"horizontal"},Ve=e=>{let{direction:t=bl.direction,...o}=e;return e.children?(0,Ct.jsx)("span",{...o,className:r(xl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ct.jsx)(Ct.Fragment,{})};var xt=require("react/jsx-runtime"),hl="k-input-suffix",Nl={direction:"horizontal"},Ue=e=>{let{direction:t=Nl.direction,...o}=e;return e.children?(0,xt.jsx)("span",{...o,className:r(hl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,xt.jsx)(xt.Fragment,{})};var Tl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var io=require("react/jsx-runtime"),ro="k-input-separator",yl={direction:"vertical"},We=e=>{let{direction:t=yl.direction,...o}=e;return(0,io.jsx)("span",{...o,className:r(ro,e.className,{[`${ro}-${t}`]:t})})};var ia="button",so=ia;var te=require("react/jsx-runtime"),bt="k-button",gl=["icon-button"],Sl=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],vl={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]},sa={showArrow:!1,arrowIconName:"chevron-down"},b=e=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:i,showArrow:m=sa.showArrow,arrowIconName:c=sa.arrowIconName,variant:u,hover:f,focus:g,active:y,selected:v,disabled:ne,togglable:q,ariaDisabled:I,icon:L,iconSize:H,text:Y,iconClassName:ue,className:Ne,...Oe}=e,Se=L!=null,it=e.children!==void 0;return(0,te.jsxs)(t,{className:r(Ne,bt,$a(bt,u),E(bt,{size:o,rounded:l,fillMode:n,themeColor:i}),Z(bt,{hover:f,focus:g,active:y,disabled:ne||I,selected:v}),{"k-icon-button":!Y&&!it&&Se}),"aria-pressed":q?v?"true":"false":void 0,...Oe,"aria-disabled":I?"true":void 0,disabled:ne||void 0,children:[typeof L=="string"&&L&&(0,te.jsx)(w,{className:r(ue,"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=Sl;b.options=vl;b.variants=gl;b.className=bt;b.defaultOptions=sa;b.moduleName=ia;b.folderName=so;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 co=require("react/jsx-runtime"),De=e=>(0,co.jsx)(b,{children:"Button",...e});var F=require("react/jsx-runtime"),Al=z.states,El=z.defaultOptions,wl=z.options,Ml=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Il=[],$e=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)(Ve,{children:(0,F.jsx)(w,{icon:"lock"})}),v&&(0,F.jsx)(We,{})]}),(0,F.jsx)(se,{placeholder:"Placeholder",value:"Value"}),y&&(0,F.jsx)(de,{valid:o,invalid:l,loading:n,disabled:i}),(0,F.jsx)(Ce,{loading:n,disabled:i}),g&&(0,F.jsx)(ie,{loading:n,disabled:i,readonly:m,value:"Value"}),f&&(0,F.jsxs)(F.Fragment,{children:[v&&(0,F.jsx)(We,{}),(0,F.jsx)(Ue,{children:(0,F.jsx)(De,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};$e.options=wl;$e.states=Al;$e.variants=Il;$e.defaultOptions=El;$e.modifiers=Ml;$e.className=z.className;var po=require("react/jsx-runtime"),mo=e=>(0,po.jsx)(b,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var fo=require("react/jsx-runtime"),uo=e=>(0,fo.jsx)(b,{icon:"folder",children:"Button",...e});var Kt=require("react/jsx-runtime"),Ll=b.options,Rl=b.states,Ol={...b.defaultOptions,variant:"text"},_l=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dl=[],Je=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Kt.jsx)(mo,{...o,icon:"star"});case"icon-and-text":return(0,Kt.jsx)(uo,{...o,icon:"star",children:"Button"});default:return(0,Kt.jsx)(De,{...o,children:"Button"})}};Je.options=Ll;Je.states=Rl;Je.variants=_l;Je.defaultOptions=Ol;Je.modifiers=Dl;Je.className=b.className;var da="popup",Co=da;var ma=require("react/jsx-runtime"),xo="k-animation-container",Hl=[],Kl={},ca={positionMode:"absolute",shown:!0},xe=e=>{let{positionMode:t=ca.positionMode,shown:o=ca.shown,animationStyle:l,offset:n,...i}=e;return(0,ma.jsx)("div",{...i,style:{...n,...e.style},className:r(e.className,xo,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,ma.jsx)("div",{className:"k-child-animation-container",style:l,children:e.children})})};xe.states=Hl;xe.options=Kl;xe.className=xo;xe.defaultOptions=ca;xe.moduleName=da;xe.folderName=Co;var pa="popup",bo=pa;var ua=require("react/jsx-runtime"),ho="k-popup",Pl=[],Bl={},No={positionMode:"absolute"},le=e=>{let{offset:t,positionMode:o=No.positionMode,animationStyle:l,containerClassName:n,containerRole:i,containerAriaLabel:m,...c}=e;return(0,ua.jsx)(xe,{positionMode:o,offset:t,animationStyle:l,className:n,role:i,"aria-label":m,children:(0,ua.jsx)("div",{...c,className:r(e.className,ho),children:e.children})})};le.states=Pl;le.options=Bl;le.className=ho;le.defaultOptions=No;le.moduleName=pa;le.folderName=bo;le.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 fa="action-buttons",To=fa;var ko=require("react/jsx-runtime"),Pt="k-actions",zl=[],Fl={},Ca={alignment:"start",orientation:"horizontal"},j=e=>{let{alignment:t=Ca.alignment,orientation:o=Ca.orientation,...l}=e;return(0,ko.jsx)("div",{...l,className:r(Pt,{[`${Pt}-${t}`]:t,[`${Pt}-${o}`]:o},e.className),children:e.children})};j.states=zl;j.options=Fl;j.className=Pt;j.defaultOptions=Ca;j.moduleName=fa;j.folderName=To;var go=require("react/jsx-runtime"),yo="k-calendar-view",xa={orientation:"horizontal",calendarView:"month"},Bt=e=>{let{orientation:t=xa.orientation,calendarView:o=xa.calendarView,gridRole:l,ariaLabelledBy:n,...i}=e;return(0,go.jsx)("div",{...i,className:r(e.className,yo,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...l?{role:"grid","aria-labelledby":n,tabIndex:0}:{},children:e.children})};Bt.className=yo;Bt.defaultOptions=xa;var ke=require("react/jsx-runtime"),So="k-calendar-header",Vl={size:[s.undefined,s.small,s.medium,s.large]},ht={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},He=e=>{let{calendarTitleText:t=ht.calendarTitleText,showToday:o=ht.showToday,showNavigationButtons:l=ht.showNavigationButtons,orientation:n=ht.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,ke.jsxs)("div",{...f,className:r(e.className,So,{"k-vstack":n==="vertical"}),children:[(0,ke.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,ke.jsx)("span",{className:"k-spacer"}),(0,ke.jsxs)("span",{className:"k-calendar-nav",children:[l&&(0,ke.jsx)(b,{className:"k-calendar-nav-prev",icon:g,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,ke.jsx)(b,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&(0,ke.jsx)(b,{className:"k-calendar-nav-next",icon:y,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};He.options=Vl;He.className=So;He.defaultOptions=ht;var ba=require("react/jsx-runtime"),vo="k-calendar-footer",Ul={size:[s.undefined,s.small,s.medium,s.large]},Ao={calendarFooterText:"Tuesday, October 12, 2021"},Nt=e=>{let{size:t,calendarFooterText:o=Ao.calendarFooterText,...l}=e;return(0,ba.jsx)("div",{...l,className:r(e.className,vo),children:(0,ba.jsx)(b,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Nt.options=Ul;Nt.className=vo;Nt.defaultOptions=Ao;var U="calendar",J=U;var Xe=require("react/jsx-runtime"),ha="k-calendar",Wl=[],$l={size:[s.undefined,s.small,s.medium,s.large]},Tt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},R=e=>{let{size:t,orientation:o=Tt.orientation,calendarView:l=Tt.calendarView,calendarTitleText:n=Tt.calendarTitleText,showCalendarHeader:i=Tt.showCalendarHeader,showWeek:m,showCalendarFooter:c,calendarFooterText:u,dir:f,...g}=e,y=ve("calendar-title");return(0,Xe.jsxs)("div",{...g,dir:f,className:r(e.className,ha,E(ha,{size:t}),{"k-week-number":m}),children:[i&&(0,Xe.jsx)(He,{calendarView:l,showToday:!c,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:y}),(0,Xe.jsx)(Bt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),c&&(0,Xe.jsx)(Nt,{calendarFooterText:u,size:t})]})};R.states=Wl;R.options=$l;R.className=ha;R.defaultOptions=Tt;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 wo=require("react/jsx-runtime"),Eo="k-calendar-container",Jl=[],Xl={},Gl={},Ge=e=>{let{...t}=e;return(0,wo.jsx)("div",{...t,className:r(e.className,Eo),children:e.children})};Ge.states=Jl;Ge.options=Xl;Ge.className=Eo;Ge.defaultOptions=Gl;Ge.moduleName=U;Ge.folderName=J;var ce=require("react/jsx-runtime"),ql=[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:ne,active:q,selected:I,disabled:L,...H}=e,ue=`k-calendar-${o?"th":"td"}`,Ne=[e.className,ue,Z(ue,{hover:v,focus:ne,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}],Oe={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Se=t?Oe[t]||t:void 0;return(0,ce.jsx)("th",{...H,className:r(Ne),role:"columnheader",scope:"col","aria-label":Se,children:m?(0,ce.jsx)("span",{className:"k-sr-only",children:Se}):t})}return m?(0,ce.jsx)("td",{...H,className:r(Ne),children:t}):(0,ce.jsx)("td",{...H,className:r(Ne),role:"gridcell",...I?{"aria-selected":"true"}:{},...L?{"aria-disabled":"true"}:{},children:y&&!i?(0,ce.jsx)(ce.Fragment,{children:"\xA0"}):(0,ce.jsxs)("span",{className:"k-link",children:[t,g&&(0,ce.jsx)("span",{className:"k-day-indicator"})]})})};a.states=ql;var qe=require("react/jsx-runtime"),Mo="k-calendar-thead",Io={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ye=e=>{let{showWeek:t,cellsText:o=Io.cellsText,...l}=e;return(0,qe.jsx)("thead",{...l,className:r(e.className,Mo),role:"rowgroup",children:(0,qe.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,qe.jsx)(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>(0,qe.jsx)(a,{text:n,headerCell:!0},i))]})})};Ye.className=Mo;Ye.defaultOptions=Io;var Ro=require("react/jsx-runtime"),Lo="k-calendar-tbody",V=e=>{let{...t}=e;return(0,Ro.jsx)("tbody",{...t,className:r(e.className,Lo),role:"rowgroup",children:e.children})};V.className=Lo;V.moduleName=U;V.folderName=J;var Qe=require("react/jsx-runtime"),Yl="k-calendar-table",be=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:m,...c}=e;return(0,Qe.jsxs)("table",{...c,className:r(e.className,Yl),...m?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&(0,Qe.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,Qe.jsx)(Ye,{showWeek:l}),(0,Qe.jsx)(V,{children:e.children})]})};var Ke=require("react/jsx-runtime"),Oo="k-calendar-navigation",kt=e=>(0,Ke.jsxs)("div",{...e,className:r(e.className,Oo),children:[(0,Ke.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,Ke.jsxs)("div",{className:"k-content k-scrollable",children:[(0,Ke.jsx)("ul",{className:"k-reset",children:e.children}),(0,Ke.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});kt.className=Oo;kt.moduleName=U;kt.folderName=J;var _o=require("react/jsx-runtime"),Ql="k-calendar-table",Na=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return(0,_o.jsx)("table",{...l,className:r(e.className,Ql),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};var W=require("react/jsx-runtime"),Do="k-calendar-view",Ze={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},je=e=>{let{orientation:t=Ze.orientation,calendarView:o=Ze.calendarView,headerText:l=Ze.headerText,showWeekdays:n=Ze.showWeekdays,showNavigationButtons:i=Ze.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:c,gridLabelledBy:u,...f}=e;return(0,W.jsxs)("div",{...f,className:r(Do,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,W.jsx)(He,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),n&&(0,W.jsxs)(Na,{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)(Ye,{cellsText:c,showWeek:m})]}),(0,W.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,W.jsx)(Na,{tableRole:"grid",ariaLabelledBy:u,children:e.children}),(0,W.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};je.className=Do;je.defaultOptions=Ze;je.moduleName=U;je.folderName=J;var Pe=require("react/jsx-runtime"),Ho="k-calendar-infinite",Zl={size:[s.undefined,s.small,s.medium,s.large]},jl=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],er={2021:"marker",2022:"marker"},tr=(e,t)=>e.map((o,l)=>(0,Pe.jsx)("li",{children:(0,Pe.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),yt={showNavigation:!0,calendarView:"month",navigationItems:jl,navigationMarkerConfig:er},D=e=>{let{size:t,showNavigation:o=yt.showNavigation,calendarView:l=yt.calendarView,navigationItems:n=yt.navigationItems,navigationMarkerConfig:i=yt.navigationMarkerConfig,calendarTitleText:m,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,calendarWeekdays:g,...y}=e,v=ve("calendar-infinite-title");return(0,Pe.jsxs)("div",{...y,className:r(e.className,"k-calendar",Ho,E("k-calendar",{size:t})),children:[o&&(0,Pe.jsx)(kt,{children:tr(n,i)}),(0,Pe.jsx)(je,{calendarView:l,headerText:m,showWeekdays:c,showWeekNumbers:u,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:g,gridLabelledBy:v,children:e.children})]})};D.options=Zl;D.className=Ho;D.defaultOptions=yt;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 Po=require("react/jsx-runtime"),Ko="k-calendar-tr",C=e=>{let{...t}=e;return(0,Po.jsx)("tr",{...t,className:r(e.className,Ko),role:"row",children:e.children})};C.className=Ko;C.moduleName=U;C.folderName=J;var zo=require("react/jsx-runtime"),Bo="k-calendar-caption",X=e=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...i}=e;return(0,zo.jsx)("th",{...i,scope:o,colSpan:l,rowSpan:n,className:r(e.className,Bo),children:t})};X.className=Bo;X.moduleName=U;X.folderName=J;var K=require("react/jsx-runtime"),Fo=({showOtherCentury:e,...t})=>(0,K.jsx)(R,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,K.jsxs)(be,{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"),Vo=({showOtherDecade:e,...t})=>(0,P.jsx)(R,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,P.jsxs)(be,{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"),zt=({showCaptions:e,showOtherMonth:t,...o})=>(0,x.jsx)(R,{calendarView:"month",children:(0,x.jsxs)(be,{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 Uo=require("react/jsx-runtime");var B=require("react/jsx-runtime"),Wo=e=>(0,B.jsx)(R,{calendarView:"year",calendarTitleText:"2019",children:(0,B.jsxs)(be,{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"),$o=({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"),Jo=({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"),Xo=({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"),Go=({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 Ta=require("react/jsx-runtime");var qo=require("react/jsx-runtime");var ka=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),ar=R.options,or=R.states,Yo={...R.defaultOptions,variant:"month"},nr=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],lr=[{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)(Fo,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return(0,gt.jsx)(Vo,{size:l.size,showOtherDecade:m,showCalendarFooter:u});case"year":return(0,gt.jsx)(Wo,{calendarTitleText:"2021",size:l.size,showCalendarFooter:u});default:return(0,gt.jsx)(zt,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};et.options=ar;et.states=or;et.variants=nr;et.defaultOptions=Yo;et.modifiers=lr;et.className=R.className;var St=require("react/jsx-runtime"),rr=D.options,ir=D.states,Qo={...D.defaultOptions,variant:"month"},sr=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],dr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],tt=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,St.jsx)(Go,{size:l.size,showOtherCentury:c,showCalendarFooter:u});case"decade":return(0,St.jsx)(Xo,{size:l.size,showOtherDecade:m,showCalendarFooter:u});case"year":return(0,St.jsx)(Jo,{size:l.size,showCalendarFooter:u});default:return(0,St.jsx)($o,{size:l.size,showOtherMonth:i,showCalendarFooter:u})}};tt.options=rr;tt.states=ir;tt.variants=sr;tt.defaultOptions=Qo;tt.modifiers=dr;tt.className=D.className;var ya="segmented-control",Zo=ya,jo="segmented-control-button",en="segmented-control";var Vt=require("react/jsx-runtime"),Ft="k-segmented-control",cr=[],mr={size:[s.undefined,s.small,s.medium,s.large]},Ae=e=>{let{size:t,stretched:o,children:l,thumbStyles:n,...i}=e;return(0,Vt.jsxs)("div",{...i,className:r(e.className,Ft,E(Ft,{size:t}),{[`${Ft}-stretched`]:o}),role:"group",children:[(0,Vt.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:n}),l]})};Ae.states=cr;Ae.options=mr;Ae.className=Ft;Ae.moduleName=ya;Ae.folderName=Zo;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 vt=require("react/jsx-runtime"),ga="k-segmented-control-button",pr=[d.selected,d.hover,d.focus,d.disabled],ur={},fr={},ye=e=>{let{hover:t,focus:o,selected:l,disabled:n,icon:i,text:m,iconClassName:c,...u}=e;return(0,vt.jsxs)("button",{...u,className:r(e.className,ga,Z(ga,{hover:t,focus:o,disabled:n,selected:l})),"aria-pressed":l?"true":"false","aria-disabled":n?"true":void 0,children:[i&&(0,vt.jsx)(w,{className:r(c,"k-segmented-control-button-icon"),icon:i}),(m||e.children)&&(0,vt.jsx)("span",{className:"k-segmented-control-button-text",children:m||e.children})]})};ye.states=pr;ye.options=ur;ye.className=ga;ye.defaultOptions=fr;ye.moduleName=jo;ye.folderName=en;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 wa=require("react/jsx-runtime");var tn="time-selector",an="timeselector";var me=require("react/jsx-runtime"),Ma="k-timeselector",Cr=[],xr={size:[s.undefined,s.small,s.medium,s.large]},br={},ge=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,me.jsx)(Ia,{type:u,focus:g,separator:y},f)});return(0,me.jsxs)("div",{...m,className:r(e.className,Ma,E(Ma,{size:t})),role:"group","aria-label":"Time selector",children:[(0,me.jsx)(me.Fragment,{children:o}),(0,me.jsx)(me.Fragment,{children:l}),(0,me.jsxs)("div",{className:"k-time-list-container",children:[(0,me.jsx)("span",{className:"k-time-highlight"}),c]})]})};ge.states=Cr;ge.options=xr;ge.className=Ma;ge.defaultOptions=br;ge.moduleName=tn;ge.folderName=an;ge.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"),hr=[d.focus],Ia=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"})]})})]})]})};Ia.states=hr;var $t=require("react/jsx-runtime"),Nr="k-time-header",At=e=>{let{title:t,...o}=e;return(0,$t.jsxs)("div",{...o,className:r(e.className,Nr),children:[t!=null&&(0,$t.jsx)("span",{className:"k-title",children:t}),e.children]})};var on=require("react/jsx-runtime");var La=require("react/jsx-runtime");var Ra=require("react/jsx-runtime");var Oa=require("react/jsx-runtime");var ln="date-time-picker",rn="datetimepicker";var M=require("react/jsx-runtime"),_a="k-datetime-wrap",Tr=[],kr={size:[s.undefined,s.small,s.medium,s.large]},Da={tab:"date",actionButtons:!0},he=e=>{let{size:t,tab:o=Da.tab,actionButtons:l=Da.actionButtons,dir:n,...i}=e;return(0,M.jsxs)("div",{...i,className:r(e.className,_a,{"k-date-tab":o==="date","k-time-tab":o==="time"},E(_a,{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)(ye,{selected:o==="date",children:"Date"}),(0,M.jsx)(ye,{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)(ge,{size:t,columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:(0,M.jsx)(At,{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)(zt,{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"})]})]})};he.states=Tr;he.options=kr;he.className=_a;he.defaultOptions=Da;he.moduleName=ln;he.folderName=rn;he.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 Da