@progress/kendo-themes-html/dist/esm/timepicker/timepicker.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var b=(e,t)=>a({[`${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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),T=(e,t)=>a({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},m={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={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"};import{jsx as Et}from"react/jsx-runtime";var re="k-input",Ct=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ht={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},ce={size:s.medium,rounded:s.medium,fillMode:f.solid},v=e=>{let{hover:t,focus:o,disabled:i,invalid:l,valid:r,loading:c,readonly:u,size:d=ce.size,rounded:h=ce.rounded,fillMode:x=ce.fillMode,...g}=e;return Et("span",{...g,className:a(e.className,re,b(re,{size:d,rounded:h,fillMode:x}),T(re,{hover:t,focus:o,disabled:i,invalid:l,valid:r,loading:c,readonly:u}))})};v.states=Ct;v.options=Ht;v.className=re;v.defaultOptions=ce;import{jsx as Pt}from"react/jsx-runtime";var me="k-picker",zt=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ot={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},de={size:s.medium,rounded:p.medium,fillMode:f.solid},pe=e=>{let{hover:t,focus:o,disabled:i,invalid:l,valid:r,loading:c,readonly:u,size:d=de.size,rounded:h=de.rounded,fillMode:x=de.fillMode,...g}=e;return Pt("span",{...g,className:a(e.className,me,b(me,{size:d,rounded:h,fillMode:x}),T(me,{hover:t,focus:o,disabled:i,invalid:l,valid:r,loading:c,readonly:u})),children:e.children})};pe.states=zt;pe.options=Ot;pe.className=me;pe.defaultOptions=de;import{Fragment as Bt,jsx as qe}from"react/jsx-runtime";var ye="k-icon k-font-icon",Lt=[],wt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Rt={},Y=e=>{let{size:t,themeColor:o,icon:i,rotate:l,flip:r,...c}=e;return i?qe("span",{...c,className:a(e.className,ye,b(ye,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"})}):qe(Bt,{})};Y.states=Lt;Y.options=wt;Y.className=ye;Y.defaultOptions=Rt;var Ge=Y;import{Fragment as $t,jsx as ue}from"react/jsx-runtime";var ke="k-icon k-svg-icon",Kt=[],Vt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Ue={viewBox:"0 0 24 24"},Q=e=>{let{size:t,themeColor:o,rotate:i,flip:l,viewBox:r=Ue.viewBox,icon:c,...u}=e;if(!c)return ue($t,{});c==="none"&&{...u,className:a(e.className,ke,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return ue("span",{...u,className:a(e.className,ke,b("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:ue("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Q.states=Kt;Q.options=Vt;Q.className=ke;Q.defaultOptions=Ue;var Ie=Q;import*as We from"@progress/kendo-svg-icons";import{Fragment as Ye,jsx as Z}from"react/jsx-runtime";var Ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_t=[],Xt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Me={viewBox:"0 0 24 24",type:"svg"},y=e=>{let{size:t,themeColor:o,icon:i,type:l=Me.type,rotate:r,flip:c,viewBox:u=Me.viewBox,...d}=e;if(!i)return Z(Ye,{});if(l==="svg"){if(i==="none")return Z(Ie,{...d,icon:i,size:t});let h=Ft(`${i}-icon`);return We[h]?Z(Ie,{...d,icon:We[h],size:t,themeColor:o,rotate:r,flip:c,viewBox:u}):Z(Ye,{})}return Z(Ge,{...d,icon:i,size:t,themeColor:o,rotate:r,flip:c})};y.states=_t;y.options=Xt;y.defaultOptions=Me;import{Fragment as qt,jsx as Te}from"react/jsx-runtime";var Qe="k-clear-value",Dt=[n.disabled,n.loading,n.readonly],Jt={},H=e=>{let{disabled:t,loading:o,readonly:i,value:l}=e;return t||i||o||!l?Te(qt,{}):Te("span",{className:a(e.className,Qe),children:Te(y,{icon:"x"})})};H.states=Dt;H.options=Jt;H.className=Qe;import{jsx as Wt}from"react/jsx-runtime";var Ae="k-input-inner",Gt=[],Ut={},fe={type:"text",autocomplete:"off",value:"",placeholder:""},E=e=>{let{value:t=fe.value,type:o=fe.type,placeholder:i=fe.placeholder,autocomplete:l=fe.autocomplete,...r}=e;return Wt("input",{...r,type:o,className:a(e.className,Ae,b(Ae,e)),placeholder:i,autoComplete:l,defaultValue:t})};E.states=Gt;E.options=Ut;E.className=Ae;import{jsx as Ze,jsxs as Zt}from"react/jsx-runtime";var Ce="k-input-inner",Yt=[],Qt={},He=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:l,valueIconName:r,...c}=e;return Zt("span",{...c,className:a(e.className,Ce,b(Ce,e)),children:[l,!l&&r&&Ze(y,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&Ze("span",{className:"k-input-value-text",children:t})]})};He.states=Yt;He.options=Qt;He.className=Ce;import{jsx as to}from"react/jsx-runtime";var Ee="k-input-inner",jt=[],eo={},je={value:"",placeholder:""},ze=e=>{let{value:t=je.value,placeholder:o=je.placeholder,rows:i,...l}=e;return to("textarea",{...l,className:a(e.className,Ee,b(Ee,e)),placeholder:o,rows:i,defaultValue:t})};ze.states=jt;ze.options=eo;ze.className=Ee;import{Fragment as no,jsx as et}from"react/jsx-runtime";var tt="k-input-loading-icon",oo=[n.disabled,n.loading],L=e=>{let{disabled:t,loading:o}=e;return t||!o?et(no,{}):et("span",{className:a(e.className,tt,"k-icon k-i-loading")})};L.states=oo;L.className=tt;import{Fragment as so,jsx as ot}from"react/jsx-runtime";var nt="k-input-validation-icon",ao=[n.valid,n.invalid,n.disabled,n.loading],io={},z=e=>{let{valid:t,invalid:o,disabled:i,loading:l}=e,r=o?"warning-circle":"check-circle";return i||l||!!!(t||o)?ot(so,{}):ot(y,{className:a(nt),icon:r})};z.states=ao;z.options=io;z.className=nt;import{Fragment as co,jsx as at}from"react/jsx-runtime";var lo="k-input-prefix",ro={direction:"horizontal"},he=e=>{let{direction:t=ro.direction,...o}=e;return e.children?at("span",{...o,className:a(lo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):at(co,{})};import{Fragment as uo,jsx as it}from"react/jsx-runtime";var mo="k-input-suffix",po={direction:"horizontal"},xe=e=>{let{direction:t=po.direction,...o}=e;return e.children?it("span",{...o,className:a(mo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):it(uo,{})};import{jsx as na}from"react/jsx-runtime";import{jsx as la}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var st="k-input-separator",fo={direction:"vertical"},Oe=e=>{let{direction:t=fo.direction,...o}=e;return ho("span",{...o,className:a(st,e.className,{[`${st}-${t}`]:t})})};import{Fragment as No,jsx as j,jsxs as lt}from"react/jsx-runtime";var Se="k-button",xo=[n.hover,n.focus,n.active,n.selected,n.disabled],So={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},$={size:s.medium,rounded:p.medium,fillMode:f.solid,themeColor:m.base,showArrow:!1,arrowIconName:"caret-alt-down"},S=e=>{let{size:t=$.size,rounded:o=$.rounded,fillMode:i=$.fillMode,themeColor:l=$.themeColor,showArrow:r=$.showArrow,arrowIconName:c=$.arrowIconName,hover:u,focus:d,active:h,selected:x,disabled:g,icon:A,text:k,iconClassName:M,...C}=e,W=A!==void 0,P=e.children!==void 0;return lt("button",{...C,className:a(e.className,Se,b(Se,{size:t,rounded:o,fillMode:i,themeColor:l}),T(Se,{hover:u,focus:d,active:h,disabled:g,selected:x}),{"k-icon-button":!k&&!P&&W}),children:[A&&j(y,{className:a(M,"k-button-icon"),icon:A}),k?lt(No,{children:[k&&j("span",{className:"k-button-text",children:k}),e.children]}):e.children&&j("span",{className:"k-button-text",children:e.children}),r&&j("span",{className:"k-menu-button-arrow k-button-arrow",children:j(y,{icon:c})})]})};S.states=xo;S.options=So;S.className=Se;S.defaultOptions=$;import{jsx as Oa}from"react/jsx-runtime";import{jsx as Ra}from"react/jsx-runtime";import{jsx as $a}from"react/jsx-runtime";import{jsx as rt}from"react/jsx-runtime";var ct="k-animation-container",vo=[],bo={},mt={positionMode:"absolute"},w=e=>{let{positionMode:t=mt.positionMode,animationStyle:o,offset:i,...l}=e;return rt("div",{...l,style:{...i,...e.style},className:a(e.className,ct,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:rt("div",{className:"k-child-animation-container",style:o,children:e.children})})};w.states=vo;w.options=bo;w.className=ct;w.defaultOptions=mt;import{jsx as dt}from"react/jsx-runtime";var pt="k-popup",go=[],yo={},ut={positionMode:"absolute"},O=e=>{let{offset:t,positionMode:o=ut.positionMode,animationStyle:i,...l}=e;return dt(w,{positionMode:o,offset:t,animationStyle:i,children:dt("div",{...l,className:a(e.className,pt),children:e.children})})};O.states=go;O.options=yo;O.className=pt;O.defaultOptions=ut;import{Fragment as Pe,jsx as ee,jsxs as ft}from"react/jsx-runtime";var Le="k-timeselector",ko=[],Io={size:[s.small,s.medium,s.large]},ht={size:s.medium},F=e=>{let{size:t=ht.size,header:o,fastSelection:i,columns:l,focusedColumn:r,...c}=e,u=l.map(function(d,h){let x=!1,g=!0;return d===r&&(x=!0),(h===0||d==="tt")&&(g=!1),ee(Pe,{children:ee(we,{type:d,focus:x,separator:g})})});return ft("div",{...c,className:a(e.className,Le,b(Le,{size:t})),children:[ee(Pe,{children:o}),ee(Pe,{children:i}),ft("div",{className:"k-time-list-container",children:[ee("span",{className:"k-time-highlight"}),u]})]})};F.states=ko;F.options=Io;F.className=Le;F.defaultOptions=ht;import{Fragment as xt,jsx as R,jsxs as Re}from"react/jsx-runtime";var Mo=[n.focus],we=e=>{let{type:t,focus:o,separator:i,...l}=e,r,c=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":r="Day";break;case"HH":r="Hour";break;case"mm":r="Minute";break;case"ss":r="Second";break;case"SSS":r="Millisecond",c=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":r="AM/PM",c=["AM","PM"];break;default:r="Column Name";break}let u=c.map(d=>R(xt,{children:R("li",{className:"k-item",children:R("span",{children:d})})}));return Re(xt,{children:[i&&R("div",{className:"k-time-separator",children:":"}),Re("div",{...l,className:a(e.className,"k-time-list-wrapper",T("k-time-list-wrapper",{focus:o})),children:[R("span",{className:"k-title",children:r}),R("div",{className:"k-time-list",children:Re("div",{className:"k-content k-scrollable k-time-container",children:[R("ul",{className:"k-reset",style:{transform:"translateY(97px)"},children:u}),R("div",{className:"k-scrollable-placeholder"})]})})]})]})};we.states=Mo;import{jsx as Ao,jsxs as Co}from"react/jsx-runtime";var To="k-time-header",J=e=>{let{title:t,...o}=e;return Co("div",{...o,className:a(e.className,To),children:[t!=null&&Ao("span",{className:"k-title",children:t}),e.children]})};import{jsx as zo}from"react/jsx-runtime";var Ne="k-actions",Ho=[],Eo={},Be={alignment:"start",orientation:"horizontal"},I=e=>{let{alignment:t=Be.alignment,orientation:o=Be.orientation,...i}=e;return zo("div",{...i,className:a(Ne,{[`${Ne}-${t}`]:t,[`${Ne}-${o}`]:o},e.className),children:e.children})};I.states=Ho;I.options=Eo;I.className=Ne;I.defaultOptions=Be;import{jsx as ki,jsxs as Ii}from"react/jsx-runtime";import{Fragment as Li,jsx as Oi,jsxs as Pi}from"react/jsx-runtime";import{Fragment as Di,jsx as _i,jsxs as Xi}from"react/jsx-runtime";import{Fragment as es,jsx as Zi,jsxs as ji}from"react/jsx-runtime";import{jsx as Po}from"react/jsx-runtime";var Oo="k-actionsheet-footer",Nt={alignment:"stretched",orientation:"horizontal"},te=e=>{let{alignment:t=Nt.alignment,orientation:o=Nt.orientation,template:i,as:l=i?"div":I,...r}=e;return Po(l,{...r,...!i&&{alignment:t,orientation:o},className:a(e.className,Oo),children:e.children})};import{jsx as oe,jsxs as Ro}from"react/jsx-runtime";var vt="k-searchbox",Lo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],wo={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},Ke={showIcon:!0,icon:"search",size:v.defaultOptions.size,rounded:v.defaultOptions.rounded,fillMode:v.defaultOptions.fillMode},q=e=>{let{value:t,placeholder:o,size:i,rounded:l,fillMode:r,hover:c,focus:u,valid:d,invalid:h,required:x,loading:g,disabled:A,showIcon:k=Ke.showIcon,icon:M=Ke.icon,...C}=e;return Ro(v,{...C,size:i,rounded:l,fillMode:r,hover:c,focus:u,valid:d,invalid:h,required:x,loading:g,disabled:A,className:a(e.className,vt),children:[k&&oe(y,{className:"k-input-icon",icon:M}),oe(E,{placeholder:o,value:t}),oe(L,{...e}),oe(z,{...e}),oe(H,{...e})]})};q.states=Lo;q.options=wo;q.className=vt;q.defaultOptions=Ke;import{jsx as ys}from"react/jsx-runtime";import{Fragment as bt,jsx as B,jsxs as Ve}from"react/jsx-runtime";var gt="k-textbox",Bo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ko={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},_={showClearButton:!0,showValidationIcon:!0,size:v.defaultOptions.size,rounded:v.defaultOptions.rounded,fillMode:v.defaultOptions.fillMode,separators:!0},G=e=>{let{size:t=_.size,rounded:o=_.rounded,fillMode:i=_.fillMode,separators:l=_.separators,showClearButton:r=_.showClearButton,showValidationIcon:c=_.showValidationIcon,prefix:u,suffix:d,type:h,value:x,placeholder:g,hover:A,focus:k,valid:M,invalid:C,required:W,loading:P,disabled:D,readonly:le,...ge}=e;return Ve(v,{...ge,size:t,rounded:o,fillMode:i,hover:A,focus:k,valid:M,invalid:C,required:W,loading:P,disabled:D,readonly:le,className:a(e.className,gt),children:[u&&Ve(bt,{children:[B(he,{children:u}),l&&B(Oe,{})]}),B(E,{placeholder:g,value:x,type:h}),c&&B(z,{valid:M,invalid:C,loading:P,disabled:D}),B(L,{loading:P,disabled:D}),r&&B(H,{loading:P,disabled:D,readonly:le,value:x}),d&&Ve(bt,{children:[l&&B(Oe,{}),B(xe,{children:d})]})]})};G.states=Bo;G.options=Ko;G.className=gt;G.defaultOptions=_;import{jsx as Ps}from"react/jsx-runtime";import{Fragment as Vs,jsx as Ks}from"react/jsx-runtime";import{Fragment as qs,jsx as Js}from"react/jsx-runtime";import{jsx as K,jsxs as $e}from"react/jsx-runtime";var kt="k-actionsheet-titlebar",Vo={},V=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:l,filter:r,input:c,inputValue:u,inputPlaceholder:d,adaptive:h,children:x,...g}=e;return $e("div",{...g,className:a(e.className,kt),children:[$e("div",{className:"k-actionsheet-titlebar-group",children:[i&&K("div",{className:"k-actionsheet-actions",children:i}),!x&&$e("div",{className:"k-actionsheet-title",children:[t&&K("div",{className:"k-text-center",children:t}),o&&K("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&K("div",{className:"k-actionsheet-title",children:x}),l&&K("div",{className:"k-actionsheet-actions",children:l})]}),(c||r)&&K("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?K(G,{value:u,placeholder:d,size:h?"large":"medium"}):K(q,{placeholder:"Filter",size:h?"large":"medium"})})]})};V.className=kt;V.defaultOptions=Vo;import{jsx as Fe,jsxs as Xo}from"react/jsx-runtime";var _e="k-actionsheet-view",$o=[],Fo={},_o={},U=e=>{let{adaptive:t,animated:o,children:i,header:l,footer:r,...c}=e,u=l?.type===V&&Fe(V,{adaptive:t,...l?.props}),d=r?.type===te&&Fe(te,{...r?.props});return Xo("div",{...c,className:a(e.className,_e,{[`${_e}-animated`]:o}),children:[u,Fe("div",{className:"k-actionsheet-content",children:i}),d]})};U.states=$o;U.options=Fo;U.className=_e;U.defaultOptions=_o;import{jsx as ve,jsxs as qo}from"react/jsx-runtime";var It="k-actionsheet",Do=[],Jo={},ne={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},X=e=>{let{side:t=ne.side,fullscreen:o=ne.fullscreen,adaptive:i=ne.adaptive,overlay:l=ne.overlay,template:r,children:c,header:u,footer:d,...h}=e;return qo("div",{className:"k-actionsheet-container",children:[l&&ve("div",{className:"k-overlay"}),ve(w,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:ve("div",{...h,className:a(e.className,It,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:r||ve(U,{header:u,footer:d,adaptive:i,...e,children:c})})})]})};X.states=Do;X.options=Jo;X.className=It;X.defaultOptions=ne;import{jsx as xl}from"react/jsx-runtime";import{Fragment as Uo,jsx as ae,jsxs as Xe}from"react/jsx-runtime";var De="k-actionsheet-item",Go=[n.hover,n.focus,n.selected,n.disabled],Je=e=>{let{iconName:t,text:o,description:i,hover:l,focus:r,selected:c,disabled:u,...d}=e;return Xe("span",{...d,className:a(e.className,De,T(De,{hover:l,focus:r,selected:c,disabled:u})),children:[!e.children&&ae(Uo,{children:Xe("span",{className:"k-actionsheet-action",children:[t&&ae("span",{className:"k-icon-wrap",children:ae(y,{className:"k-actionsheet-item-icon",icon:t})}),Xe("span",{className:"k-actionsheet-item-text",children:[o&&ae("span",{className:"k-actionsheet-item-title",children:o}),i&&ae("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Je.states=Go;Je.className=De;import{jsx as Ml,jsxs as Tl}from"react/jsx-runtime";import{jsx as El}from"react/jsx-runtime";import{jsx as Ll}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";import{Fragment as Qo,jsx as N,jsxs as ie}from"react/jsx-runtime";var Tt="k-timepicker",Wo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Yo={size:[s.small,s.medium,s.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},be={size:v.defaultOptions.size,rounded:v.defaultOptions.rounded,fillMode:v.defaultOptions.fillMode},se=e=>{let{size:t=be.size,rounded:o=be.rounded,fillMode:i=be.fillMode,prefix:l,suffix:r,value:c,placeholder:u,hover:d,focus:h,valid:x,invalid:g,required:A,loading:k,disabled:M,readonly:C,opened:W,adaptive:P,adaptiveSettings:D,adaptiveTitle:le,adaptiveSubtitle:ge,...At}=e;return ie(Qo,{children:[ie(v,{...At,size:t,rounded:o,fillMode:i,hover:d,focus:h,valid:x,invalid:g,required:A,loading:k,disabled:M,readonly:C,className:a(e.className,Tt),children:[N(he,{children:l}),N(E,{placeholder:u,value:c}),N(z,{valid:x,invalid:g,loading:k,disabled:M}),N(L,{loading:k,disabled:M}),N(H,{loading:k,disabled:M,readonly:C,value:c}),N(xe,{children:r}),N(S,{className:"k-input-button",icon:"clock",rounded:null,size:t,fillMode:i})]}),W&&ie(O,{className:"k-list-container k-timepicker-popup",children:[N(F,{columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:N(J,{title:"10:00:00 AM",children:N(S,{fillMode:"flat",className:"k-time-now",children:"Now"})})}),ie(I,{alignment:"stretched",className:"k-time-footer",children:[N(S,{themeColor:"primary",className:"k-time-accept",children:"Set"}),N(S,{className:"k-time-cancel",children:"Cancel"})]})]}),P&&N(X,{adaptive:!0,...D,header:N(V,{actionsEnd:N(S,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:le,subtitle:ge}),footer:ie(te,{children:[N(S,{text:"Cancel",size:"large",themeColor:"base"}),N(S,{text:"Set time",size:"large",themeColor:"primary"})]}),children:N(F,{size:"large",columns:["HH","mm","ss","tt"],focusedColumn:"HH",header:N(J,{title:"10:00:00 \u0410\u041C",children:N(S,{size:"large",fillMode:"flat",className:"k-time-now",children:"Now"})})})})]})};se.states=Wo;se.options=Yo;se.className=Tt;se.defaultOptions=be;var ir=se;export{Tt as TIMEPICKER_CLASSNAME,se as TimePicker,ir as default};