Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
import{u as U,r as n,j as r,R as D,U as T,aA as E}from"./index-f33eb656.js";import{S as O,a as V,b as $}from"./Select-802cd710.js";const a=[{unit:"second",label:"times.seconds",multiplier:1},{unit:"minute",label:"times.minutes",multiplier:60},{unit:"hour",label:"times.hours",multiplier:3600},{unit:"day",label:"times.days",multiplier:86400}],j=(t=0)=>a.reduce((i,l)=>t%l.multiplier===0&&i.multiplier{const l=j(t);return new Intl.NumberFormat(i,{style:"unit",unit:l.unit,unitDisplay:"long"}).format(t/l.multiplier)},w=({value:t,units:i=["second","minute","hour","day"],onChange:l,className:u,min:y,menuAppendTo:g,...d})=>{const{t:f}=U("common"),m=n.useMemo(()=>a.find(e=>e.unit===i[0])?.multiplier,[i]),[b,c]=n.useState(""),[o,p]=n.useState(m),[x,S]=n.useState(!1),I=n.useMemo(()=>{const e=i.map(s=>a.find(M=>M.unit===s));return!e.every(s=>s.multiplier===o)&&e[0]!==a[0]&&e.unshift(a[0]),e},[i,o]);n.useEffect(()=>{const e=j(t).multiplier;t?(p(e),c(t/e)):(c(t||""),p(m))},[t,m]);const h=(e,s=o)=>{e!==""?(l?.(e*(s||1)),c(e)):l?.("")};return r.jsxs(D,{hasGutter:!0,className:u,children:[r.jsx(T,{children:r.jsx(E,{...d,type:"number","aria-label":"kc-time",min:y||0,value:b,className:`${u}-input`,onChange:e=>{h(e===""?e:parseInt(e))}})}),r.jsx(T,{id:`${u}-select-menu`,children:r.jsx(O,{variant:V.single,"aria-label":f("unitLabel"),className:`${u}-select`,onSelect:(e,s)=>{p(s),h(b,s),S(!1)},menuAppendTo:g,selections:[o],onToggle:()=>{S(!x)},isOpen:x,isDisabled:d.isDisabled,children:I.map(e=>r.jsx($,{id:e.label,value:e.multiplier,children:f(e.label)},e.label))})})]})};export{w as T,k as t};
//# sourceMappingURL=TimeSelector-6a5d1719.js.map
