@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 41.5 kB
JavaScript
var l=(...t)=>t.filter(a=>a!==!0&&!!a).map(a=>Array.isArray(a)?l(...a):typeof a=="object"?Object.keys(a).map((o,n)=>a[n]||a[o]&&o||null).filter(o=>o!==null).join(" "):a).filter(a=>!!a).join(" ");var S=(t,a)=>l({[`${t}-xs`]:a.size==="xsmall",[`${t}-sm`]:a.size==="small",[`${t}-md`]:a.size==="medium",[`${t}-lg`]:a.size==="large",[`${t}-xl`]:a.size==="xlarge",[`${t}-xxl`]:a.size==="xxlarge",[`${t}-xxxl`]:a.size==="xxxlarge"},{[`${t}-${a.fillMode}`]:a.fillMode},{[`${t}-${a.themeColor}`]:a.themeColor},{"k-rounded-sm":a.rounded==="small","k-rounded-md":a.rounded==="medium","k-rounded-lg":a.rounded==="large","k-rounded-full":a.rounded==="full","k-rounded-none":a.rounded==="none"}),X=(t,a)=>{let{valid:o,invalid:n,hover:i,focus:s,checked:p,active:m,selected:f,disabled:x,indeterminate:k,loading:E,empty:I,readonly:le,highlighted:be,...J}=a;return l({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":k&&!p,"k-loading":E,"k-empty":I,"k-readonly":le,"k-highlighted":be},Object.keys(J).reduce((L,P)=>(P.startsWith("k-")?L[P]=J[P]:L[`k-${P}`]=J[P],L),{}))};function Et(t,a){if(!a)return{};let o=Array.isArray(a)?a:[a];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},ee={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},te={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},F={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},u={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},w={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 Ze={};function re(t){return Ze[t]=(Ze[t]||0)+1,`k-${t}-${Ze[t]}`}var je="action-buttons",St=je;import{jsx as Ia}from"react/jsx-runtime";var De="k-actions",La=[],Oa={},et={alignment:"start",orientation:"horizontal"},H=t=>{let{alignment:a=et.alignment,orientation:o=et.orientation,...n}=t;return Ia("div",{...n,className:l(De,{[`${De}-${a}`]:a,[`${De}-${o}`]:o},t.className),children:t.children})};H.states=La;H.options=Oa;H.className=De;H.defaultOptions=et;H.moduleName=je;H.folderName=St;import{Fragment as Ha,jsx as At}from"react/jsx-runtime";var tt="k-font-icon",Da=[],_a={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info]},Ba={},he=t=>{let{size:a,themeColor:o,icon:n,rotate:i,flip:s,...p}=t;return n?At("span",{...p,className:l(t.className,tt,S(tt,{size:a}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):At(Ha,{})};he.states=Da;he.options=_a;he.className=tt;he.defaultOptions=Ba;var Mt=he;import{Fragment as za,jsx as _e}from"react/jsx-runtime";var at="k-svg-icon",Ka=[],Pa={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[F.outline,F.solid,F.duotone]},ot={viewBox:"0 0 24 24",variant:F.outline},ke=t=>{let{size:a,themeColor:o,rotate:n,flip:i,viewBox:s=ot.viewBox,variant:p=ot.variant,icon:m,...f}=t;if(!m)return _e(za,{});if(m==="none")return _e("span",{...f,className:l(t.className,at,S("k-icon",{size:a}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,k=typeof m=="object"?p&&m.variants?.[p]||m.variants?.outline||m.content:void 0;return _e("span",{...f,className:l(t.className,at,S("k-icon",{size:a}),{[`k-svg-i-${x}`]:x,[`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",children:_e("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:m?void 0:t.children})})};ke.states=Ka;ke.options=Pa;ke.className=at;ke.defaultOptions=ot;var nt=ke;import*as lt from"@progress/kendo-svg-icons";var Rt="icon",Lt="icons";import{useContext as Va}from"react";import{createContext as Fa}from"react";var Ot=Fa({iconsType:"svg"});import{Fragment as It,jsx as ye}from"react/jsx-runtime";var Be="k-icon",Ua=t=>t.replace(/([-_][a-z0-9])/gi,a=>a.toUpperCase().replace("-","").replace("_","")),Wa=[],$a={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[F.outline,F.solid,F.duotone]},He={viewBox:"0 0 24 24",type:"svg",variant:F.outline},K=t=>{let{iconsType:a}=Va(Ot),{size:o,themeColor:n,icon:i,type:s=a||He.type,rotate:p,flip:m,viewBox:f=He.viewBox,variant:x=He.variant,...k}=t;if(!i)return ye(It,{});if((a||s)==="svg"){if(i==="none")return ye(nt,{...k,className:l(t.className,Be),icon:i,size:o,variant:x});let I=lt[i]?i:Ua(`${i}-icon`);return lt[I]?ye(nt,{...k,className:l(t.className,Be),icon:lt[I],size:o,themeColor:n,rotate:p,flip:m,viewBox:f,variant:x}):ye(It,{})}return ye(Mt,{...k,className:l(t.className,Be),icon:i,size:o,themeColor:n,rotate:p,flip:m})};K.states=Wa;K.options=$a;K.defaultOptions=He;K.className=Be;K.moduleName=Rt;K.folderName=Lt;K.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 rt="button",Dt=rt;import{Fragment as _t,jsx as ie,jsxs as Bt}from"react/jsx-runtime";var we="k-button",Ja=["icon-button"],Ga=[w.hover,w.focus,w.active,w.selected,w.disabled,w.generating],Ya={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[ee.undefined,ee.none,ee.small,ee.medium,ee.large,ee.full],fillMode:[te.undefined,te.solid,te.flat,te.outline,te.clear,te.link],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.inverse]},it={showArrow:!1,arrowIconName:"chevron-down"},b=t=>{let{as:a="button",size:o,rounded:n,fillMode:i,themeColor:s,showArrow:p=it.showArrow,arrowIconName:m=it.arrowIconName,variant:f,hover:x,focus:k,active:E,selected:I,disabled:le,togglable:be,ariaDisabled:J,icon:L,iconSize:P,text:Te,iconClassName:Oe,className:Ne,...Qe}=t,Ie=L!=null,Ra=t.children!==void 0;return Bt(a,{className:l(Ne,we,Et(we,f),S(we,{size:o,rounded:n,fillMode:i,themeColor:s}),X(we,{hover:x,focus:k,active:E,disabled:le||J,selected:I}),{"k-icon-button":!Te&&!Ra&&Ie}),"aria-pressed":be?I?"true":"false":void 0,...Qe,"aria-disabled":J?"true":void 0,disabled:le||void 0,children:[typeof L=="string"&&L&&ie(K,{className:l(Oe,"k-button-icon"),icon:L,size:P}),L&&typeof L!="string"&&ie(_t,{children:L}),Te?Bt(_t,{children:[Te&&ie("span",{className:"k-button-text",children:Te}),t.children]}):t.children&&ie("span",{className:"k-button-text",children:t.children}),p&&ie("span",{className:"k-menu-button-arrow k-button-arrow",children:ie(K,{icon:m})})]})};b.states=Ga;b.options=Ya;b.variants=Ja;b.className=we;b.defaultOptions=it;b.moduleName=rt;b.folderName=Dt;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."}]};import{jsx as qa}from"react/jsx-runtime";var Ht=t=>qa(b,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Xa}from"react/jsx-runtime";var Kt=t=>Xa(b,{icon:"folder",children:"Button",...t});import{jsx as Qa}from"react/jsx-runtime";var Pt=t=>Qa(b,{children:"Button",...t});import{jsx as st}from"react/jsx-runtime";var Za=b.options,ja=b.states,eo={...b.defaultOptions,variant:"text"},to=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ao=[],se=t=>{let{variant:a,...o}=t;switch(a){case"icon-only":return st(Ht,{...o,icon:"star"});case"icon-and-text":return st(Kt,{...o,icon:"star",children:"Button"});default:return st(Pt,{...o,children:"Button"})}};se.options=Za;se.states=ja;se.variants=to;se.defaultOptions=eo;se.modifiers=ao;se.className=b.className;import{jsx as oo}from"react/jsx-runtime";var zt="k-calendar-view",dt={orientation:"horizontal",calendarView:"month"},Ke=t=>{let{orientation:a=dt.orientation,calendarView:o=dt.calendarView,gridRole:n,ariaLabelledBy:i,...s}=t;return oo("div",{...s,className:l(t.className,zt,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),...n?{role:"grid","aria-labelledby":i,tabIndex:0}:{},children:t.children})};Ke.className=zt;Ke.defaultOptions=dt;import{jsx as ge,jsxs as Ft}from"react/jsx-runtime";var Vt="k-calendar-header",no={size:[r.undefined,r.small,r.medium,r.large]},ve={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},ae=t=>{let{calendarTitleText:a=ve.calendarTitleText,showToday:o=ve.showToday,showNavigationButtons:n=ve.showNavigationButtons,orientation:i=ve.orientation,size:s,calendarView:p,dir:m,titleId:f,...x}=t,k=m==="rtl"?"chevron-right":"chevron-left",E=m==="rtl"?"chevron-left":"chevron-right",I=f||re("calendar-title");return Ft("div",{...x,className:l(t.className,Vt,{"k-vstack":i==="vertical"}),children:[ge(b,{disabled:p==="century",className:"k-calendar-title",text:a,size:s,fillMode:"flat",themeColor:"primary",id:I,tabIndex:-1,"aria-label":`Navigate to parent view: ${a}`,...p==="century"?{"aria-disabled":"true"}:{}}),ge("span",{className:"k-spacer"}),Ft("span",{className:"k-calendar-nav",children:[n&&ge(b,{className:"k-calendar-nav-prev",icon:k,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&ge(b,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),n&&ge(b,{className:"k-calendar-nav-next",icon:E,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};ae.options=no;ae.className=Vt;ae.defaultOptions=ve;import{jsx as Ut}from"react/jsx-runtime";var Wt="k-calendar-footer",lo={size:[r.undefined,r.small,r.medium,r.large]},$t={calendarFooterText:"Tuesday, October 12, 2021"},Ee=t=>{let{size:a,calendarFooterText:o=$t.calendarFooterText,...n}=t;return Ut("div",{...n,className:l(t.className,Wt),children:Ut(b,{size:a,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Ee.options=lo;Ee.className=Wt;Ee.defaultOptions=$t;var A="calendar",M=A;import{jsx as ct,jsxs as so}from"react/jsx-runtime";var mt="k-calendar",ro=[],io={size:[r.undefined,r.small,r.medium,r.large]},Se={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},h=t=>{let{size:a,orientation:o=Se.orientation,calendarView:n=Se.calendarView,calendarTitleText:i=Se.calendarTitleText,showCalendarHeader:s=Se.showCalendarHeader,showWeek:p,showCalendarFooter:m,calendarFooterText:f,dir:x,...k}=t,E=re("calendar-title");return so("div",{...k,dir:x,className:l(t.className,mt,S(mt,{size:a}),{"k-week-number":p}),children:[s&&ct(ae,{calendarView:n,showToday:!m,calendarTitleText:i,orientation:o,size:a,dir:x,titleId:E}),ct(Ke,{calendarView:n,orientation:o,gridRole:!0,ariaLabelledBy:E,children:t.children}),m&&ct(Ee,{calendarFooterText:f,size:a})]})};h.states=ro;h.options=io;h.className=mt;h.defaultOptions=Se;h.moduleName=A;h.folderName=M;h.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as po}from"react/jsx-runtime";var Jt="k-calendar-container",co=[],mo={},Co={},de=t=>{let{...a}=t;return po("div",{...a,className:l(t.className,Jt),children:t.children})};de.states=co;de.options=mo;de.className=Jt;de.defaultOptions=Co;de.moduleName=A;de.folderName=M;import{Fragment as xo,jsx as ce,jsxs as fo}from"react/jsx-runtime";var uo=[w.hover,w.focus,w.active,w.selected,w.disabled],e=t=>{let{text:a,headerCell:o,today:n,weekend:i,showOtherMonth:s,weekCell:p,rangeStart:m,rangeMid:f,rangeEnd:x,dayIndicator:k,empty:E,hover:I,focus:le,active:be,selected:J,disabled:L,...P}=t,Oe=`k-calendar-${o?"th":"td"}`,Ne=[t.className,Oe,X(Oe,{hover:I,focus:le,active:be,selected:J,disabled:L}),{"k-today":n,"k-weekend":i,"k-other-month":s,"k-alt":p,"k-range-start":m,"k-range-mid":f,"k-range-end":x,"k-empty":E}],Qe={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ie=a?Qe[a]||a:void 0;return ce("th",{...P,className:l(Ne),role:"columnheader",scope:"col","aria-label":Ie,children:p?ce("span",{className:"k-sr-only",children:Ie}):a})}return p?ce("td",{...P,className:l(Ne),children:a}):ce("td",{...P,className:l(Ne),role:"gridcell",...J?{"aria-selected":"true"}:{},...L?{"aria-disabled":"true"}:{},children:E&&!s?ce(xo,{children:"\xA0"}):fo("span",{className:"k-link",children:[a,k&&ce("span",{className:"k-day-indicator"})]})})};e.states=uo;import{jsx as Ct,jsxs as bo}from"react/jsx-runtime";var Gt="k-calendar-thead",Yt={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},me=t=>{let{showWeek:a,cellsText:o=Yt.cellsText,...n}=t;return Ct("thead",{...n,className:l(t.className,Gt),role:"rowgroup",children:bo("tr",{className:"k-calendar-tr",role:"row",children:[a&&Ct(e,{weekCell:!0,headerCell:!0,text:"W"}),o.map((i,s)=>Ct(e,{text:i,headerCell:!0},s))]})})};me.className=Gt;me.defaultOptions=Yt;import{jsx as To}from"react/jsx-runtime";var qt="k-calendar-tbody",v=t=>{let{...a}=t;return To("tbody",{...a,className:l(t.className,qt),role:"rowgroup",children:t.children})};v.className=qt;v.moduleName=A;v.folderName=M;import{jsx as pt,jsxs as ho}from"react/jsx-runtime";var No="k-calendar-table",V=t=>{let{calendarCaption:a,showTableHead:o,showWeek:n,ariaLabelledBy:i,ariaActiveDescendant:s,gridRole:p,...m}=t;return ho("table",{...m,className:l(t.className,No),...p?{role:"grid","aria-labelledby":i,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[a&&pt("caption",{className:"k-calendar-caption",children:a}),o&&pt(me,{showWeek:n}),pt(v,{children:t.children})]})};import{jsx as ut,jsxs as Xt}from"react/jsx-runtime";var Qt="k-calendar-navigation",Ae=t=>Xt("div",{...t,className:l(t.className,Qt),children:[ut("span",{className:"k-calendar-navigation-highlight"}),Xt("div",{className:"k-content k-scrollable",children:[ut("ul",{className:"k-reset",children:t.children}),ut("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Ae.className=Qt;Ae.moduleName=A;Ae.folderName=M;import{jsx as yo}from"react/jsx-runtime";var ko="k-calendar-table",xt=t=>{let{tableRole:a="none",ariaLabelledBy:o,...n}=t;return yo("table",{...n,className:l(t.className,ko),role:a,...o?{"aria-labelledby":o}:{},...a==="grid"?{tabIndex:0}:{},children:t.children})};import{jsx as z,jsxs as Pe}from"react/jsx-runtime";var Zt="k-calendar-view",Ce={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},pe=t=>{let{orientation:a=Ce.orientation,calendarView:o=Ce.calendarView,headerText:n=Ce.headerText,showWeekdays:i=Ce.showWeekdays,showNavigationButtons:s=Ce.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:m,gridLabelledBy:f,...x}=t;return Pe("div",{...x,className:l(Zt,`k-calendar-${o}view`,t.className,{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),children:[z(ae,{showNavigationButtons:s,calendarTitleText:n,orientation:"horizontal"}),i&&Pe(xt,{className:"k-calendar-weekdays",tableRole:"table",children:[Pe("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{}),z("col",{}),z("col",{}),z("col",{})]}),z(me,{cellsText:m,showWeek:p})]}),Pe("div",{className:"k-content k-scrollable",role:"none",children:[z(xt,{tableRole:"grid",ariaLabelledBy:f,children:t.children}),z("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};pe.className=Zt;pe.defaultOptions=Ce;pe.moduleName=A;pe.folderName=M;import{jsx as ze,jsxs as So}from"react/jsx-runtime";var jt="k-calendar-infinite",wo={size:[r.undefined,r.small,r.medium,r.large]},go=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],vo={2021:"marker",2022:"marker"},Eo=(t,a)=>t.map((o,n)=>ze("li",{children:ze("span",{className:a[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},n)),Me={showNavigation:!0,calendarView:"month",navigationItems:go,navigationMarkerConfig:vo},y=t=>{let{size:a,showNavigation:o=Me.showNavigation,calendarView:n=Me.calendarView,navigationItems:i=Me.navigationItems,navigationMarkerConfig:s=Me.navigationMarkerConfig,calendarTitleText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:k,...E}=t,I=re("calendar-infinite-title");return So("div",{...E,className:l(t.className,"k-calendar",jt,S("k-calendar",{size:a})),children:[o&&ze(Ae,{children:Eo(i,s)}),ze(pe,{calendarView:n,headerText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:k,gridLabelledBy:I,children:t.children})]})};y.options=wo;y.className=jt;y.defaultOptions=Me;y.moduleName=A;y.folderName=M;y.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as Ao}from"react/jsx-runtime";var ea="k-calendar-tr",d=t=>{let{...a}=t;return Ao("tr",{...a,className:l(t.className,ea),role:"row",children:t.children})};d.className=ea;d.moduleName=A;d.folderName=M;import{jsx as Mo}from"react/jsx-runtime";var ta="k-calendar-caption",R=t=>{let{text:a,scope:o,colSpan:n,rowSpan:i,...s}=t;return Mo("th",{...s,scope:o,colSpan:n,rowSpan:i,className:l(t.className,ta),children:a})};R.className=ta;R.moduleName=A;R.folderName=M;import{jsx as D,jsxs as Fe}from"react/jsx-runtime";var aa=({showOtherCentury:t,...a})=>D(h,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Fe(V,{children:[Fe(d,{children:[D(e,{text:"1990 - 1999"}),D(e,{text:"2000 - 2009"}),D(e,{text:"2010 - 2019",today:!0}),D(e,{text:"2020 - 2029"})]}),Fe(d,{children:[D(e,{text:"2030 - 2039"}),D(e,{text:"2040 - 2049"}),D(e,{text:"2050 - 2059"}),D(e,{text:"2060 - 2069"})]}),Fe(d,{children:[D(e,{text:"2070 - 2079"}),D(e,{text:"2080 - 2089"}),D(e,{text:"2090 - 2099"}),D(e,{text:"2100 - 2109",empty:!t})]})]}),...a});import{jsx as _,jsxs as Ve}from"react/jsx-runtime";var oa=({showOtherDecade:t,...a})=>_(h,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Ve(V,{children:[Ve(d,{children:[_(e,{text:"2019",empty:!t}),_(e,{text:"2020"}),_(e,{text:"2021",today:!0}),_(e,{text:"2022"})]}),Ve(d,{children:[_(e,{text:"2023"}),_(e,{text:"2024"}),_(e,{text:"2025"}),_(e,{text:"2026"})]}),Ve(d,{children:[_(e,{text:"2027"}),_(e,{text:"2028"}),_(e,{text:"2029"}),_(e,{text:"2030",empty:!t})]})]}),...a});import{jsx as C,jsxs as oe}from"react/jsx-runtime";var Ue=({showCaptions:t,showOtherMonth:a,...o})=>C(h,{calendarView:"month",children:oe(V,{calendarCaption:t&&"October 2021",showTableHead:!0,children:[oe(d,{children:[C(e,{text:"26",showOtherMonth:a,empty:!a,weekend:a}),C(e,{text:"27",showOtherMonth:a,empty:!a}),C(e,{text:"28",showOtherMonth:a,empty:!a}),C(e,{text:"29",showOtherMonth:a,empty:!a}),C(e,{text:"30",showOtherMonth:a,empty:!a}),C(e,{text:"1"}),C(e,{text:"2",weekend:!0})]}),oe(d,{children:[C(e,{text:"3",weekend:!0}),C(e,{text:"4"}),C(e,{text:"5"}),C(e,{text:"6"}),C(e,{text:"7"}),C(e,{text:"8"}),C(e,{text:"9",weekend:!0})]}),oe(d,{children:[C(e,{text:"10",weekend:!0}),C(e,{text:"11"}),C(e,{text:"12",today:!0}),C(e,{text:"13"}),C(e,{text:"14"}),C(e,{text:"15"}),C(e,{text:"16",weekend:!0})]}),oe(d,{children:[C(e,{text:"17",weekend:!0}),C(e,{text:"18"}),C(e,{text:"19"}),C(e,{text:"20"}),C(e,{text:"21"}),C(e,{text:"22"}),C(e,{text:"23",weekend:!0})]}),oe(d,{children:[C(e,{text:"24",weekend:!0}),C(e,{text:"25"}),C(e,{text:"26"}),C(e,{text:"27"}),C(e,{text:"28"}),C(e,{text:"29"}),C(e,{text:"30",weekend:!0})]}),oe(d,{children:[C(e,{text:"31",weekend:!0}),C(e,{text:"1",showOtherMonth:a,empty:!a}),C(e,{text:"2",showOtherMonth:a,empty:!a}),C(e,{text:"3",showOtherMonth:a,empty:!a}),C(e,{text:"4",showOtherMonth:a,empty:!a}),C(e,{text:"5",showOtherMonth:a,empty:!a}),C(e,{text:"6",showOtherMonth:a,empty:!a,weekend:a})]})]}),...o});import{jsx as qr,jsxs as Xr}from"react/jsx-runtime";import{jsx as B,jsxs as We}from"react/jsx-runtime";var na=t=>B(h,{calendarView:"year",calendarTitleText:"2019",children:We(V,{children:[We(d,{children:[B(e,{text:"Jan"}),B(e,{text:"Feb"}),B(e,{text:"Mar"}),B(e,{text:"Apr"})]}),We(d,{children:[B(e,{text:"May"}),B(e,{text:"Jun"}),B(e,{text:"Jul"}),B(e,{text:"Au"})]}),We(d,{children:[B(e,{text:"Sep"}),B(e,{text:"Oct",today:!0}),B(e,{text:"Nov"}),B(e,{text:"Dec"})]})]}),...t});import{Fragment as Ro,jsx as c,jsxs as G}from"react/jsx-runtime";var la=({firstCaption:t="January 2021",secondCaption:a="February 2021",...o})=>c(y,{calendarTitleText:"January 2021",children:G(Ro,{children:[G("colgroup",{children:[c("col",{}),c("col",{}),c("col",{}),c("col",{}),c("col",{}),c("col",{}),c("col",{})]}),G(v,{children:[c(d,{"aria-hidden":"true",children:c(R,{scope:"col",colSpan:7,text:t})}),G(d,{children:[c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{text:"1"}),c(e,{text:"2",weekend:!0})]}),G(d,{children:[c(e,{text:"3",weekend:!0}),c(e,{text:"4"}),c(e,{text:"5"}),c(e,{text:"6"}),c(e,{text:"7"}),c(e,{text:"8"}),c(e,{text:"9",weekend:!0})]}),G(d,{children:[c(e,{text:"10",weekend:!0}),c(e,{text:"11"}),c(e,{text:"12"}),c(e,{text:"13"}),c(e,{text:"14"}),c(e,{text:"15"}),c(e,{text:"16",weekend:!0})]}),G(d,{children:[c(e,{text:"17",weekend:!0}),c(e,{text:"18"}),c(e,{text:"19"}),c(e,{text:"20"}),c(e,{text:"21"}),c(e,{text:"22"}),c(e,{text:"23",weekend:!0})]}),G(d,{children:[c(e,{text:"24",weekend:!0}),c(e,{text:"25"}),c(e,{text:"26"}),c(e,{text:"27"}),c(e,{text:"28"}),c(e,{text:"29"}),c(e,{text:"30",weekend:!0})]}),G(d,{children:[c(e,{text:"31",weekend:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0}),c(e,{empty:!0})]})]}),c(v,{children:c(d,{"aria-hidden":"true",children:c(R,{scope:"col",colSpan:7,text:a})})})]}),...o});import{Fragment as Lo,jsx as T,jsxs as U}from"react/jsx-runtime";var ra=({firstCaption:t="2021",secondCaption:a="2022",...o})=>T(y,{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:U(Lo,{children:[U("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),U(v,{children:[T(d,{"aria-hidden":"true",children:T(R,{scope:"col",colSpan:4,text:t})}),U(d,{children:[T(e,{text:"Jan",today:!0}),T(e,{text:"Feb"}),T(e,{text:"Mar"}),T(e,{text:"Apr"})]}),U(d,{children:[T(e,{text:"May"}),T(e,{text:"Jun"}),T(e,{text:"Jul"}),T(e,{text:"Aug"})]}),U(d,{children:[T(e,{text:"Sep"}),T(e,{text:"Oct"}),T(e,{text:"Nov"}),T(e,{text:"Dec"})]})]}),U(v,{children:[T(d,{"aria-hidden":"true",children:T(R,{scope:"col",colSpan:4,text:a})}),U(d,{children:[T(e,{text:"Jan"}),T(e,{text:"Feb"}),T(e,{text:"Mar"}),T(e,{text:"Apr"})]}),U(d,{children:[T(e,{text:"May"}),T(e,{text:"Jun"}),T(e,{text:"Jul"}),T(e,{text:"Aug"})]}),U(d,{children:[T(e,{text:"Sep"}),T(e,{text:"Oct"}),T(e,{text:"Nov"}),T(e,{text:"Dec"})]})]})]}),...o});import{Fragment as Oo,jsx as N,jsxs as W}from"react/jsx-runtime";var ia=({firstCaption:t="2020 - 2029",secondCaption:a="2030 - 2039",...o})=>N(y,{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:W(Oo,{children:[W("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),W(v,{children:[N(d,{"aria-hidden":"true",children:N(R,{scope:"col",colSpan:4,text:t})}),W(d,{children:[N(e,{text:"2020",today:!0}),N(e,{text:"2021"}),N(e,{text:"2022"}),N(e,{text:"2023"})]}),W(d,{children:[N(e,{text:"2024"}),N(e,{text:"2025"}),N(e,{text:"2026"}),N(e,{text:"2027"})]}),W(d,{children:[N(e,{text:"2028"}),N(e,{text:"2029"}),N(e,{empty:!0}),N(e,{empty:!0})]})]}),W(v,{children:[N(d,{"aria-hidden":"true",children:N(R,{scope:"col",colSpan:4,text:a})}),W(d,{children:[N(e,{text:"2030"}),N(e,{text:"2031"}),N(e,{text:"2032"}),N(e,{text:"2033"})]}),W(d,{children:[N(e,{text:"2034"}),N(e,{text:"2035"}),N(e,{text:"2036"}),N(e,{text:"2037"})]}),W(d,{children:[N(e,{text:"2038"}),N(e,{text:"2039"}),N(e,{empty:!0}),N(e,{empty:!0})]})]})]}),...o});import{Fragment as Io,jsx as g,jsxs as ue}from"react/jsx-runtime";var sa=({firstCaption:t="2000 - 2099",...a})=>g(y,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:ue(Io,{children:[ue("colgroup",{children:[g("col",{}),g("col",{}),g("col",{}),g("col",{})]}),ue(v,{children:[g(d,{"aria-hidden":"true",children:g(R,{scope:"col",colSpan:4,text:t})}),ue(d,{children:[g(e,{text:"1900 - 1999"}),g(e,{text:"2000 - 2009"}),g(e,{text:"2010 - 2019"}),g(e,{text:"2020 - 2029"})]}),ue(d,{children:[g(e,{text:"2030 - 2039"}),g(e,{text:"2040 - 2049"}),g(e,{text:"2050 - 2059"}),g(e,{text:"2060 - 2069"})]}),ue(d,{children:[g(e,{text:"2070 - 2079"}),g(e,{text:"2080 - 2089"}),g(e,{text:"2090 - 2099"}),g(e,{empty:!0})]})]})]}),...a});import{Fragment as bi,jsx as xi,jsxs as fi}from"react/jsx-runtime";import{jsx as ki,jsxs as yi}from"react/jsx-runtime";import{Fragment as Ai,jsx as Ei,jsxs as Si}from"react/jsx-runtime";import{jsx as $e}from"react/jsx-runtime";var Do=h.options,_o=h.states,da={...h.defaultOptions,variant:"month"},Bo=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Ho=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],xe=t=>{let{variant:a,modifiers:o,...n}={...da,...t},i={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":i.showOtherMonth=!!o?.[x],i.showOtherCentury=!!o?.[x],i.showOtherDecade=!!o?.[x];break;case"footer":i.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:s,showOtherDecade:p,showOtherCentury:m,showCalendarFooter:f}=i;switch(a){case"century":return $e(aa,{size:n.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return $e(oa,{size:n.size,showOtherDecade:p,showCalendarFooter:f});case"year":return $e(na,{calendarTitleText:"2021",size:n.size,showCalendarFooter:f});default:return $e(Ue,{size:n.size,showOtherMonth:s,showCalendarFooter:f})}};xe.options=Do;xe.states=_o;xe.variants=Bo;xe.defaultOptions=da;xe.modifiers=Ho;xe.className=h.className;import{jsx as Je}from"react/jsx-runtime";var Ko=y.options,Po=y.states,ca={...y.defaultOptions,variant:"month"},zo=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Fo=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],fe=t=>{let{variant:a,modifiers:o,...n}={...ca,...t},i={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":i.showOtherMonth=!!o?.[x],i.showOtherCentury=!!o?.[x],i.showOtherDecade=!!o?.[x];break;case"footer":i.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:s,showOtherDecade:p,showOtherCentury:m,showCalendarFooter:f}=i;switch(a){case"century":return Je(sa,{size:n.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Je(ia,{size:n.size,showOtherDecade:p,showCalendarFooter:f});case"year":return Je(ra,{size:n.size,showCalendarFooter:f});default:return Je(la,{size:n.size,showOtherMonth:s,showCalendarFooter:f})}};fe.options=Ko;fe.states=Po;fe.variants=zo;fe.defaultOptions=ca;fe.modifiers=Fo;fe.className=y.className;var ft="segmented-control",ma=ft,Ca="segmented-control-button",pa="segmented-control";import{jsx as Wo,jsxs as $o}from"react/jsx-runtime";var Ge="k-segmented-control",Vo=[],Uo={size:[r.undefined,r.small,r.medium,r.large]},Q=t=>{let{size:a,stretched:o,children:n,thumbStyles:i,...s}=t;return $o("div",{...s,className:l(t.className,Ge,S(Ge,{size:a}),{[`${Ge}-stretched`]:o}),role:"group",children:[Wo("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:i}),n]})};Q.states=Vo;Q.options=Uo;Q.className=Ge;Q.moduleName=ft;Q.folderName=ma;Q.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as ua,jsxs as qo}from"react/jsx-runtime";var bt="k-segmented-control-button",Jo=[w.selected,w.hover,w.focus,w.disabled],Go={},Yo={},Y=t=>{let{hover:a,focus:o,selected:n,disabled:i,icon:s,text:p,iconClassName:m,...f}=t;return qo("button",{...f,className:l(t.className,bt,X(bt,{hover:a,focus:o,disabled:i,selected:n})),"aria-pressed":n?"true":"false","aria-disabled":i?"true":void 0,children:[s&&ua(K,{className:l(m,"k-segmented-control-button-icon"),icon:s}),(p||t.children)&&ua("span",{className:"k-segmented-control-button-text",children:p||t.children})]})};Y.states=Jo;Y.options=Go;Y.className=bt;Y.defaultOptions=Yo;Y.moduleName=Ca;Y.folderName=pa;import{Fragment as Bs,jsx as _s,jsxs as Hs}from"react/jsx-runtime";import{Fragment as Us,jsx as Vs,jsxs as Ws}from"react/jsx-runtime";import{Fragment as Xs,jsx as qs,jsxs as Qs}from"react/jsx-runtime";import{Fragment as od,jsx as ad,jsxs as nd}from"react/jsx-runtime";import{Fragment as cd,jsx as dd,jsxs as md}from"react/jsx-runtime";var xa="time-selector",fa="timeselector";import{Fragment as ba,jsx as Xe,jsxs as Ta}from"react/jsx-runtime";var Tt="k-timeselector",Xo=[],Qo={size:[r.undefined,r.small,r.medium,r.large]},Zo={},q=t=>{let{size:a,header:o,fastSelection:n,columns:i,focusedColumn:s,...p}=t,m=i.map(function(f,x){let k=!1,E=!0;return f===s&&(k=!0),(x===0||f==="tt")&&(E=!1),Xe(Nt,{type:f,focus:k,separator:E},x)});return Ta("div",{...p,className:l(t.className,Tt,S(Tt,{size:a})),role:"group","aria-label":"Time selector",children:[Xe(ba,{children:o}),Xe(ba,{children:n}),Ta("div",{className:"k-time-list-container",children:[Xe("span",{className:"k-time-highlight"}),m]})]})};q.states=Xo;q.options=Qo;q.className=Tt;q.defaultOptions=Zo;q.moduleName=xa;q.folderName=fa;q.ariaSpec={selector:".k-timeselector",rules:[{selector:".k-timeselector",attribute:"role=group",usage:"Groups the time selection columns."},{selector:".k-timeselector",attribute:"aria-label",usage:"Describes the time selector purpose."},{selector:".k-time-list",attribute:"role=listbox",usage:"Each time column list acts as a listbox."},{selector:".k-time-list",attribute:"aria-label",usage:"Describes which time unit the column selects."},{selector:".k-time-list-wrapper .k-reset",attribute:"role=none",usage:"Removes semantic meaning from the ul element."},{selector:".k-time-list-wrapper .k-item",attribute:"role=option",usage:"Each item in the time list is an option."}]};import{Fragment as en,jsx as ne,jsxs as ht}from"react/jsx-runtime";var jo=[w.focus],Nt=t=>{let{type:a,focus:o,separator:n,...i}=t,s,p=["00","01","02","03","04","05","06","07","08","09"];switch(a){case"dd":s="Day";break;case"HH":s="Hour";break;case"mm":s="Minute";break;case"ss":s="Second";break;case"SSS":s="Millisecond",p=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":s="AM/PM",p=["AM","PM"];break;default:s="Column Name";break}let m=p.map((f,x)=>ne("li",{className:"k-item",role:"option","aria-selected":"false",children:ne("span",{children:f})},x));return ht(en,{children:[n&&ne("div",{className:"k-time-separator",children:":"}),ht("div",{...i,className:l(t.className,"k-time-list-wrapper",X("k-time-list-wrapper",{focus:o})),children:[ne("span",{className:"k-title",children:s}),ne("div",{className:"k-time-list",role:"listbox","aria-label":s,children:ht("div",{className:"k-content k-scrollable k-time-container",children:[ne("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:m}),ne("div",{className:"k-scrollable-placeholder"})]})})]})]})};Nt.states=jo;import{jsx as an,jsxs as on}from"react/jsx-runtime";var tn="k-time-header",Re=t=>{let{title:a,...o}=t;return on("div",{...o,className:l(t.className,tn),children:[a!=null&&an("span",{className:"k-title",children:a}),t.children]})};import{jsx as Hd,jsxs as Kd}from"react/jsx-runtime";var kt="popup",Na=kt;import{jsx as ha}from"react/jsx-runtime";var ka="k-animation-container",nn=[],ln={},yt={positionMode:"absolute",shown:!0},Z=t=>{let{positionMode:a=yt.positionMode,shown:o=yt.shown,animationStyle:n,offset:i,...s}=t;return ha("div",{...s,style:{...i,...t.style},className:l(t.className,ka,{"k-animation-container-shown":o,"k-animation-container-fixed":a==="fixed"}),children:ha("div",{className:"k-child-animation-container",style:n,children:t.children})})};Z.states=nn;Z.options=ln;Z.className=ka;Z.defaultOptions=yt;Z.moduleName=kt;Z.folderName=Na;var wt="popup",ya=wt;import{jsx as wa}from"react/jsx-runtime";var ga="k-popup",rn=[],sn={},va={positionMode:"absolute"},$=t=>{let{offset:a,positionMode:o=va.positionMode,animationStyle:n,containerClassName:i,containerRole:s,containerAriaLabel:p,...m}=t;return wa(Z,{positionMode:o,offset:a,animationStyle:n,className:i,role:s,"aria-label":p,children:wa("div",{...m,className:l(t.className,ga),children:t.children})})};$.states=rn;$.options=sn;$.className=ga;$.defaultOptions=va;$.moduleName=wt;$.folderName=ya;$.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{Fragment as dc,jsx as ic,jsxs as sc}from"react/jsx-runtime";import{Fragment as Nc,jsx as bc,jsxs as Tc}from"react/jsx-runtime";import{Fragment as Mc,jsx as Sc,jsxs as Ac}from"react/jsx-runtime";var Sa="date-time-picker",Aa="datetimepicker";import{Fragment as Ma,jsx as O,jsxs as Le}from"react/jsx-runtime";var gt="k-datetime-wrap",dn=[],cn={size:[r.undefined,r.small,r.medium,r.large]},vt={tab:"date",actionButtons:!0},j=t=>{let{size:a,tab:o=vt.tab,actionButtons:n=vt.actionButtons,dir:i,...s}=t;return Le("div",{...s,className:l(t.className,gt,{"k-date-tab":o==="date","k-time-tab":o==="time"},S(gt,{size:a})),role:"group","aria-label":"Date and time selector",children:[O("div",{className:"k-datetime-buttongroup",children:Le(Q,{stretched:!0,thumbStyles:o==="date"?{width:"50%"}:{width:"50%",left:"50%"},size:a,children:[O(Y,{selected:o==="date",children:"Date"}),O(Y,{selected:o==="time",children:"Time"})]})}),O("div",{className:"k-datetime-selector",children:o==="time"?Le(Ma,{children:[O("div",{className:"k-datetime-calendar-wrap"}),O("div",{className:"k-datetime-time-wrap",children:O(q,{size:a,columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:O(Re,{title:"10:00:00 AM",children:O(b,{size:a,fillMode:"flat",className:"k-time-now",children:"Now"})})})})]}):Le(Ma,{children:[O("div",{className:"k-datetime-calendar-wrap",children:O(Ue,{size:a,showOtherMonth:!0,dir:i})}),O("div",{className:"k-datetime-time-wrap"})]})}),n&&Le(H,{className:"k-datetime-footer",alignment:"stretched",children:[O(b,{size:a,themeColor:"primary",className:"k-time-accept",children:"Set"}),O(b,{size:a,className:"k-time-cancel",children:"Cancel"})]})]})};j.states=dn;j.options=cn;j.className=gt;j.defaultOptions=vt;j.moduleName=Sa;j.folderName=Aa;j.ariaSpec={selector:".k-datetime-wrap",rules:[{selector:".k-datetime-wrap",attribute:"role=group",usage:"Groups the date/time selector components."},{selector:".k-datetime-wrap",attribute:"aria-label",usage:"Describes the date/time selector purpose."},{selector:".k-datetime-buttongroup",attribute:"role=group",usage:"The segmented control acts as a group for Date/Time selection."},{selector:".k-datetime-buttongroup .k-segmented-control-button",attribute:"aria-pressed",usage:"Indicates which option is currently active."}]};var Gc=j;export{j as DateTimeSelector,Gc as default};