npm install svelty-picker
',ot,rt,ma,ta,Fe,I=`<script>
+ import SveltyPicker from 'svelty-picker'
+
+ let myDate = '2021-11-11';
+</script>
+
+<SveltyPicker inputClasses="form-control" format="yyyy-mm-dd hh:ii" bind:value={myDate}></SveltyPicker>
`,ye,be,$s,kt,aa,en,Ja,Pe,tn,Wa,Ee,_a,He,va,an,ga,Ea,sn,ka,ya,nn,ba,Da,ln,wa,W,Ne,yt,on,rn,Ta,Le,cn,Ma,Ca,Oa,Sa,dn,bt,un,qe,je,fn,Ia,Ve,Fa,Ha,pn,Aa,Pa,Dt,hn,tt,La,sa,mn,wt,na,Ge,Tt,_n,Mt,Re,Je,vn,it,Ba,ct,Ct,gn,Ya,dt,Ot,En,at,kn,ut,yn,bn,ft,Me,We,la,Dn,Na,Be,wn,St,Va,Ce,Tn,It,Ft,Ht,Ra,Mn,Za,Cn,Ze,On,xn,wo,Xa,Sn,$n,re,oe,pt,oa,ra,At,Qa,el,Xe,ia,tl,Ka,xa,za,In,Ua,$a,es,al,sl,st,nl,ts,ll,ol,Qe,ca,ht,da,as,rl,Fn,mt,il,Oe,ss,ns,cl,dl,Ke,ls,ua,ul,os,rs,fa,is,fl,Hn,cs,ds,us,An,Ae,qa,pl,Pn,fs,pa,hl,ps,hs,ja,ms,ml,To,ud,fd,Pt,Mo,pd,hd,Co,Oo,md,_d,So,Io,vd,gd,_l,Ed,vl,kd,yd,Lt,Fo,bd,Dd,Ho,Ao,wd,Td,Po,Lo,Md,Cd,Bo,Od,Sd,Bt,Yo,Id,Fd,No,Vo,Hd,Ad,Ro,zo,Pd,Ld,Ln,Bd,gl,Yd,Nd,Vd,Yt,Uo,Rd,zd,qo,jo,Ud,qd,Go,Jo,jd,Gd,_s,Jd,Wo,Wd,Zd,Zo,Xd,Qd,Nt,Xo,Kd,xd,Qo,Ko,$d,eu,xo,tu,au,$o,su,nu,Vt,er,lu,ou,tr,ar,ru,iu,sr,nr,cu,du,lr,uu,fu,Rt,or,pu,hu,rr,ir,mu,_u,cr,dr,vu,gu,ur,Eu,ku,zt,fr,yu,bu,pr,hr,Du,wu,mr,_r,Tu,Mu,vr,Cu,Ou,Ut,gr,Su,Iu,Er,kr,Fu,Hu,yr,br,Au,Pu,Dr,Lu,Bu,qt,wr,Yu,Nu,Tr,Mr,Vu,Ru,Cr,Or,zu,Uu,Sr,qu,ju,jt,Ir,Gu,Ju,Fr,Hr,Wu,Zu,Ar,Pr,Xu,Qu,Bn,Ku,Lr,xu,$u,ef,Gt,Br,tf,af,Yr,Nr,sf,nf,Vr,Rr,lf,of,zr,rf,cf,Jt,Ur,df,uf,qr,jr,ff,pf,Gr,Jr,Wr,hf,mf,ze,_f,Zr,vf,gf,Xr,Ef,kf,Qr,yf,bf,Kr,Df,wf,xr,Tf,Mf,Cf,Wt,$r,Of,Sf,ei,ti,If,Ff,ai,si,Hf,Af,Ga,Pf,ni,Lf,Bf,li,Yf,Nf,Tc,Zt,Vf,oi,Rf,zf,ri,Uf,qf,ii,jf,Mc,Yn,_E=`import { config } from 'svelty-picker';
+
+// set new locale
+config.i18n = {
+ // my localization object
+}
+// default for all pickers in the app
+config.todayBtn = false;
`,Cc,El,Gf,Oc,Ye,Jf,ci,Wf,Zf,di,Xf,Qf,ui,Kf,xf,fi,$f,ep,pi,tp,ap,Sc,Nn,hi,sp,np,Ic,X,kl,mi,lp,op,rp,yl,_i,ip,cp,dp,bl,vi,up,fp,pp,Dl,gi,hp,mp,_p,wl,Ei,vp,gp,Ep,Tl,ki,kp,yp,bp,Ml,yi,Dp,wp,Tp,Cl,bi,Mp,Cp,Op,Ol,Di,Sp,Ip,Fp,Sl,wi,Hp,Ap,Pp,Il,Ti,Lp,Bp,Yp,Fl,Mi,Np,Vp,Rp,Hl,Ci,zp,Up,qp,Al,Oi,jp,Gp,Jp,Pl,Si,Wp,Zp,Xp,Ll,Ii,Qp,Kp,xp,Vn,Fi,$p,eh,Hi,th,ah,Bl,Ai,sh,nh,lh,Rn,Pi,oh,rh,Li,ih,ch,Yl,Bi,dh,uh,fh,Nl,Yi,ph,hh,mh,vs,Ni,_h,vh,Vi,gh,Eh,Fc,zn,Ri,kh,yh,Hc,ee,Vl,zi,bh,Dh,wh,Rl,Ui,Th,Mh,Ch,zl,qi,Oh,Sh,Ih,Ul,ji,Fh,Hh,Ah,ql,Gi,Ph,Lh,Bh,jl,Ji,Yh,Nh,Vh,Gl,Wi,Rh,zh,Uh,Jl,Zi,qh,jh,Gh,Wl,Xi,Jh,Wh,Zh,Zl,Qi,Xh,Qh,Kh,Xl,Ki,xh,$h,e1,Ql,xi,t1,a1,s1,Kl,$i,n1,l1,o1,xl,ec,r1,i1,c1,$l,tc,d1,u1,f1,eo,ac,p1,h1,m1,to,sc,_1,v1,g1,ao,nc,E1,k1,y1,so,lc,b1,D1,w1,no,oc,T1,M1,C1,gs,rc,O1,S1,ic,I1,F1,Ac,lo,H1,Pc,Un,vE=`/** defaults */
+.sdt-calendar-colors {
+ --sdt-primary: #286090;
+ --sdt-color: #000;
+ --sdt-bg-main: #fff;
+ --sdt-bg-today: var(--sdt-primary);
+ --sdt-bg-clear: #dc3545;
+ --sdt-today-bg: #1e486d;
+ --sdt-clear-color: #dc3545;
+ --sdt-btn-bg-hover: #eee;
+ --sdt-btn-header-bg-hover: #dfdfdf;
+ --sdt-clock-bg: #eeeded;
+ --sdt-clock-bg-minute: rgb(238, 237, 237, 0.25);
+ --sdt-clock-bg-shadow: 0 0 128px 2px #ddd inset;
+ --sdt-shadow: #ccc;
+}
`,Lc,oo,A1,Bc,_t,P1,cc,L1,B1,dc,Y1,N1,uc,V1,R1,Yc,Es,ks,fc,z1,U1,pc,q1,j1,G1,ha,hc,J1,W1,mc,Z1,X1,_c,Q1,K1,Nc,qn,gE=`<script>
+function onInput(event) {
+ console.log(event.target.value) // logs currently selected date or empty string
+}
+
+function onChange(event) {
+ console.log(event.detail) // logs currently selected date or null
+}
+</script>
+
+<SveltyPicker on:input={onInput} on:change={onChange}></SveltyPicker>
`,Vc,ro,x1,Rc,io,$1,zc,jn,EE=`export const en = {
+ days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+ daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
+ months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ meridiem: ['am', 'pm'],
+ suffix: ['st', 'nd', 'rd', 'th'],
+ todayBtn: 'Today',
+ clearBtn: 'Clear',
+ timeView: 'Show time view',
+ backToDate: 'Back to calendar view'
+}
`,Uc,co,em,qc,uo,tm,jc,fo,po,Gn,am,sm,Gc,ho,nm,Jc,mo,lm;return{c(){a=l("h1"),s=i("\u{1F4C6} Svelty Picker "),d=l("a"),u=l("img"),g=h(),_=l("p"),v=i("Simple date & time picker implemented in svelte."),p=h(),k=l("p"),E=i("Features:"),T=h(),D=l("ul"),M=l("li"),R=i("datepicker"),H=h(),J=l("li"),A=i("timepicker (with meridian support)"),O=h(),P=l("li"),B=i("various formatting options"),C=h(),j=l("li"),V=i("keyboard navigation"),U=h(),ce=l("li"),Z=i("includes "),q=l("code"),Q=i(""),G=i(" element"),ne=h(),he=l("li"),ge=i("easily themable"),K=h(),fe=l("li"),L=i("restriction by start and end date"),w=h(),S=l("li"),ue=i("validator action for "),me=l("code"),N=i(""),x=i(" using "),z=l("code"),se=i("svelte-use-forms"),_e=i(" (optional)"),de=h(),$=l("li"),De=i("custom element"),Ie=h(),nt=l("p"),Ue=l("img"),we=h(),Te=l("h2"),Et=i("\u2699\uFE0F Install"),lt=h(),et=l("pre"),ot=h(),rt=l("h2"),ma=i("\u{1F440} Example"),ta=h(),Fe=l("pre"),ye=h(),be=l("p"),$s=i("Try yourself in "),kt=l("a"),aa=i("REPL"),en=i("."),Ja=h(),Pe=l("h2"),tn=i("\u{1F4D3} Options"),Wa=h(),Ee=l("table"),_a=l("thead"),He=l("tr"),va=l("th"),an=i("Property"),ga=h(),Ea=l("th"),sn=i("Type"),ka=h(),ya=l("th"),nn=i("Default"),ba=h(),Da=l("th"),ln=i("Description"),wa=h(),W=l("tbody"),Ne=l("tr"),yt=l("td"),on=i("name"),rn=h(),Ta=l("td"),Le=l("code"),cn=i("string"),Ma=h(),Ca=l("td"),Oa=l("code"),Sa=i("date"),dn=h(),bt=l("td"),un=i("html attribute for underlying "),qe=l("code"),je=i(""),fn=i(" element"),Ia=h(),Ve=l("tr"),Fa=l("td"),Ha=i("disabled"),pn=h(),Aa=l("td"),Pa=l("code"),Dt=i("bool"),hn=h(),tt=l("td"),La=l("code"),sa=i("false"),mn=h(),wt=l("td"),na=i("html attribute for underlying "),Ge=l("code"),Tt=i(""),_n=i(" element"),Mt=h(),Re=l("tr"),Je=l("td"),vn=i("placeholder"),it=h(),Ba=l("td"),ct=l("code"),Ct=i("string"),gn=h(),Ya=l("td"),dt=l("code"),Ot=i("null"),En=h(),at=l("td"),kn=i("html attribute for underlying "),ut=l("code"),yn=i(""),bn=i(" element"),ft=h(),Me=l("tr"),We=l("td"),la=i("required"),Dn=h(),Na=l("td"),Be=l("code"),wn=i("bool"),St=h(),Va=l("td"),Ce=l("code"),Tn=i("false"),It=h(),Ft=l("td"),Ht=i("html attribute for underlying "),Ra=l("code"),Mn=i(""),Za=i(" element"),Cn=h(),Ze=l("tr"),On=l("td"),xn=i("value"),wo=h(),Xa=l("td"),Sn=l("code"),$n=i("string"),re=h(),oe=l("td"),pt=l("code"),oa=i("null"),ra=h(),At=l("td"),Qa=i("string representation of selected value"),el=h(),Xe=l("tr"),ia=l("td"),tl=i("initialDate"),Ka=h(),xa=l("td"),za=l("code"),In=i("Date"),Ua=h(),$a=l("td"),es=l("code"),al=i("null"),sl=h(),st=l("td"),nl=i("initial date object, if you prefer that to "),ts=l("code"),ll=i("value"),ol=h(),Qe=l("tr"),ca=l("td"),ht=i("startDate"),da=h(),as=l("td"),rl=i("`string"),Fn=h(),mt=l("td"),il=i("Date`"),Oe=h(),ss=l("td"),ns=l("code"),cl=i("null"),dl=h(),Ke=l("tr"),ls=l("td"),ua=i("endDate"),ul=h(),os=l("td"),rs=i("`string"),fa=h(),is=l("td"),fl=i("Date`"),Hn=h(),cs=l("td"),ds=l("code"),us=i("null"),An=h(),Ae=l("tr"),qa=l("td"),pl=i("pickerOnly"),Pn=h(),fs=l("td"),pa=l("code"),hl=i("bool"),ps=h(),hs=l("td"),ja=l("code"),ms=i("false"),ml=h(),To=l("td"),ud=i("Picker is always visible and input field is then hidden, but still present"),fd=h(),Pt=l("tr"),Mo=l("td"),pd=i("theme"),hd=h(),Co=l("td"),Oo=l("code"),md=i("string"),_d=h(),So=l("td"),Io=l("code"),vd=i("sdt-calendar-colors"),gd=h(),_l=l("td"),Ed=i("css class defining "),vl=l("a"),kd=i("css variables"),yd=h(),Lt=l("tr"),Fo=l("td"),bd=i("mode"),Dd=h(),Ho=l("td"),Ao=l("code"),wd=i("string"),Td=h(),Po=l("td"),Lo=l("code"),Md=i("auto"),Cd=h(),Bo=l("td"),Od=i("restrict picker\u2019s mode. Possible values: `auto"),Sd=h(),Bt=l("tr"),Yo=l("td"),Id=i("format"),Fd=h(),No=l("td"),Vo=l("code"),Hd=i("string"),Ad=h(),Ro=l("td"),zo=l("code"),Pd=i("yyyy-mm-dd"),Ld=h(),Ln=l("td"),Bd=i("Format of entered date/time. See "),gl=l("a"),Yd=i("format settings"),Nd=i(" for available options"),Vd=h(),Yt=l("tr"),Uo=l("td"),Rd=i("weekStart"),zd=h(),qo=l("td"),jo=l("code"),Ud=i("number"),qd=h(),Go=l("td"),Jo=l("code"),jd=i("1"),Gd=h(),_s=l("td"),Jd=i("number in range "),Wo=l("code"),Wd=i("0-6"),Zd=i(" to select first day of the week. Sunday is "),Zo=l("code"),Xd=i("0"),Qd=h(),Nt=l("tr"),Xo=l("td"),Kd=i("inputClasses"),xd=h(),Qo=l("td"),Ko=l("code"),$d=i("string"),eu=h(),xo=l("td"),tu=i("\u201C"),au=h(),$o=l("td"),su=i("input css class string"),nu=h(),Vt=l("tr"),er=l("td"),lu=i("todayBtnClasses"),ou=h(),tr=l("td"),ar=l("code"),ru=i("string"),iu=h(),sr=l("td"),nr=l("code"),cu=i("sdt-action-btn sdt-today-btn"),du=h(),lr=l("td"),uu=i("today button css classes"),fu=h(),Rt=l("tr"),or=l("td"),pu=i("clearBtnClasses"),hu=h(),rr=l("td"),ir=l("code"),mu=i("string"),_u=h(),cr=l("td"),dr=l("code"),vu=i("sdt-action-btn sdt-clear-btn"),gu=h(),ur=l("td"),Eu=i("clear button css classes"),ku=h(),zt=l("tr"),fr=l("td"),yu=i("todayBtn"),bu=h(),pr=l("td"),hr=l("code"),Du=i("bool"),wu=h(),mr=l("td"),_r=l("code"),Tu=i("true"),Mu=h(),vr=l("td"),Cu=i("Show today button"),Ou=h(),Ut=l("tr"),gr=l("td"),Su=i("clearBtn"),Iu=h(),Er=l("td"),kr=l("code"),Fu=i("bool"),Hu=h(),yr=l("td"),br=l("code"),Au=i("true"),Pu=h(),Dr=l("td"),Lu=i("Show clear button"),Bu=h(),qt=l("tr"),wr=l("td"),Yu=i("clearToggle"),Nu=h(),Tr=l("td"),Mr=l("code"),Vu=i("bool"),Ru=h(),Cr=l("td"),Or=l("code"),zu=i("true"),Uu=h(),Sr=l("td"),qu=i("Clear current selection by clicking the same date"),ju=h(),jt=l("tr"),Ir=l("td"),Gu=i("autoclose"),Ju=h(),Fr=l("td"),Hr=l("code"),Wu=i("bool"),Zu=h(),Ar=l("td"),Pr=l("code"),Xu=i("true"),Qu=h(),Bn=l("td"),Ku=i("Hides picker after selection is done. If mode includes "),Lr=l("em"),xu=i("time picker"),$u=i(", it closes automatically only after minute selection"),ef=h(),Gt=l("tr"),Br=l("td"),tf=i("i18n"),af=h(),Yr=l("td"),Nr=l("code"),sf=i("object"),nf=h(),Vr=l("td"),Rr=l("code"),lf=i("en"),of=h(),zr=l("td"),rf=i("localization object, english is by default"),cf=h(),Jt=l("tr"),Ur=l("td"),df=i("positionFn"),uf=h(),qr=l("td"),jr=l("code"),ff=i("function"),pf=h(),Gr=l("td"),Jr=l("em"),Wr=l("code"),hf=i("internal"),mf=h(),ze=l("td"),_f=i("function used to position picker. Used as action. Acceps following object: "),Zr=l("code"),vf=i("{ inputEl, visible}"),gf=i(", where "),Xr=l("code"),Ef=i("visible"),kf=i(" is "),Qr=l("code"),yf=i("visible"),bf=i(" parameter & "),Kr=l("code"),Df=i("inputEl"),wf=i(" is underlying "),xr=l("code"),Tf=i(""),Mf=i(" element"),Cf=h(),Wt=l("tr"),$r=l("td"),Of=i("validatorAction"),Sf=h(),ei=l("td"),ti=l("code"),If=i("array"),Ff=h(),ai=l("td"),si=l("code"),Hf=i("null"),Af=h(),Ga=l("td"),Pf=i("Bind validator action for inner "),ni=l("code"),Lf=i(""),Bf=i(" element. Designed to be used with "),li=l("code"),Yf=i("svelte-use-form"),Nf=i("."),Tc=h(),Zt=l("p"),Vf=i("Note: Properties starting by "),oi=l("code"),Rf=i("theme"),zf=i(" to "),ri=l("code"),Uf=i("i18n"),qf=i(" are configurable globally by overriding it in globally available "),ii=l("code"),jf=i("config"),Mc=h(),Yn=l("pre"),Cc=h(),El=l("h3"),Gf=i("Format settings"),Oc=h(),Ye=l("p"),Jf=i("Date format can be defined under "),ci=l("code"),Wf=i("formatType"),Zf=i(" property. It has two options: "),di=l("code"),Xf=i("standard"),Qf=i(" and "),ui=l("code"),Kf=i("php"),xf=i(`, where
+`),fi=l("code"),$f=i("standard"),ep=i(" is the "),pi=l("em"),tp=i("default"),ap=i("."),Sc=h(),Nn=l("h4"),hi=l("code"),sp=i("standard"),np=i(" format settings:"),Ic=h(),X=l("ul"),kl=l("li"),mi=l("code"),lp=i("d"),op=i(" : day of the month without leading zeros"),rp=h(),yl=l("li"),_i=l("code"),ip=i("dd"),cp=i(" : day of the month, 2 digits with leading zeros"),dp=h(),bl=l("li"),vi=l("code"),up=i("D"),fp=i(" : short textual representation of a weekday (i18n.daysShort)"),pp=h(),Dl=l("li"),gi=l("code"),hp=i("DD"),mp=i(" : long textual representation of a weekday (i18n.days)"),_p=h(),wl=l("li"),Ei=l("code"),vp=i("S"),gp=i(" : English ordinal suffix for the day of the month, (i18n.suffix)"),Ep=h(),Tl=l("li"),ki=l("code"),kp=i("m"),yp=i(" : numeric representation of month without leading zeros"),bp=h(),Ml=l("li"),yi=l("code"),Dp=i("mm"),wp=i(" : numeric representation of the month, 2 digits with leading zeros"),Tp=h(),Cl=l("li"),bi=l("code"),Mp=i("M"),Cp=i(" : short textual representation of a month, three letters (i18n.monthsShort)"),Op=h(),Ol=l("li"),Di=l("code"),Sp=i("MM"),Ip=i(" : full textual representation of a month, such as January or March (i18n.months)"),Fp=h(),Sl=l("li"),wi=l("code"),Hp=i("yy"),Ap=i(" : two digit representation of a year"),Pp=h(),Il=l("li"),Ti=l("code"),Lp=i("yyyy"),Bp=i(" : full numeric representation of a year, 4 digits"),Yp=h(),Fl=l("li"),Mi=l("code"),Np=i("h"),Vp=i(" : hour without leading zeros - 24-hour format"),Rp=h(),Hl=l("li"),Ci=l("code"),zp=i("hh"),Up=i(" : hour, 2 digits with leading zeros - 24-hour format"),qp=h(),Al=l("li"),Oi=l("code"),jp=i("H"),Gp=i(" : hour without leading zeros - 12-hour format"),Jp=h(),Pl=l("li"),Si=l("code"),Wp=i("HH"),Zp=i(" : hour, 2 digits with leading zeros - 12-hour format"),Xp=h(),Ll=l("li"),Ii=l("code"),Qp=i("i"),Kp=i(" : minutes, 2 digits with leading zeros"),xp=h(),Vn=l("li"),Fi=l("code"),$p=i("ii"),eh=i(" : alias for "),Hi=l("code"),th=i("i"),ah=h(),Bl=l("li"),Ai=l("code"),sh=i("s"),nh=i(" : seconds, 2 digits with leading zeros"),lh=h(),Rn=l("li"),Pi=l("code"),oh=i("ss"),rh=i(" : alias for "),Li=l("code"),ih=i("s"),ch=h(),Yl=l("li"),Bi=l("code"),dh=i("p"),uh=i(" : meridian in lower case (\u2018am\u2019 or \u2018pm\u2019) - according to locale file (i18n.meridiem)"),fh=h(),Nl=l("li"),Yi=l("code"),ph=i("P"),hh=i(" : meridian in upper case (\u2018AM\u2019 or \u2018PM\u2019) - according to locale file (i18n.meridiem)"),mh=h(),vs=l("li"),Ni=l("code"),_h=i("t"),vh=i(" : timestamp in milliseconds (although milliseconds are always 0). For timestamp in seconds use "),Vi=l("code"),gh=i("php"),Eh=i(" format"),Fc=h(),zn=l("h4"),Ri=l("code"),kh=i("php"),yh=i(" format settings:"),Hc=h(),ee=l("ul"),Vl=l("li"),zi=l("code"),bh=i("d"),Dh=i(" : Day of the month, 2 digits with leading zeros 01 to 31"),wh=h(),Rl=l("li"),Ui=l("code"),Th=i("D"),Mh=i(" : A textual representation of a day, three letters Mon through Sun"),Ch=h(),zl=l("li"),qi=l("code"),Oh=i("j"),Sh=i(" : Day of the month without leading zeros 1 to 31"),Ih=h(),Ul=l("li"),ji=l("code"),Fh=i("l"),Hh=i(" : A full textual representation of the day of the week Sunday through Saturday"),Ah=h(),ql=l("li"),Gi=l("code"),Ph=i("N"),Lh=i(" : ISO 8601 numeric representation of the day of the week 1 (for Monday) through 7 (for Sunday)"),Bh=h(),jl=l("li"),Ji=l("code"),Yh=i("S"),Nh=i(" : English ordinal suffix for the day of the month, 2 characters st, nd, rd or th. Works well with j"),Vh=h(),Gl=l("li"),Wi=l("code"),Rh=i("F"),zh=i(" : A full textual representation of a month, such as January or March January through December"),Uh=h(),Jl=l("li"),Zi=l("code"),qh=i("m"),jh=i(" : Numeric representation of a month, with leading zeros 01 through 12"),Gh=h(),Wl=l("li"),Xi=l("code"),Jh=i("M"),Wh=i(" : A short textual representation of a month, three letters Jan through Dec"),Zh=h(),Zl=l("li"),Qi=l("code"),Xh=i("n"),Qh=i(" : Numeric representation of a month, without leading zeros 1 through 12"),Kh=h(),Xl=l("li"),Ki=l("code"),xh=i("Y"),$h=i(" : A full numeric representation of a year, at least 4 digits, with - for years BCE. Examples: -0055, 0787, 1999, 2003"),e1=h(),Ql=l("li"),xi=l("code"),t1=i("y"),a1=i(" : A two digit representation of a year Examples: 99 or 03"),s1=h(),Kl=l("li"),$i=l("code"),n1=i("a"),l1=i(" : Lowercase Ante meridiem and Post meridiem am or pm"),o1=h(),xl=l("li"),ec=l("code"),r1=i("A"),i1=i(" : Uppercase Ante meridiem and Post meridiem AM or PM"),c1=h(),$l=l("li"),tc=l("code"),d1=i("g"),u1=i(" : 12-hour format of an hour without leading zeros 1 through 12"),f1=h(),eo=l("li"),ac=l("code"),p1=i("G"),h1=i(" : 24-hour format of an hour without leading zeros 0 through 23"),m1=h(),to=l("li"),sc=l("code"),_1=i("h"),v1=i(" : 12-hour format of an hour with leading zeros 01 through 12"),g1=h(),ao=l("li"),nc=l("code"),E1=i("H"),k1=i(" : 24-hour format of an hour with leading zeros 00 through 23"),y1=h(),so=l("li"),lc=l("code"),b1=i("i"),D1=i(" : Minutes with leading zeros 00 to 59"),w1=h(),no=l("li"),oc=l("code"),T1=i("s"),M1=i(" : Seconds with leading zeros 00 through 59"),C1=h(),gs=l("li"),rc=l("code"),O1=i("U"),S1=i(" : timestamp in seconds. For timestamp with miliseconds use "),ic=l("code"),I1=i("standard"),F1=i(" format"),Ac=h(),lo=l("h3"),H1=i("CSS variables"),Pc=h(),Un=l("pre"),Lc=h(),oo=l("h2"),A1=i("\u{1F5EF}\uFE0F Events"),Bc=h(),_t=l("p"),P1=i("Component emits "),cc=l("code"),L1=i("input"),B1=i(", "),dc=l("code"),Y1=i("change"),N1=i(" and "),uc=l("code"),V1=i("blur"),R1=i(" events."),Yc=h(),Es=l("ul"),ks=l("li"),fc=l("code"),z1=i("input"),U1=i(" is dispatched on "),pc=l("code"),q1=i(""),j1=i(" element therefore you can get current value like from every native event:"),G1=h(),ha=l("li"),hc=l("code"),J1=i("change"),W1=i(" event is using Svelte\u2019s "),mc=l("code"),Z1=i("eventDispatcher"),X1=i(", therefore triggered event contains "),_c=l("code"),Q1=i("detail"),K1=i(" property"),Nc=h(),qn=l("pre"),Vc=h(),ro=l("h2"),x1=i("\u{1F310} Localization"),Rc=h(),io=l("p"),$1=i("Localization file has following structure."),zc=h(),jn=l("pre"),Uc=h(),co=l("p"),em=i("PRs for extending built-in localization are welcome \u{1F973}"),qc=h(),uo=l("h2"),tm=i("\u{1F3C6} Thanks to:"),jc=h(),fo=l("ul"),po=l("li"),Gn=l("a"),am=i("Bootstrap datepicker"),sm=i(" for some internal date and format handling"),Gc=h(),ho=l("h2"),nm=i("Licence:"),Jc=h(),mo=l("p"),lm=i("MIT"),this.h()},l(y){a=o(y,"H1",{});var Y=n(a);s=c(Y,"\u{1F4C6} Svelty Picker "),d=o(Y,"A",{href:!0,rel:!0});var c2=n(d);u=o(c2,"IMG",{src:!0,alt:!0}),c2.forEach(t),Y.forEach(t),g=m(y),_=o(y,"P",{});var d2=n(_);v=c(d2,"Simple date & time picker implemented in svelte."),d2.forEach(t),p=m(y),k=o(y,"P",{});var u2=n(k);E=c(u2,"Features:"),u2.forEach(t),T=m(y),D=o(y,"UL",{});var Se=n(D);M=o(Se,"LI",{});var f2=n(M);R=c(f2,"datepicker"),f2.forEach(t),H=m(Se),J=o(Se,"LI",{});var p2=n(J);A=c(p2,"timepicker (with meridian support)"),p2.forEach(t),O=m(Se),P=o(Se,"LI",{});var h2=n(P);B=c(h2,"various formatting options"),h2.forEach(t),C=m(Se),j=o(Se,"LI",{});var m2=n(j);V=c(m2,"keyboard navigation"),m2.forEach(t),U=m(Se),ce=o(Se,"LI",{});var Wc=n(ce);Z=c(Wc,"includes "),q=o(Wc,"CODE",{});var _2=n(q);Q=c(_2,""),_2.forEach(t),G=c(Wc," element"),Wc.forEach(t),ne=m(Se),he=o(Se,"LI",{});var v2=n(he);ge=c(v2,"easily themable"),v2.forEach(t),K=m(Se),fe=o(Se,"LI",{});var g2=n(fe);L=c(g2,"restriction by start and end date"),g2.forEach(t),w=m(Se),S=o(Se,"LI",{});var _o=n(S);ue=c(_o,"validator action for "),me=o(_o,"CODE",{});var E2=n(me);N=c(E2,""),E2.forEach(t),x=c(_o," using "),z=o(_o,"CODE",{});var k2=n(z);se=c(k2,"svelte-use-forms"),k2.forEach(t),_e=c(_o," (optional)"),_o.forEach(t),de=m(Se),$=o(Se,"LI",{});var y2=n($);De=c(y2,"custom element"),y2.forEach(t),Se.forEach(t),Ie=m(y),nt=o(y,"P",{});var b2=n(nt);Ue=o(b2,"IMG",{src:!0,alt:!0}),b2.forEach(t),we=m(y),Te=o(y,"H2",{});var D2=n(Te);Et=c(D2,"\u2699\uFE0F Install"),D2.forEach(t),lt=m(y),et=o(y,"PRE",{class:!0});var kE=n(et);kE.forEach(t),ot=m(y),rt=o(y,"H2",{});var w2=n(rt);ma=c(w2,"\u{1F440} Example"),w2.forEach(t),ta=m(y),Fe=o(y,"PRE",{class:!0});var yE=n(Fe);yE.forEach(t),ye=m(y),be=o(y,"P",{});var Zc=n(be);$s=c(Zc,"Try yourself in "),kt=o(Zc,"A",{href:!0,rel:!0});var T2=n(kt);aa=c(T2,"REPL"),T2.forEach(t),en=c(Zc,"."),Zc.forEach(t),Ja=m(y),Pe=o(y,"H2",{});var M2=n(Pe);tn=c(M2,"\u{1F4D3} Options"),M2.forEach(t),Wa=m(y),Ee=o(y,"TABLE",{});var Xc=n(Ee);_a=o(Xc,"THEAD",{});var C2=n(_a);He=o(C2,"TR",{});var ys=n(He);va=o(ys,"TH",{});var O2=n(va);an=c(O2,"Property"),O2.forEach(t),ga=m(ys),Ea=o(ys,"TH",{});var S2=n(Ea);sn=c(S2,"Type"),S2.forEach(t),ka=m(ys),ya=o(ys,"TH",{});var I2=n(ya);nn=c(I2,"Default"),I2.forEach(t),ba=m(ys),Da=o(ys,"TH",{});var F2=n(Da);ln=c(F2,"Description"),F2.forEach(t),ys.forEach(t),C2.forEach(t),wa=m(Xc),W=o(Xc,"TBODY",{});var te=n(W);Ne=o(te,"TR",{});var bs=n(Ne);yt=o(bs,"TD",{});var H2=n(yt);on=c(H2,"name"),H2.forEach(t),rn=m(bs),Ta=o(bs,"TD",{});var A2=n(Ta);Le=o(A2,"CODE",{});var P2=n(Le);cn=c(P2,"string"),P2.forEach(t),A2.forEach(t),Ma=m(bs),Ca=o(bs,"TD",{});var L2=n(Ca);Oa=o(L2,"CODE",{});var B2=n(Oa);Sa=c(B2,"date"),B2.forEach(t),L2.forEach(t),dn=m(bs),bt=o(bs,"TD",{});var Qc=n(bt);un=c(Qc,"html attribute for underlying "),qe=o(Qc,"CODE",{});var Y2=n(qe);je=c(Y2,""),Y2.forEach(t),fn=c(Qc," element"),Qc.forEach(t),bs.forEach(t),Ia=m(te),Ve=o(te,"TR",{});var Ds=n(Ve);Fa=o(Ds,"TD",{});var N2=n(Fa);Ha=c(N2,"disabled"),N2.forEach(t),pn=m(Ds),Aa=o(Ds,"TD",{});var V2=n(Aa);Pa=o(V2,"CODE",{});var R2=n(Pa);Dt=c(R2,"bool"),R2.forEach(t),V2.forEach(t),hn=m(Ds),tt=o(Ds,"TD",{});var z2=n(tt);La=o(z2,"CODE",{});var U2=n(La);sa=c(U2,"false"),U2.forEach(t),z2.forEach(t),mn=m(Ds),wt=o(Ds,"TD",{});var Kc=n(wt);na=c(Kc,"html attribute for underlying "),Ge=o(Kc,"CODE",{});var q2=n(Ge);Tt=c(q2,""),q2.forEach(t),_n=c(Kc," element"),Kc.forEach(t),Ds.forEach(t),Mt=m(te),Re=o(te,"TR",{});var ws=n(Re);Je=o(ws,"TD",{});var j2=n(Je);vn=c(j2,"placeholder"),j2.forEach(t),it=m(ws),Ba=o(ws,"TD",{});var G2=n(Ba);ct=o(G2,"CODE",{});var J2=n(ct);Ct=c(J2,"string"),J2.forEach(t),G2.forEach(t),gn=m(ws),Ya=o(ws,"TD",{});var W2=n(Ya);dt=o(W2,"CODE",{});var Z2=n(dt);Ot=c(Z2,"null"),Z2.forEach(t),W2.forEach(t),En=m(ws),at=o(ws,"TD",{});var xc=n(at);kn=c(xc,"html attribute for underlying "),ut=o(xc,"CODE",{});var X2=n(ut);yn=c(X2,""),X2.forEach(t),bn=c(xc," element"),xc.forEach(t),ws.forEach(t),ft=m(te),Me=o(te,"TR",{});var Ts=n(Me);We=o(Ts,"TD",{});var Q2=n(We);la=c(Q2,"required"),Q2.forEach(t),Dn=m(Ts),Na=o(Ts,"TD",{});var K2=n(Na);Be=o(K2,"CODE",{});var x2=n(Be);wn=c(x2,"bool"),x2.forEach(t),K2.forEach(t),St=m(Ts),Va=o(Ts,"TD",{});var $2=n(Va);Ce=o($2,"CODE",{});var e_=n(Ce);Tn=c(e_,"false"),e_.forEach(t),$2.forEach(t),It=m(Ts),Ft=o(Ts,"TD",{});var $c=n(Ft);Ht=c($c,"html attribute for underlying "),Ra=o($c,"CODE",{});var t_=n(Ra);Mn=c(t_,""),t_.forEach(t),Za=c($c," element"),$c.forEach(t),Ts.forEach(t),Cn=m(te),Ze=o(te,"TR",{});var Ms=n(Ze);On=o(Ms,"TD",{});var a_=n(On);xn=c(a_,"value"),a_.forEach(t),wo=m(Ms),Xa=o(Ms,"TD",{});var s_=n(Xa);Sn=o(s_,"CODE",{});var n_=n(Sn);$n=c(n_,"string"),n_.forEach(t),s_.forEach(t),re=m(Ms),oe=o(Ms,"TD",{});var l_=n(oe);pt=o(l_,"CODE",{});var o_=n(pt);oa=c(o_,"null"),o_.forEach(t),l_.forEach(t),ra=m(Ms),At=o(Ms,"TD",{});var r_=n(At);Qa=c(r_,"string representation of selected value"),r_.forEach(t),Ms.forEach(t),el=m(te),Xe=o(te,"TR",{});var Cs=n(Xe);ia=o(Cs,"TD",{});var i_=n(ia);tl=c(i_,"initialDate"),i_.forEach(t),Ka=m(Cs),xa=o(Cs,"TD",{});var c_=n(xa);za=o(c_,"CODE",{});var d_=n(za);In=c(d_,"Date"),d_.forEach(t),c_.forEach(t),Ua=m(Cs),$a=o(Cs,"TD",{});var u_=n($a);es=o(u_,"CODE",{});var f_=n(es);al=c(f_,"null"),f_.forEach(t),u_.forEach(t),sl=m(Cs),st=o(Cs,"TD",{});var om=n(st);nl=c(om,"initial date object, if you prefer that to "),ts=o(om,"CODE",{});var p_=n(ts);ll=c(p_,"value"),p_.forEach(t),om.forEach(t),Cs.forEach(t),ol=m(te),Qe=o(te,"TR",{});var Os=n(Qe);ca=o(Os,"TD",{});var h_=n(ca);ht=c(h_,"startDate"),h_.forEach(t),da=m(Os),as=o(Os,"TD",{});var m_=n(as);rl=c(m_,"`string"),m_.forEach(t),Fn=m(Os),mt=o(Os,"TD",{});var __=n(mt);il=c(__,"Date`"),__.forEach(t),Oe=m(Os),ss=o(Os,"TD",{});var v_=n(ss);ns=o(v_,"CODE",{});var g_=n(ns);cl=c(g_,"null"),g_.forEach(t),v_.forEach(t),Os.forEach(t),dl=m(te),Ke=o(te,"TR",{});var Ss=n(Ke);ls=o(Ss,"TD",{});var E_=n(ls);ua=c(E_,"endDate"),E_.forEach(t),ul=m(Ss),os=o(Ss,"TD",{});var k_=n(os);rs=c(k_,"`string"),k_.forEach(t),fa=m(Ss),is=o(Ss,"TD",{});var y_=n(is);fl=c(y_,"Date`"),y_.forEach(t),Hn=m(Ss),cs=o(Ss,"TD",{});var b_=n(cs);ds=o(b_,"CODE",{});var D_=n(ds);us=c(D_,"null"),D_.forEach(t),b_.forEach(t),Ss.forEach(t),An=m(te),Ae=o(te,"TR",{});var Is=n(Ae);qa=o(Is,"TD",{});var w_=n(qa);pl=c(w_,"pickerOnly"),w_.forEach(t),Pn=m(Is),fs=o(Is,"TD",{});var T_=n(fs);pa=o(T_,"CODE",{});var M_=n(pa);hl=c(M_,"bool"),M_.forEach(t),T_.forEach(t),ps=m(Is),hs=o(Is,"TD",{});var C_=n(hs);ja=o(C_,"CODE",{});var O_=n(ja);ms=c(O_,"false"),O_.forEach(t),C_.forEach(t),ml=m(Is),To=o(Is,"TD",{});var S_=n(To);ud=c(S_,"Picker is always visible and input field is then hidden, but still present"),S_.forEach(t),Is.forEach(t),fd=m(te),Pt=o(te,"TR",{});var Fs=n(Pt);Mo=o(Fs,"TD",{});var I_=n(Mo);pd=c(I_,"theme"),I_.forEach(t),hd=m(Fs),Co=o(Fs,"TD",{});var F_=n(Co);Oo=o(F_,"CODE",{});var H_=n(Oo);md=c(H_,"string"),H_.forEach(t),F_.forEach(t),_d=m(Fs),So=o(Fs,"TD",{});var A_=n(So);Io=o(A_,"CODE",{});var P_=n(Io);vd=c(P_,"sdt-calendar-colors"),P_.forEach(t),A_.forEach(t),gd=m(Fs),_l=o(Fs,"TD",{});var rm=n(_l);Ed=c(rm,"css class defining "),vl=o(rm,"A",{href:!0});var L_=n(vl);kd=c(L_,"css variables"),L_.forEach(t),rm.forEach(t),Fs.forEach(t),yd=m(te),Lt=o(te,"TR",{});var Hs=n(Lt);Fo=o(Hs,"TD",{});var B_=n(Fo);bd=c(B_,"mode"),B_.forEach(t),Dd=m(Hs),Ho=o(Hs,"TD",{});var Y_=n(Ho);Ao=o(Y_,"CODE",{});var N_=n(Ao);wd=c(N_,"string"),N_.forEach(t),Y_.forEach(t),Td=m(Hs),Po=o(Hs,"TD",{});var V_=n(Po);Lo=o(V_,"CODE",{});var R_=n(Lo);Md=c(R_,"auto"),R_.forEach(t),V_.forEach(t),Cd=m(Hs),Bo=o(Hs,"TD",{});var z_=n(Bo);Od=c(z_,"restrict picker\u2019s mode. Possible values: `auto"),z_.forEach(t),Hs.forEach(t),Sd=m(te),Bt=o(te,"TR",{});var As=n(Bt);Yo=o(As,"TD",{});var U_=n(Yo);Id=c(U_,"format"),U_.forEach(t),Fd=m(As),No=o(As,"TD",{});var q_=n(No);Vo=o(q_,"CODE",{});var j_=n(Vo);Hd=c(j_,"string"),j_.forEach(t),q_.forEach(t),Ad=m(As),Ro=o(As,"TD",{});var G_=n(Ro);zo=o(G_,"CODE",{});var J_=n(zo);Pd=c(J_,"yyyy-mm-dd"),J_.forEach(t),G_.forEach(t),Ld=m(As),Ln=o(As,"TD",{});var ed=n(Ln);Bd=c(ed,"Format of entered date/time. See "),gl=o(ed,"A",{href:!0});var W_=n(gl);Yd=c(W_,"format settings"),W_.forEach(t),Nd=c(ed," for available options"),ed.forEach(t),As.forEach(t),Vd=m(te),Yt=o(te,"TR",{});var Ps=n(Yt);Uo=o(Ps,"TD",{});var Z_=n(Uo);Rd=c(Z_,"weekStart"),Z_.forEach(t),zd=m(Ps),qo=o(Ps,"TD",{});var X_=n(qo);jo=o(X_,"CODE",{});var Q_=n(jo);Ud=c(Q_,"number"),Q_.forEach(t),X_.forEach(t),qd=m(Ps),Go=o(Ps,"TD",{});var K_=n(Go);Jo=o(K_,"CODE",{});var x_=n(Jo);jd=c(x_,"1"),x_.forEach(t),K_.forEach(t),Gd=m(Ps),_s=o(Ps,"TD",{});var vc=n(_s);Jd=c(vc,"number in range "),Wo=o(vc,"CODE",{});var $_=n(Wo);Wd=c($_,"0-6"),$_.forEach(t),Zd=c(vc," to select first day of the week. Sunday is "),Zo=o(vc,"CODE",{});var ev=n(Zo);Xd=c(ev,"0"),ev.forEach(t),vc.forEach(t),Ps.forEach(t),Qd=m(te),Nt=o(te,"TR",{});var Ls=n(Nt);Xo=o(Ls,"TD",{});var tv=n(Xo);Kd=c(tv,"inputClasses"),tv.forEach(t),xd=m(Ls),Qo=o(Ls,"TD",{});var av=n(Qo);Ko=o(av,"CODE",{});var sv=n(Ko);$d=c(sv,"string"),sv.forEach(t),av.forEach(t),eu=m(Ls),xo=o(Ls,"TD",{});var nv=n(xo);tu=c(nv,"\u201C"),nv.forEach(t),au=m(Ls),$o=o(Ls,"TD",{});var lv=n($o);su=c(lv,"input css class string"),lv.forEach(t),Ls.forEach(t),nu=m(te),Vt=o(te,"TR",{});var Bs=n(Vt);er=o(Bs,"TD",{});var ov=n(er);lu=c(ov,"todayBtnClasses"),ov.forEach(t),ou=m(Bs),tr=o(Bs,"TD",{});var rv=n(tr);ar=o(rv,"CODE",{});var iv=n(ar);ru=c(iv,"string"),iv.forEach(t),rv.forEach(t),iu=m(Bs),sr=o(Bs,"TD",{});var cv=n(sr);nr=o(cv,"CODE",{});var dv=n(nr);cu=c(dv,"sdt-action-btn sdt-today-btn"),dv.forEach(t),cv.forEach(t),du=m(Bs),lr=o(Bs,"TD",{});var uv=n(lr);uu=c(uv,"today button css classes"),uv.forEach(t),Bs.forEach(t),fu=m(te),Rt=o(te,"TR",{});var Ys=n(Rt);or=o(Ys,"TD",{});var fv=n(or);pu=c(fv,"clearBtnClasses"),fv.forEach(t),hu=m(Ys),rr=o(Ys,"TD",{});var pv=n(rr);ir=o(pv,"CODE",{});var hv=n(ir);mu=c(hv,"string"),hv.forEach(t),pv.forEach(t),_u=m(Ys),cr=o(Ys,"TD",{});var mv=n(cr);dr=o(mv,"CODE",{});var _v=n(dr);vu=c(_v,"sdt-action-btn sdt-clear-btn"),_v.forEach(t),mv.forEach(t),gu=m(Ys),ur=o(Ys,"TD",{});var vv=n(ur);Eu=c(vv,"clear button css classes"),vv.forEach(t),Ys.forEach(t),ku=m(te),zt=o(te,"TR",{});var Ns=n(zt);fr=o(Ns,"TD",{});var gv=n(fr);yu=c(gv,"todayBtn"),gv.forEach(t),bu=m(Ns),pr=o(Ns,"TD",{});var Ev=n(pr);hr=o(Ev,"CODE",{});var kv=n(hr);Du=c(kv,"bool"),kv.forEach(t),Ev.forEach(t),wu=m(Ns),mr=o(Ns,"TD",{});var yv=n(mr);_r=o(yv,"CODE",{});var bv=n(_r);Tu=c(bv,"true"),bv.forEach(t),yv.forEach(t),Mu=m(Ns),vr=o(Ns,"TD",{});var Dv=n(vr);Cu=c(Dv,"Show today button"),Dv.forEach(t),Ns.forEach(t),Ou=m(te),Ut=o(te,"TR",{});var Vs=n(Ut);gr=o(Vs,"TD",{});var wv=n(gr);Su=c(wv,"clearBtn"),wv.forEach(t),Iu=m(Vs),Er=o(Vs,"TD",{});var Tv=n(Er);kr=o(Tv,"CODE",{});var Mv=n(kr);Fu=c(Mv,"bool"),Mv.forEach(t),Tv.forEach(t),Hu=m(Vs),yr=o(Vs,"TD",{});var Cv=n(yr);br=o(Cv,"CODE",{});var Ov=n(br);Au=c(Ov,"true"),Ov.forEach(t),Cv.forEach(t),Pu=m(Vs),Dr=o(Vs,"TD",{});var Sv=n(Dr);Lu=c(Sv,"Show clear button"),Sv.forEach(t),Vs.forEach(t),Bu=m(te),qt=o(te,"TR",{});var Rs=n(qt);wr=o(Rs,"TD",{});var Iv=n(wr);Yu=c(Iv,"clearToggle"),Iv.forEach(t),Nu=m(Rs),Tr=o(Rs,"TD",{});var Fv=n(Tr);Mr=o(Fv,"CODE",{});var Hv=n(Mr);Vu=c(Hv,"bool"),Hv.forEach(t),Fv.forEach(t),Ru=m(Rs),Cr=o(Rs,"TD",{});var Av=n(Cr);Or=o(Av,"CODE",{});var Pv=n(Or);zu=c(Pv,"true"),Pv.forEach(t),Av.forEach(t),Uu=m(Rs),Sr=o(Rs,"TD",{});var Lv=n(Sr);qu=c(Lv,"Clear current selection by clicking the same date"),Lv.forEach(t),Rs.forEach(t),ju=m(te),jt=o(te,"TR",{});var zs=n(jt);Ir=o(zs,"TD",{});var Bv=n(Ir);Gu=c(Bv,"autoclose"),Bv.forEach(t),Ju=m(zs),Fr=o(zs,"TD",{});var Yv=n(Fr);Hr=o(Yv,"CODE",{});var Nv=n(Hr);Wu=c(Nv,"bool"),Nv.forEach(t),Yv.forEach(t),Zu=m(zs),Ar=o(zs,"TD",{});var Vv=n(Ar);Pr=o(Vv,"CODE",{});var Rv=n(Pr);Xu=c(Rv,"true"),Rv.forEach(t),Vv.forEach(t),Qu=m(zs),Bn=o(zs,"TD",{});var td=n(Bn);Ku=c(td,"Hides picker after selection is done. If mode includes "),Lr=o(td,"EM",{});var zv=n(Lr);xu=c(zv,"time picker"),zv.forEach(t),$u=c(td,", it closes automatically only after minute selection"),td.forEach(t),zs.forEach(t),ef=m(te),Gt=o(te,"TR",{});var Us=n(Gt);Br=o(Us,"TD",{});var Uv=n(Br);tf=c(Uv,"i18n"),Uv.forEach(t),af=m(Us),Yr=o(Us,"TD",{});var qv=n(Yr);Nr=o(qv,"CODE",{});var jv=n(Nr);sf=c(jv,"object"),jv.forEach(t),qv.forEach(t),nf=m(Us),Vr=o(Us,"TD",{});var Gv=n(Vr);Rr=o(Gv,"CODE",{});var Jv=n(Rr);lf=c(Jv,"en"),Jv.forEach(t),Gv.forEach(t),of=m(Us),zr=o(Us,"TD",{});var Wv=n(zr);rf=c(Wv,"localization object, english is by default"),Wv.forEach(t),Us.forEach(t),cf=m(te),Jt=o(te,"TR",{});var qs=n(Jt);Ur=o(qs,"TD",{});var Zv=n(Ur);df=c(Zv,"positionFn"),Zv.forEach(t),uf=m(qs),qr=o(qs,"TD",{});var Xv=n(qr);jr=o(Xv,"CODE",{});var Qv=n(jr);ff=c(Qv,"function"),Qv.forEach(t),Xv.forEach(t),pf=m(qs),Gr=o(qs,"TD",{});var Kv=n(Gr);Jr=o(Kv,"EM",{});var xv=n(Jr);Wr=o(xv,"CODE",{});var $v=n(Wr);hf=c($v,"internal"),$v.forEach(t),xv.forEach(t),Kv.forEach(t),mf=m(qs),ze=o(qs,"TD",{});var vt=n(ze);_f=c(vt,"function used to position picker. Used as action. Acceps following object: "),Zr=o(vt,"CODE",{});var e0=n(Zr);vf=c(e0,"{ inputEl, visible}"),e0.forEach(t),gf=c(vt,", where "),Xr=o(vt,"CODE",{});var t0=n(Xr);Ef=c(t0,"visible"),t0.forEach(t),kf=c(vt," is "),Qr=o(vt,"CODE",{});var a0=n(Qr);yf=c(a0,"visible"),a0.forEach(t),bf=c(vt," parameter & "),Kr=o(vt,"CODE",{});var s0=n(Kr);Df=c(s0,"inputEl"),s0.forEach(t),wf=c(vt," is underlying "),xr=o(vt,"CODE",{});var n0=n(xr);Tf=c(n0,""),n0.forEach(t),Mf=c(vt," element"),vt.forEach(t),qs.forEach(t),Cf=m(te),Wt=o(te,"TR",{});var js=n(Wt);$r=o(js,"TD",{});var l0=n($r);Of=c(l0,"validatorAction"),l0.forEach(t),Sf=m(js),ei=o(js,"TD",{});var o0=n(ei);ti=o(o0,"CODE",{});var r0=n(ti);If=c(r0,"array"),r0.forEach(t),o0.forEach(t),Ff=m(js),ai=o(js,"TD",{});var i0=n(ai);si=o(i0,"CODE",{});var c0=n(si);Hf=c(c0,"null"),c0.forEach(t),i0.forEach(t),Af=m(js),Ga=o(js,"TD",{});var vo=n(Ga);Pf=c(vo,"Bind validator action for inner "),ni=o(vo,"CODE",{});var d0=n(ni);Lf=c(d0,""),d0.forEach(t),Bf=c(vo," element. Designed to be used with "),li=o(vo,"CODE",{});var u0=n(li);Yf=c(u0,"svelte-use-form"),u0.forEach(t),Nf=c(vo,"."),vo.forEach(t),js.forEach(t),te.forEach(t),Xc.forEach(t),Tc=m(y),Zt=o(y,"P",{});var Jn=n(Zt);Vf=c(Jn,"Note: Properties starting by "),oi=o(Jn,"CODE",{});var f0=n(oi);Rf=c(f0,"theme"),f0.forEach(t),zf=c(Jn," to "),ri=o(Jn,"CODE",{});var p0=n(ri);Uf=c(p0,"i18n"),p0.forEach(t),qf=c(Jn," are configurable globally by overriding it in globally available "),ii=o(Jn,"CODE",{});var h0=n(ii);jf=c(h0,"config"),h0.forEach(t),Jn.forEach(t),Mc=m(y),Yn=o(y,"PRE",{class:!0});var bE=n(Yn);bE.forEach(t),Cc=m(y),El=o(y,"H3",{});var m0=n(El);Gf=c(m0,"Format settings"),m0.forEach(t),Oc=m(y),Ye=o(y,"P",{});var gt=n(Ye);Jf=c(gt,"Date format can be defined under "),ci=o(gt,"CODE",{});var _0=n(ci);Wf=c(_0,"formatType"),_0.forEach(t),Zf=c(gt," property. It has two options: "),di=o(gt,"CODE",{});var v0=n(di);Xf=c(v0,"standard"),v0.forEach(t),Qf=c(gt," and "),ui=o(gt,"CODE",{});var g0=n(ui);Kf=c(g0,"php"),g0.forEach(t),xf=c(gt,`, where
+`),fi=o(gt,"CODE",{});var E0=n(fi);$f=c(E0,"standard"),E0.forEach(t),ep=c(gt," is the "),pi=o(gt,"EM",{});var k0=n(pi);tp=c(k0,"default"),k0.forEach(t),ap=c(gt,"."),gt.forEach(t),Sc=m(y),Nn=o(y,"H4",{});var im=n(Nn);hi=o(im,"CODE",{});var y0=n(hi);sp=c(y0,"standard"),y0.forEach(t),np=c(im," format settings:"),im.forEach(t),Ic=m(y),X=o(y,"UL",{});var le=n(X);kl=o(le,"LI",{});var cm=n(kl);mi=o(cm,"CODE",{});var b0=n(mi);lp=c(b0,"d"),b0.forEach(t),op=c(cm," : day of the month without leading zeros"),cm.forEach(t),rp=m(le),yl=o(le,"LI",{});var dm=n(yl);_i=o(dm,"CODE",{});var D0=n(_i);ip=c(D0,"dd"),D0.forEach(t),cp=c(dm," : day of the month, 2 digits with leading zeros"),dm.forEach(t),dp=m(le),bl=o(le,"LI",{});var um=n(bl);vi=o(um,"CODE",{});var w0=n(vi);up=c(w0,"D"),w0.forEach(t),fp=c(um," : short textual representation of a weekday (i18n.daysShort)"),um.forEach(t),pp=m(le),Dl=o(le,"LI",{});var fm=n(Dl);gi=o(fm,"CODE",{});var T0=n(gi);hp=c(T0,"DD"),T0.forEach(t),mp=c(fm," : long textual representation of a weekday (i18n.days)"),fm.forEach(t),_p=m(le),wl=o(le,"LI",{});var pm=n(wl);Ei=o(pm,"CODE",{});var M0=n(Ei);vp=c(M0,"S"),M0.forEach(t),gp=c(pm," : English ordinal suffix for the day of the month, (i18n.suffix)"),pm.forEach(t),Ep=m(le),Tl=o(le,"LI",{});var hm=n(Tl);ki=o(hm,"CODE",{});var C0=n(ki);kp=c(C0,"m"),C0.forEach(t),yp=c(hm," : numeric representation of month without leading zeros"),hm.forEach(t),bp=m(le),Ml=o(le,"LI",{});var mm=n(Ml);yi=o(mm,"CODE",{});var O0=n(yi);Dp=c(O0,"mm"),O0.forEach(t),wp=c(mm," : numeric representation of the month, 2 digits with leading zeros"),mm.forEach(t),Tp=m(le),Cl=o(le,"LI",{});var _m=n(Cl);bi=o(_m,"CODE",{});var S0=n(bi);Mp=c(S0,"M"),S0.forEach(t),Cp=c(_m," : short textual representation of a month, three letters (i18n.monthsShort)"),_m.forEach(t),Op=m(le),Ol=o(le,"LI",{});var vm=n(Ol);Di=o(vm,"CODE",{});var I0=n(Di);Sp=c(I0,"MM"),I0.forEach(t),Ip=c(vm," : full textual representation of a month, such as January or March (i18n.months)"),vm.forEach(t),Fp=m(le),Sl=o(le,"LI",{});var gm=n(Sl);wi=o(gm,"CODE",{});var F0=n(wi);Hp=c(F0,"yy"),F0.forEach(t),Ap=c(gm," : two digit representation of a year"),gm.forEach(t),Pp=m(le),Il=o(le,"LI",{});var Em=n(Il);Ti=o(Em,"CODE",{});var H0=n(Ti);Lp=c(H0,"yyyy"),H0.forEach(t),Bp=c(Em," : full numeric representation of a year, 4 digits"),Em.forEach(t),Yp=m(le),Fl=o(le,"LI",{});var km=n(Fl);Mi=o(km,"CODE",{});var A0=n(Mi);Np=c(A0,"h"),A0.forEach(t),Vp=c(km," : hour without leading zeros - 24-hour format"),km.forEach(t),Rp=m(le),Hl=o(le,"LI",{});var ym=n(Hl);Ci=o(ym,"CODE",{});var P0=n(Ci);zp=c(P0,"hh"),P0.forEach(t),Up=c(ym," : hour, 2 digits with leading zeros - 24-hour format"),ym.forEach(t),qp=m(le),Al=o(le,"LI",{});var bm=n(Al);Oi=o(bm,"CODE",{});var L0=n(Oi);jp=c(L0,"H"),L0.forEach(t),Gp=c(bm," : hour without leading zeros - 12-hour format"),bm.forEach(t),Jp=m(le),Pl=o(le,"LI",{});var Dm=n(Pl);Si=o(Dm,"CODE",{});var B0=n(Si);Wp=c(B0,"HH"),B0.forEach(t),Zp=c(Dm," : hour, 2 digits with leading zeros - 12-hour format"),Dm.forEach(t),Xp=m(le),Ll=o(le,"LI",{});var wm=n(Ll);Ii=o(wm,"CODE",{});var Y0=n(Ii);Qp=c(Y0,"i"),Y0.forEach(t),Kp=c(wm," : minutes, 2 digits with leading zeros"),wm.forEach(t),xp=m(le),Vn=o(le,"LI",{});var ad=n(Vn);Fi=o(ad,"CODE",{});var N0=n(Fi);$p=c(N0,"ii"),N0.forEach(t),eh=c(ad," : alias for "),Hi=o(ad,"CODE",{});var V0=n(Hi);th=c(V0,"i"),V0.forEach(t),ad.forEach(t),ah=m(le),Bl=o(le,"LI",{});var Tm=n(Bl);Ai=o(Tm,"CODE",{});var R0=n(Ai);sh=c(R0,"s"),R0.forEach(t),nh=c(Tm," : seconds, 2 digits with leading zeros"),Tm.forEach(t),lh=m(le),Rn=o(le,"LI",{});var sd=n(Rn);Pi=o(sd,"CODE",{});var z0=n(Pi);oh=c(z0,"ss"),z0.forEach(t),rh=c(sd," : alias for "),Li=o(sd,"CODE",{});var U0=n(Li);ih=c(U0,"s"),U0.forEach(t),sd.forEach(t),ch=m(le),Yl=o(le,"LI",{});var Mm=n(Yl);Bi=o(Mm,"CODE",{});var q0=n(Bi);dh=c(q0,"p"),q0.forEach(t),uh=c(Mm," : meridian in lower case (\u2018am\u2019 or \u2018pm\u2019) - according to locale file (i18n.meridiem)"),Mm.forEach(t),fh=m(le),Nl=o(le,"LI",{});var Cm=n(Nl);Yi=o(Cm,"CODE",{});var j0=n(Yi);ph=c(j0,"P"),j0.forEach(t),hh=c(Cm," : meridian in upper case (\u2018AM\u2019 or \u2018PM\u2019) - according to locale file (i18n.meridiem)"),Cm.forEach(t),mh=m(le),vs=o(le,"LI",{});var gc=n(vs);Ni=o(gc,"CODE",{});var G0=n(Ni);_h=c(G0,"t"),G0.forEach(t),vh=c(gc," : timestamp in milliseconds (although milliseconds are always 0). For timestamp in seconds use "),Vi=o(gc,"CODE",{});var J0=n(Vi);gh=c(J0,"php"),J0.forEach(t),Eh=c(gc," format"),gc.forEach(t),le.forEach(t),Fc=m(y),zn=o(y,"H4",{});var Om=n(zn);Ri=o(Om,"CODE",{});var W0=n(Ri);kh=c(W0,"php"),W0.forEach(t),yh=c(Om," format settings:"),Om.forEach(t),Hc=m(y),ee=o(y,"UL",{});var ie=n(ee);Vl=o(ie,"LI",{});var Sm=n(Vl);zi=o(Sm,"CODE",{});var Z0=n(zi);bh=c(Z0,"d"),Z0.forEach(t),Dh=c(Sm," : Day of the month, 2 digits with leading zeros 01 to 31"),Sm.forEach(t),wh=m(ie),Rl=o(ie,"LI",{});var Im=n(Rl);Ui=o(Im,"CODE",{});var X0=n(Ui);Th=c(X0,"D"),X0.forEach(t),Mh=c(Im," : A textual representation of a day, three letters Mon through Sun"),Im.forEach(t),Ch=m(ie),zl=o(ie,"LI",{});var Fm=n(zl);qi=o(Fm,"CODE",{});var Q0=n(qi);Oh=c(Q0,"j"),Q0.forEach(t),Sh=c(Fm," : Day of the month without leading zeros 1 to 31"),Fm.forEach(t),Ih=m(ie),Ul=o(ie,"LI",{});var Hm=n(Ul);ji=o(Hm,"CODE",{});var K0=n(ji);Fh=c(K0,"l"),K0.forEach(t),Hh=c(Hm," : A full textual representation of the day of the week Sunday through Saturday"),Hm.forEach(t),Ah=m(ie),ql=o(ie,"LI",{});var Am=n(ql);Gi=o(Am,"CODE",{});var x0=n(Gi);Ph=c(x0,"N"),x0.forEach(t),Lh=c(Am," : ISO 8601 numeric representation of the day of the week 1 (for Monday) through 7 (for Sunday)"),Am.forEach(t),Bh=m(ie),jl=o(ie,"LI",{});var Pm=n(jl);Ji=o(Pm,"CODE",{});var $0=n(Ji);Yh=c($0,"S"),$0.forEach(t),Nh=c(Pm," : English ordinal suffix for the day of the month, 2 characters st, nd, rd or th. Works well with j"),Pm.forEach(t),Vh=m(ie),Gl=o(ie,"LI",{});var Lm=n(Gl);Wi=o(Lm,"CODE",{});var eg=n(Wi);Rh=c(eg,"F"),eg.forEach(t),zh=c(Lm," : A full textual representation of a month, such as January or March January through December"),Lm.forEach(t),Uh=m(ie),Jl=o(ie,"LI",{});var Bm=n(Jl);Zi=o(Bm,"CODE",{});var tg=n(Zi);qh=c(tg,"m"),tg.forEach(t),jh=c(Bm," : Numeric representation of a month, with leading zeros 01 through 12"),Bm.forEach(t),Gh=m(ie),Wl=o(ie,"LI",{});var Ym=n(Wl);Xi=o(Ym,"CODE",{});var ag=n(Xi);Jh=c(ag,"M"),ag.forEach(t),Wh=c(Ym," : A short textual representation of a month, three letters Jan through Dec"),Ym.forEach(t),Zh=m(ie),Zl=o(ie,"LI",{});var Nm=n(Zl);Qi=o(Nm,"CODE",{});var sg=n(Qi);Xh=c(sg,"n"),sg.forEach(t),Qh=c(Nm," : Numeric representation of a month, without leading zeros 1 through 12"),Nm.forEach(t),Kh=m(ie),Xl=o(ie,"LI",{});var Vm=n(Xl);Ki=o(Vm,"CODE",{});var ng=n(Ki);xh=c(ng,"Y"),ng.forEach(t),$h=c(Vm," : A full numeric representation of a year, at least 4 digits, with - for years BCE. Examples: -0055, 0787, 1999, 2003"),Vm.forEach(t),e1=m(ie),Ql=o(ie,"LI",{});var Rm=n(Ql);xi=o(Rm,"CODE",{});var lg=n(xi);t1=c(lg,"y"),lg.forEach(t),a1=c(Rm," : A two digit representation of a year Examples: 99 or 03"),Rm.forEach(t),s1=m(ie),Kl=o(ie,"LI",{});var zm=n(Kl);$i=o(zm,"CODE",{});var og=n($i);n1=c(og,"a"),og.forEach(t),l1=c(zm," : Lowercase Ante meridiem and Post meridiem am or pm"),zm.forEach(t),o1=m(ie),xl=o(ie,"LI",{});var Um=n(xl);ec=o(Um,"CODE",{});var rg=n(ec);r1=c(rg,"A"),rg.forEach(t),i1=c(Um," : Uppercase Ante meridiem and Post meridiem AM or PM"),Um.forEach(t),c1=m(ie),$l=o(ie,"LI",{});var qm=n($l);tc=o(qm,"CODE",{});var ig=n(tc);d1=c(ig,"g"),ig.forEach(t),u1=c(qm," : 12-hour format of an hour without leading zeros 1 through 12"),qm.forEach(t),f1=m(ie),eo=o(ie,"LI",{});var jm=n(eo);ac=o(jm,"CODE",{});var cg=n(ac);p1=c(cg,"G"),cg.forEach(t),h1=c(jm," : 24-hour format of an hour without leading zeros 0 through 23"),jm.forEach(t),m1=m(ie),to=o(ie,"LI",{});var Gm=n(to);sc=o(Gm,"CODE",{});var dg=n(sc);_1=c(dg,"h"),dg.forEach(t),v1=c(Gm," : 12-hour format of an hour with leading zeros 01 through 12"),Gm.forEach(t),g1=m(ie),ao=o(ie,"LI",{});var Jm=n(ao);nc=o(Jm,"CODE",{});var ug=n(nc);E1=c(ug,"H"),ug.forEach(t),k1=c(Jm," : 24-hour format of an hour with leading zeros 00 through 23"),Jm.forEach(t),y1=m(ie),so=o(ie,"LI",{});var Wm=n(so);lc=o(Wm,"CODE",{});var fg=n(lc);b1=c(fg,"i"),fg.forEach(t),D1=c(Wm," : Minutes with leading zeros 00 to 59"),Wm.forEach(t),w1=m(ie),no=o(ie,"LI",{});var Zm=n(no);oc=o(Zm,"CODE",{});var pg=n(oc);T1=c(pg,"s"),pg.forEach(t),M1=c(Zm," : Seconds with leading zeros 00 through 59"),Zm.forEach(t),C1=m(ie),gs=o(ie,"LI",{});var Ec=n(gs);rc=o(Ec,"CODE",{});var hg=n(rc);O1=c(hg,"U"),hg.forEach(t),S1=c(Ec," : timestamp in seconds. For timestamp with miliseconds use "),ic=o(Ec,"CODE",{});var mg=n(ic);I1=c(mg,"standard"),mg.forEach(t),F1=c(Ec," format"),Ec.forEach(t),ie.forEach(t),Ac=m(y),lo=o(y,"H3",{});var _g=n(lo);H1=c(_g,"CSS variables"),_g.forEach(t),Pc=m(y),Un=o(y,"PRE",{class:!0});var DE=n(Un);DE.forEach(t),Lc=m(y),oo=o(y,"H2",{});var vg=n(oo);A1=c(vg,"\u{1F5EF}\uFE0F Events"),vg.forEach(t),Bc=m(y),_t=o(y,"P",{});var Gs=n(_t);P1=c(Gs,"Component emits "),cc=o(Gs,"CODE",{});var gg=n(cc);L1=c(gg,"input"),gg.forEach(t),B1=c(Gs,", "),dc=o(Gs,"CODE",{});var Eg=n(dc);Y1=c(Eg,"change"),Eg.forEach(t),N1=c(Gs," and "),uc=o(Gs,"CODE",{});var kg=n(uc);V1=c(kg,"blur"),kg.forEach(t),R1=c(Gs," events."),Gs.forEach(t),Yc=m(y),Es=o(y,"UL",{});var nd=n(Es);ks=o(nd,"LI",{});var kc=n(ks);fc=o(kc,"CODE",{});var yg=n(fc);z1=c(yg,"input"),yg.forEach(t),U1=c(kc," is dispatched on "),pc=o(kc,"CODE",{});var bg=n(pc);q1=c(bg,""),bg.forEach(t),j1=c(kc," element therefore you can get current value like from every native event:"),kc.forEach(t),G1=m(nd),ha=o(nd,"LI",{});var Wn=n(ha);hc=o(Wn,"CODE",{});var Dg=n(hc);J1=c(Dg,"change"),Dg.forEach(t),W1=c(Wn," event is using Svelte\u2019s "),mc=o(Wn,"CODE",{});var wg=n(mc);Z1=c(wg,"eventDispatcher"),wg.forEach(t),X1=c(Wn,", therefore triggered event contains "),_c=o(Wn,"CODE",{});var Tg=n(_c);Q1=c(Tg,"detail"),Tg.forEach(t),K1=c(Wn," property"),Wn.forEach(t),nd.forEach(t),Nc=m(y),qn=o(y,"PRE",{class:!0});var wE=n(qn);wE.forEach(t),Vc=m(y),ro=o(y,"H2",{});var Mg=n(ro);x1=c(Mg,"\u{1F310} Localization"),Mg.forEach(t),Rc=m(y),io=o(y,"P",{});var Cg=n(io);$1=c(Cg,"Localization file has following structure."),Cg.forEach(t),zc=m(y),jn=o(y,"PRE",{class:!0});var TE=n(jn);TE.forEach(t),Uc=m(y),co=o(y,"P",{});var Og=n(co);em=c(Og,"PRs for extending built-in localization are welcome \u{1F973}"),Og.forEach(t),qc=m(y),uo=o(y,"H2",{});var Sg=n(uo);tm=c(Sg,"\u{1F3C6} Thanks to:"),Sg.forEach(t),jc=m(y),fo=o(y,"UL",{});var Ig=n(fo);po=o(Ig,"LI",{});var Xm=n(po);Gn=o(Xm,"A",{href:!0,rel:!0});var Fg=n(Gn);am=c(Fg,"Bootstrap datepicker"),Fg.forEach(t),sm=c(Xm," for some internal date and format handling"),Xm.forEach(t),Ig.forEach(t),Gc=m(y),ho=o(y,"H2",{});var Hg=n(ho);nm=c(Hg,"Licence:"),Hg.forEach(t),Jc=m(y),mo=o(y,"P",{});var Ag=n(mo);lm=c(Ag,"MIT"),Ag.forEach(t),this.h()},h(){n2(u.src,f="http://img.shields.io/npm/v/svelty-picker.svg?style=flat")||b(u,"src",f),b(u,"alt","NPM version"),b(d,"href","https://www.npmjs.org/package/svelty-picker"),b(d,"rel","nofollow"),n2(Ue.src,$e="https://raw.githubusercontent.com/mskocik/svelty-picker/main/docs/screenshot.png")||b(Ue,"src",$e),b(Ue,"alt","screenshot"),b(et,"class","language-undefined"),b(Fe,"class","language-svelte"),b(kt,"href","https://svelte.dev/repl/98fd362aad6049f4b38606820baff0b0?version=3.44.1"),b(kt,"rel","nofollow"),b(vl,"href","#css-variables"),b(gl,"href","#format-settings"),b(Yn,"class","language-js"),b(Un,"class","language-css"),b(qn,"class","language-js"),b(jn,"class","language-js"),b(Gn,"href","https://github.com/smalot/bootstrap-datetimepicker/blob/master/js/bootstrap-datetimepicker.js"),b(Gn,"rel","nofollow")},m(y,Y){F(y,a,Y),e(a,s),e(a,d),e(d,u),F(y,g,Y),F(y,_,Y),e(_,v),F(y,p,Y),F(y,k,Y),e(k,E),F(y,T,Y),F(y,D,Y),e(D,M),e(M,R),e(D,H),e(D,J),e(J,A),e(D,O),e(D,P),e(P,B),e(D,C),e(D,j),e(j,V),e(D,U),e(D,ce),e(ce,Z),e(ce,q),e(q,Q),e(ce,G),e(D,ne),e(D,he),e(he,ge),e(D,K),e(D,fe),e(fe,L),e(D,w),e(D,S),e(S,ue),e(S,me),e(me,N),e(S,x),e(S,z),e(z,se),e(S,_e),e(D,de),e(D,$),e($,De),F(y,Ie,Y),F(y,nt,Y),e(nt,Ue),F(y,we,Y),F(y,Te,Y),e(Te,Et),F(y,lt,Y),F(y,et,Y),et.innerHTML=xs,F(y,ot,Y),F(y,rt,Y),e(rt,ma),F(y,ta,Y),F(y,Fe,Y),Fe.innerHTML=I,F(y,ye,Y),F(y,be,Y),e(be,$s),e(be,kt),e(kt,aa),e(be,en),F(y,Ja,Y),F(y,Pe,Y),e(Pe,tn),F(y,Wa,Y),F(y,Ee,Y),e(Ee,_a),e(_a,He),e(He,va),e(va,an),e(He,ga),e(He,Ea),e(Ea,sn),e(He,ka),e(He,ya),e(ya,nn),e(He,ba),e(He,Da),e(Da,ln),e(Ee,wa),e(Ee,W),e(W,Ne),e(Ne,yt),e(yt,on),e(Ne,rn),e(Ne,Ta),e(Ta,Le),e(Le,cn),e(Ne,Ma),e(Ne,Ca),e(Ca,Oa),e(Oa,Sa),e(Ne,dn),e(Ne,bt),e(bt,un),e(bt,qe),e(qe,je),e(bt,fn),e(W,Ia),e(W,Ve),e(Ve,Fa),e(Fa,Ha),e(Ve,pn),e(Ve,Aa),e(Aa,Pa),e(Pa,Dt),e(Ve,hn),e(Ve,tt),e(tt,La),e(La,sa),e(Ve,mn),e(Ve,wt),e(wt,na),e(wt,Ge),e(Ge,Tt),e(wt,_n),e(W,Mt),e(W,Re),e(Re,Je),e(Je,vn),e(Re,it),e(Re,Ba),e(Ba,ct),e(ct,Ct),e(Re,gn),e(Re,Ya),e(Ya,dt),e(dt,Ot),e(Re,En),e(Re,at),e(at,kn),e(at,ut),e(ut,yn),e(at,bn),e(W,ft),e(W,Me),e(Me,We),e(We,la),e(Me,Dn),e(Me,Na),e(Na,Be),e(Be,wn),e(Me,St),e(Me,Va),e(Va,Ce),e(Ce,Tn),e(Me,It),e(Me,Ft),e(Ft,Ht),e(Ft,Ra),e(Ra,Mn),e(Ft,Za),e(W,Cn),e(W,Ze),e(Ze,On),e(On,xn),e(Ze,wo),e(Ze,Xa),e(Xa,Sn),e(Sn,$n),e(Ze,re),e(Ze,oe),e(oe,pt),e(pt,oa),e(Ze,ra),e(Ze,At),e(At,Qa),e(W,el),e(W,Xe),e(Xe,ia),e(ia,tl),e(Xe,Ka),e(Xe,xa),e(xa,za),e(za,In),e(Xe,Ua),e(Xe,$a),e($a,es),e(es,al),e(Xe,sl),e(Xe,st),e(st,nl),e(st,ts),e(ts,ll),e(W,ol),e(W,Qe),e(Qe,ca),e(ca,ht),e(Qe,da),e(Qe,as),e(as,rl),e(Qe,Fn),e(Qe,mt),e(mt,il),e(Qe,Oe),e(Qe,ss),e(ss,ns),e(ns,cl),e(W,dl),e(W,Ke),e(Ke,ls),e(ls,ua),e(Ke,ul),e(Ke,os),e(os,rs),e(Ke,fa),e(Ke,is),e(is,fl),e(Ke,Hn),e(Ke,cs),e(cs,ds),e(ds,us),e(W,An),e(W,Ae),e(Ae,qa),e(qa,pl),e(Ae,Pn),e(Ae,fs),e(fs,pa),e(pa,hl),e(Ae,ps),e(Ae,hs),e(hs,ja),e(ja,ms),e(Ae,ml),e(Ae,To),e(To,ud),e(W,fd),e(W,Pt),e(Pt,Mo),e(Mo,pd),e(Pt,hd),e(Pt,Co),e(Co,Oo),e(Oo,md),e(Pt,_d),e(Pt,So),e(So,Io),e(Io,vd),e(Pt,gd),e(Pt,_l),e(_l,Ed),e(_l,vl),e(vl,kd),e(W,yd),e(W,Lt),e(Lt,Fo),e(Fo,bd),e(Lt,Dd),e(Lt,Ho),e(Ho,Ao),e(Ao,wd),e(Lt,Td),e(Lt,Po),e(Po,Lo),e(Lo,Md),e(Lt,Cd),e(Lt,Bo),e(Bo,Od),e(W,Sd),e(W,Bt),e(Bt,Yo),e(Yo,Id),e(Bt,Fd),e(Bt,No),e(No,Vo),e(Vo,Hd),e(Bt,Ad),e(Bt,Ro),e(Ro,zo),e(zo,Pd),e(Bt,Ld),e(Bt,Ln),e(Ln,Bd),e(Ln,gl),e(gl,Yd),e(Ln,Nd),e(W,Vd),e(W,Yt),e(Yt,Uo),e(Uo,Rd),e(Yt,zd),e(Yt,qo),e(qo,jo),e(jo,Ud),e(Yt,qd),e(Yt,Go),e(Go,Jo),e(Jo,jd),e(Yt,Gd),e(Yt,_s),e(_s,Jd),e(_s,Wo),e(Wo,Wd),e(_s,Zd),e(_s,Zo),e(Zo,Xd),e(W,Qd),e(W,Nt),e(Nt,Xo),e(Xo,Kd),e(Nt,xd),e(Nt,Qo),e(Qo,Ko),e(Ko,$d),e(Nt,eu),e(Nt,xo),e(xo,tu),e(Nt,au),e(Nt,$o),e($o,su),e(W,nu),e(W,Vt),e(Vt,er),e(er,lu),e(Vt,ou),e(Vt,tr),e(tr,ar),e(ar,ru),e(Vt,iu),e(Vt,sr),e(sr,nr),e(nr,cu),e(Vt,du),e(Vt,lr),e(lr,uu),e(W,fu),e(W,Rt),e(Rt,or),e(or,pu),e(Rt,hu),e(Rt,rr),e(rr,ir),e(ir,mu),e(Rt,_u),e(Rt,cr),e(cr,dr),e(dr,vu),e(Rt,gu),e(Rt,ur),e(ur,Eu),e(W,ku),e(W,zt),e(zt,fr),e(fr,yu),e(zt,bu),e(zt,pr),e(pr,hr),e(hr,Du),e(zt,wu),e(zt,mr),e(mr,_r),e(_r,Tu),e(zt,Mu),e(zt,vr),e(vr,Cu),e(W,Ou),e(W,Ut),e(Ut,gr),e(gr,Su),e(Ut,Iu),e(Ut,Er),e(Er,kr),e(kr,Fu),e(Ut,Hu),e(Ut,yr),e(yr,br),e(br,Au),e(Ut,Pu),e(Ut,Dr),e(Dr,Lu),e(W,Bu),e(W,qt),e(qt,wr),e(wr,Yu),e(qt,Nu),e(qt,Tr),e(Tr,Mr),e(Mr,Vu),e(qt,Ru),e(qt,Cr),e(Cr,Or),e(Or,zu),e(qt,Uu),e(qt,Sr),e(Sr,qu),e(W,ju),e(W,jt),e(jt,Ir),e(Ir,Gu),e(jt,Ju),e(jt,Fr),e(Fr,Hr),e(Hr,Wu),e(jt,Zu),e(jt,Ar),e(Ar,Pr),e(Pr,Xu),e(jt,Qu),e(jt,Bn),e(Bn,Ku),e(Bn,Lr),e(Lr,xu),e(Bn,$u),e(W,ef),e(W,Gt),e(Gt,Br),e(Br,tf),e(Gt,af),e(Gt,Yr),e(Yr,Nr),e(Nr,sf),e(Gt,nf),e(Gt,Vr),e(Vr,Rr),e(Rr,lf),e(Gt,of),e(Gt,zr),e(zr,rf),e(W,cf),e(W,Jt),e(Jt,Ur),e(Ur,df),e(Jt,uf),e(Jt,qr),e(qr,jr),e(jr,ff),e(Jt,pf),e(Jt,Gr),e(Gr,Jr),e(Jr,Wr),e(Wr,hf),e(Jt,mf),e(Jt,ze),e(ze,_f),e(ze,Zr),e(Zr,vf),e(ze,gf),e(ze,Xr),e(Xr,Ef),e(ze,kf),e(ze,Qr),e(Qr,yf),e(ze,bf),e(ze,Kr),e(Kr,Df),e(ze,wf),e(ze,xr),e(xr,Tf),e(ze,Mf),e(W,Cf),e(W,Wt),e(Wt,$r),e($r,Of),e(Wt,Sf),e(Wt,ei),e(ei,ti),e(ti,If),e(Wt,Ff),e(Wt,ai),e(ai,si),e(si,Hf),e(Wt,Af),e(Wt,Ga),e(Ga,Pf),e(Ga,ni),e(ni,Lf),e(Ga,Bf),e(Ga,li),e(li,Yf),e(Ga,Nf),F(y,Tc,Y),F(y,Zt,Y),e(Zt,Vf),e(Zt,oi),e(oi,Rf),e(Zt,zf),e(Zt,ri),e(ri,Uf),e(Zt,qf),e(Zt,ii),e(ii,jf),F(y,Mc,Y),F(y,Yn,Y),Yn.innerHTML=_E,F(y,Cc,Y),F(y,El,Y),e(El,Gf),F(y,Oc,Y),F(y,Ye,Y),e(Ye,Jf),e(Ye,ci),e(ci,Wf),e(Ye,Zf),e(Ye,di),e(di,Xf),e(Ye,Qf),e(Ye,ui),e(ui,Kf),e(Ye,xf),e(Ye,fi),e(fi,$f),e(Ye,ep),e(Ye,pi),e(pi,tp),e(Ye,ap),F(y,Sc,Y),F(y,Nn,Y),e(Nn,hi),e(hi,sp),e(Nn,np),F(y,Ic,Y),F(y,X,Y),e(X,kl),e(kl,mi),e(mi,lp),e(kl,op),e(X,rp),e(X,yl),e(yl,_i),e(_i,ip),e(yl,cp),e(X,dp),e(X,bl),e(bl,vi),e(vi,up),e(bl,fp),e(X,pp),e(X,Dl),e(Dl,gi),e(gi,hp),e(Dl,mp),e(X,_p),e(X,wl),e(wl,Ei),e(Ei,vp),e(wl,gp),e(X,Ep),e(X,Tl),e(Tl,ki),e(ki,kp),e(Tl,yp),e(X,bp),e(X,Ml),e(Ml,yi),e(yi,Dp),e(Ml,wp),e(X,Tp),e(X,Cl),e(Cl,bi),e(bi,Mp),e(Cl,Cp),e(X,Op),e(X,Ol),e(Ol,Di),e(Di,Sp),e(Ol,Ip),e(X,Fp),e(X,Sl),e(Sl,wi),e(wi,Hp),e(Sl,Ap),e(X,Pp),e(X,Il),e(Il,Ti),e(Ti,Lp),e(Il,Bp),e(X,Yp),e(X,Fl),e(Fl,Mi),e(Mi,Np),e(Fl,Vp),e(X,Rp),e(X,Hl),e(Hl,Ci),e(Ci,zp),e(Hl,Up),e(X,qp),e(X,Al),e(Al,Oi),e(Oi,jp),e(Al,Gp),e(X,Jp),e(X,Pl),e(Pl,Si),e(Si,Wp),e(Pl,Zp),e(X,Xp),e(X,Ll),e(Ll,Ii),e(Ii,Qp),e(Ll,Kp),e(X,xp),e(X,Vn),e(Vn,Fi),e(Fi,$p),e(Vn,eh),e(Vn,Hi),e(Hi,th),e(X,ah),e(X,Bl),e(Bl,Ai),e(Ai,sh),e(Bl,nh),e(X,lh),e(X,Rn),e(Rn,Pi),e(Pi,oh),e(Rn,rh),e(Rn,Li),e(Li,ih),e(X,ch),e(X,Yl),e(Yl,Bi),e(Bi,dh),e(Yl,uh),e(X,fh),e(X,Nl),e(Nl,Yi),e(Yi,ph),e(Nl,hh),e(X,mh),e(X,vs),e(vs,Ni),e(Ni,_h),e(vs,vh),e(vs,Vi),e(Vi,gh),e(vs,Eh),F(y,Fc,Y),F(y,zn,Y),e(zn,Ri),e(Ri,kh),e(zn,yh),F(y,Hc,Y),F(y,ee,Y),e(ee,Vl),e(Vl,zi),e(zi,bh),e(Vl,Dh),e(ee,wh),e(ee,Rl),e(Rl,Ui),e(Ui,Th),e(Rl,Mh),e(ee,Ch),e(ee,zl),e(zl,qi),e(qi,Oh),e(zl,Sh),e(ee,Ih),e(ee,Ul),e(Ul,ji),e(ji,Fh),e(Ul,Hh),e(ee,Ah),e(ee,ql),e(ql,Gi),e(Gi,Ph),e(ql,Lh),e(ee,Bh),e(ee,jl),e(jl,Ji),e(Ji,Yh),e(jl,Nh),e(ee,Vh),e(ee,Gl),e(Gl,Wi),e(Wi,Rh),e(Gl,zh),e(ee,Uh),e(ee,Jl),e(Jl,Zi),e(Zi,qh),e(Jl,jh),e(ee,Gh),e(ee,Wl),e(Wl,Xi),e(Xi,Jh),e(Wl,Wh),e(ee,Zh),e(ee,Zl),e(Zl,Qi),e(Qi,Xh),e(Zl,Qh),e(ee,Kh),e(ee,Xl),e(Xl,Ki),e(Ki,xh),e(Xl,$h),e(ee,e1),e(ee,Ql),e(Ql,xi),e(xi,t1),e(Ql,a1),e(ee,s1),e(ee,Kl),e(Kl,$i),e($i,n1),e(Kl,l1),e(ee,o1),e(ee,xl),e(xl,ec),e(ec,r1),e(xl,i1),e(ee,c1),e(ee,$l),e($l,tc),e(tc,d1),e($l,u1),e(ee,f1),e(ee,eo),e(eo,ac),e(ac,p1),e(eo,h1),e(ee,m1),e(ee,to),e(to,sc),e(sc,_1),e(to,v1),e(ee,g1),e(ee,ao),e(ao,nc),e(nc,E1),e(ao,k1),e(ee,y1),e(ee,so),e(so,lc),e(lc,b1),e(so,D1),e(ee,w1),e(ee,no),e(no,oc),e(oc,T1),e(no,M1),e(ee,C1),e(ee,gs),e(gs,rc),e(rc,O1),e(gs,S1),e(gs,ic),e(ic,I1),e(gs,F1),F(y,Ac,Y),F(y,lo,Y),e(lo,H1),F(y,Pc,Y),F(y,Un,Y),Un.innerHTML=vE,F(y,Lc,Y),F(y,oo,Y),e(oo,A1),F(y,Bc,Y),F(y,_t,Y),e(_t,P1),e(_t,cc),e(cc,L1),e(_t,B1),e(_t,dc),e(dc,Y1),e(_t,N1),e(_t,uc),e(uc,V1),e(_t,R1),F(y,Yc,Y),F(y,Es,Y),e(Es,ks),e(ks,fc),e(fc,z1),e(ks,U1),e(ks,pc),e(pc,q1),e(ks,j1),e(Es,G1),e(Es,ha),e(ha,hc),e(hc,J1),e(ha,W1),e(ha,mc),e(mc,Z1),e(ha,X1),e(ha,_c),e(_c,Q1),e(ha,K1),F(y,Nc,Y),F(y,qn,Y),qn.innerHTML=gE,F(y,Vc,Y),F(y,ro,Y),e(ro,x1),F(y,Rc,Y),F(y,io,Y),e(io,$1),F(y,zc,Y),F(y,jn,Y),jn.innerHTML=EE,F(y,Uc,Y),F(y,co,Y),e(co,em),F(y,qc,Y),F(y,uo,Y),e(uo,tm),F(y,jc,Y),F(y,fo,Y),e(fo,po),e(po,Gn),e(Gn,am),e(po,sm),F(y,Gc,Y),F(y,ho,Y),e(ho,nm),F(y,Jc,Y),F(y,mo,Y),e(mo,lm)},p:Qm,i:Qm,o:Qm,d(y){y&&t(a),y&&t(g),y&&t(_),y&&t(p),y&&t(k),y&&t(T),y&&t(D),y&&t(Ie),y&&t(nt),y&&t(we),y&&t(Te),y&&t(lt),y&&t(et),y&&t(ot),y&&t(rt),y&&t(ta),y&&t(Fe),y&&t(ye),y&&t(be),y&&t(Ja),y&&t(Pe),y&&t(Wa),y&&t(Ee),y&&t(Tc),y&&t(Zt),y&&t(Mc),y&&t(Yn),y&&t(Cc),y&&t(El),y&&t(Oc),y&&t(Ye),y&&t(Sc),y&&t(Nn),y&&t(Ic),y&&t(X),y&&t(Fc),y&&t(zn),y&&t(Hc),y&&t(ee),y&&t(Ac),y&&t(lo),y&&t(Pc),y&&t(Un),y&&t(Lc),y&&t(oo),y&&t(Bc),y&&t(_t),y&&t(Yc),y&&t(Es),y&&t(Nc),y&&t(qn),y&&t(Vc),y&&t(ro),y&&t(Rc),y&&t(io),y&&t(zc),y&&t(jn),y&&t(Uc),y&&t(co),y&&t(qc),y&&t(uo),y&&t(jc),y&&t(fo),y&&t(Gc),y&&t(ho),y&&t(Jc),y&&t(mo)}}}class AE extends yo{constructor(a){super(),bo(this,a,null,HE,Do,{})}}const PE={days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat","Sun"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa","Su"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],meridiem:["am","pm"],suffix:["st","nd","rd","th"],todayBtn:"Today",clearBtn:"Clear",timeView:"Show time view",backToDate:"Back to calendar view"},LE={theme:"sdt-calendar-colors",mode:"auto",format:"yyyy-mm-dd",formatType:"standard",weekStart:1,inputClasses:"",todayBtnClasses:"sdt-action-btn sdt-today-btn",clearBtnClasses:"sdt-action-btn sdt-clear-btn",todayBtn:!0,clearBtn:!0,autoclose:!0,clearToggle:!0,i18n:PE};function BE(r){const a=r-1;return a*a*a+1}function Xs(r,{delay:a=0,duration:s=400,easing:d=ME}={}){const u=+getComputedStyle(r).opacity;return{delay:a,duration:s,easing:d,css:f=>`opacity: ${f*u}`}}const id=0,wc=1,bc=2;function ld(r,a,s,d,u){if(s===id){const j=[];let V=[],U=r.getFullYear()-r.getFullYear()%10-1;for(let Z=0;Z<12;Z++)V.push(U+Z),V.length===4&&(j.push(V),V=[]);let ce=null;return a||(a=new Date),a.getFullYear()>=U&&(ce=a.getFullYear()%U),{years:j,todayMark:-1,nextFrom:11,prevTo:1,selectionMark:ce}}if(s===wc){let P=[],B=[],C=12,j=24;const V=r.toISOString().split("T")[0].substring(0,8),U=new Date(V+"01 00:00:00"),ce=U.getFullYear()-1;U.setFullYear(ce);let Z=0;for(let Q=0;Q<3;Q++){for(let G=0;G<12;G++)U.setMonth(G),B.push(d.monthsShort[G%12]),B.length===4&&(P.push(B),B=[]);U.setFullYear(U.getFullYear()+1)}let q=null;return a||(a=new Date),a.getFullYear()-ce>=0&&a.getFullYear()-ce<=2&&(q=a.getMonth()+(a.getFullYear()-ce||0)*12),{months:P,todayMark:Z,nextFrom:j,prevTo:C,selectionMark:q}}let f=r||new Date,g=f.getFullYear(),_=f.getMonth();f.getDate(),f.getHours();let v=new Date,p=new Date(g,_-1,28,0,0,0,0),k=i2.getDaysInMonth(p.getFullYear(),p.getMonth());p.setDate(k),p.setDate(k-(p.getDay()-u+7)%7);let E=new Date(p);E.setDate(E.getDate()+42);let T=E.valueOf(),D=[],M=[],R=-1,H=null,J=0,A=42,O=0;for(;p.valueOf()format
determines, if time picker will be available based on time part of given format.",i=M(),c=C("form"),d=C("div"),u=C("div"),h=C("div"),p=C("span"),p.textContent="Full date-time picker",m=M(),xt(f.$$.fragment),v=M(),b=C("div"),T=$("Change format:\r\n "),k=C("select"),U=C("optgroup"),F=C("option"),F.textContent="yyyy-mm-dd hh:ii",A=C("option"),A.textContent="mm/dd/yyyy hh:ii",Y=C("option"),Y.textContent="dd.mm.yyyy hh:ii",B=C("option"),B.textContent="dd-M-yy hh:ii",E=C("optgroup"),O=C("option"),O.textContent="yyyy-mm-dd",N=C("option"),N.textContent="mm/dd/yyyy",P=C("option"),P.textContent="dd.mm.yyyy",L=C("option"),L.textContent="dd-M-yy",R=C("option"),R.textContent="dd MM yyyy",I=M(),j=C("div"),q=C("div"),q.innerHTML='startDate
& endDate
propertiesSelected date of From serves as startDate
for To date picker and vice versa, where To\n serves as endDate
for From date picker.
This example uses Svelty-picker
as a custom-element
.
mode
set to time
.",K=M(),X=C("div"),tt=$("Time picker only:\r\n "),xt(et.$$.fragment),nt=M(),rt=C("h5"),rt.textContent="🎨 Easily themable - just override CSS variables",st=M(),at=C("div"),ot=C("div"),lt=C("div"),it=$("Default theme\r\n \r\n "),xt(ct.$$.fragment),dt=M(),pt=C("div"),mt=$("Custom theme\r\n "),xt(gt.$$.fragment),ft=M(),yt=C("label"),vt=C("input"),bt=$(" Remove all theming"),Ct=M(),kt=C("h5"),kt.textContent="💬 Event listening:",$t=M(),Mt=C("div"),Ut=C("div"),Dt=C("div"),zt=C("span"),zt.textContent="Full date-time picker",St=M(),xt(Ft.$$.fragment),_t=M(),At=C("div"),Ht=$("Event log:\r\n "),Yt=C("textarea"),Bt=M(),Et=C("p"),Et.innerHTML='Below is README from GitHub repository.',Ot=M(),Nt=C("hr"),Pt=M(),Lt=C("div"),S(n,"class","text-center"),S(a,"class","mt-5"),S(p,"class","form-label"),S(h,"class","form-group"),S(u,"class","col-sm-6"),F.__value="yyyy-mm-dd hh:ii",F.value=F.__value,A.__value="mm/dd/yyyy hh:ii",A.value=A.__value,Y.__value="dd.mm.yyyy hh:ii",Y.value=Y.__value,B.__value="dd-M-yy hh:ii",B.value=B.__value,S(U,"label","Date & time"),O.__value="yyyy-mm-dd",O.value=O.__value,N.__value="mm/dd/yyyy",N.value=N.__value,P.__value="dd.mm.yyyy",P.value=P.__value,L.__value="dd-M-yy",L.value=L.__value,R.__value="dd MM yyyy",R.value=R.__value,S(E,"label","Date only"),S(k,"name",""),S(k,"id",""),S(k,"class","form-select"),void 0===t[2]&&Q((()=>t[8].call(k))),S(b,"class","col-sm-6"),S(d,"class","row"),S(q,"class","col-sm-6"),S(W,"class","mt-5"),S(X,"class","form-group"),S(G,"class","col-sm-6"),S(j,"class","row"),S(rt,"class","mt-3"),S(lt,"class","me-4"),S(vt,"type","checkbox"),S(ot,"class","col d-flex flex-wrap"),S(at,"class","row mb-4"),S(kt,"class","mt-5"),S(zt,"class","form-label"),S(Dt,"class","form-group"),S(Ut,"class","col-sm-6"),S(Yt,"placeholder","Event log"),S(Yt,"id",""),S(Yt,"cols","30"),S(Yt,"rows","4"),S(Yt,"class","form-control"),S(At,"class","col-sm-6"),S(Mt,"class","row mb-4"),S(Lt,"id","readme"),S(e,"class","container svelte-o3mx86")},m(s,y){x(s,e,y),g(e,n),g(e,r),g(e,a),g(e,o),g(e,l),g(e,i),g(e,c),g(c,d),g(d,u),g(u,h),g(h,p),g(h,m),wt(f,h,null),g(d,v),g(d,b),g(b,T),g(b,k),g(k,U),g(U,F),g(U,A),g(U,Y),g(U,B),g(k,E),g(E,O),g(E,N),g(E,P),g(E,L),g(E,R),H(k,t[2]),g(e,I),g(e,j),g(j,q),g(j,V),g(j,G),g(G,W),g(G,K),g(G,X),g(X,tt),wt(et,X,null),g(e,nt),g(e,rt),g(e,st),g(e,at),g(at,ot),g(ot,lt),g(lt,it),wt(ct,lt,null),g(ot,dt),g(ot,pt),g(pt,mt),wt(gt,pt,null),g(pt,ft),g(pt,yt),g(yt,vt),vt.checked=t[0],g(yt,bt),g(e,Ct),g(e,kt),g(e,$t),g(e,Mt),g(Mt,Ut),g(Ut,Dt),g(Dt,zt),g(Dt,St),wt(Ft,Dt,null),g(Mt,_t),g(Mt,At),g(At,Ht),g(At,Yt),_(Yt,t[3]),g(e,Bt),g(e,Et),g(e,Ot),g(e,Nt),g(e,Pt),g(e,Lt),Rt=!0,It||(jt=[D(k,"change",t[8]),D(c,"submit",z(t[9])),D(vt,"change",t[10]),D(Yt,"input",t[11])],It=!0)},p(t,[e]){const n={};var r;4&e&&(n.format=t[2]),!y&&2&e&&(y=!0,n.value=t[1],r=()=>y=!1,J.push(r)),f.$set(n),4&e&&H(k,t[2]);const s={};16&e&&(s.theme=t[4]),gt.$set(s),1&e&&(vt.checked=t[0]),8&e&&_(Yt,t[3])},i(t){Rt||(ut(f.$$.fragment,t),ut(et.$$.fragment,t),ut(ct.$$.fragment,t),ut(gt.$$.fragment,t),ut(Ft.$$.fragment,t),Rt=!0)},o(t){ht(f.$$.fragment,t),ht(et.$$.fragment,t),ht(ct.$$.fragment,t),ht(gt.$$.fragment,t),ht(Ft.$$.fragment,t),Rt=!1},d(t){t&&w(e),Tt(f),Tt(et),Tt(ct),Tt(gt),Tt(Ft),It=!1,s(jt)}}}function He(t,e,n){let r,s,a=new Date,o="yyyy-mm-dd hh:ii",l=!1;var i;i=()=>{var t;t="el-picker",window.customElements.define(t,Fe),"http://localhost:5000/"!==location.href&&fetch("https://raw.githubusercontent.com/mskocik/simple-datepicker/master/README.md").then((t=>t.text())).then((t=>{document.getElementById("readme").innerHTML=marked.parse(t)}))},I().$$.on_mount.push(i);let c="";return t.$$.update=()=>{1&t.$$.dirty&&n(4,r=l?"":"my-colors")},[l,s,o,c,r,a,function(t){let e=void 0!==t.detail?t.detail:t.target.value||"Simple date & time picker implemented in svelte.
+Features:
+<input>
element<input>
using svelte-use-forms
(optional)npm install svelty-picker
+<script>
+ import SveltyPicker from 'svelty-picker'
+
+ let myDate = '2021-11-11';
+</script>
+
+<SveltyPicker inputClasses="form-control" format="yyyy-mm-dd hh:ii" bind:value={myDate}></SveltyPicker>
+Try yourself in REPL.
+Property | +Type | +Default | +Description |
---|---|---|---|
name | +string |
+date |
+html attribute for underlying <input> element |
disabled | +bool |
+false |
+html attribute for underlying <input> element |
placeholder | +string |
+null |
+html attribute for underlying <input> element |
required | +bool |
+false |
+html attribute for underlying <input> element |
value | +string |
+null |
+string representation of selected value |
initialDate | +Date |
+null |
+initial date object, if you prefer that to value |
startDate | +`string | +Date` | +null |
endDate | +`string | +Date` | +null |
pickerOnly | +bool |
+false |
+Picker is always visible and input field is then hidden, but still present |
theme | +string |
+sdt-calendar-colors |
+css class defining css variables |
mode | +string |
+auto |
+restrict picker’s mode. Possible values: `auto |
format | +string |
+yyyy-mm-dd |
+Format of entered date/time. See format settings for available options |
weekStart | +number |
+1 |
+number in range 0-6 to select first day of the week. Sunday is 0 |
inputClasses | +string |
+“ | +input css class string |
todayBtnClasses | +string |
+sdt-action-btn sdt-today-btn |
+today button css classes |
clearBtnClasses | +string |
+sdt-action-btn sdt-clear-btn |
+clear button css classes |
todayBtn | +bool |
+true |
+Show today button |
clearBtn | +bool |
+true |
+Show clear button |
clearToggle | +bool |
+true |
+Clear current selection by clicking the same date |
autoclose | +bool |
+true |
+Hides picker after selection is done. If mode includes time picker, it closes automatically only after minute selection |
i18n | +object |
+en |
+localization object, english is by default |
positionFn | +function |
+internal |
+function used to position picker. Used as action. Acceps following object: { inputEl, visible} , where visible is visible parameter & inputEl is underlying <input> element |
validatorAction | +array |
+null |
+Bind validator action for inner <input> element. Designed to be used with svelte-use-form . |
Note: Properties starting by theme
to i18n
are configurable globally by overriding it in globally available config
import { config } from 'svelty-picker';
+
+// set new locale
+config.i18n = {
+ // my localization object
+}
+// default for all pickers in the app
+config.todayBtn = false;
+Date format can be defined under formatType
property. It has two options: standard
and php
, where
+standard
is the default.
standard
format settings:d
: day of the month without leading zerosdd
: day of the month, 2 digits with leading zerosD
: short textual representation of a weekday (i18n.daysShort)DD
: long textual representation of a weekday (i18n.days)S
: English ordinal suffix for the day of the month, (i18n.suffix)m
: numeric representation of month without leading zerosmm
: numeric representation of the month, 2 digits with leading zerosM
: short textual representation of a month, three letters (i18n.monthsShort)MM
: full textual representation of a month, such as January or March (i18n.months)yy
: two digit representation of a yearyyyy
: full numeric representation of a year, 4 digitsh
: hour without leading zeros - 24-hour formathh
: hour, 2 digits with leading zeros - 24-hour formatH
: hour without leading zeros - 12-hour formatHH
: hour, 2 digits with leading zeros - 12-hour formati
: minutes, 2 digits with leading zerosii
: alias for i
s
: seconds, 2 digits with leading zerosss
: alias for s
p
: meridian in lower case (‘am’ or ‘pm’) - according to locale file (i18n.meridiem)P
: meridian in upper case (‘AM’ or ‘PM’) - according to locale file (i18n.meridiem)t
: timestamp in milliseconds (although milliseconds are always 0). For timestamp in seconds use php
formatphp
format settings:d
: Day of the month, 2 digits with leading zeros 01 to 31D
: A textual representation of a day, three letters Mon through Sunj
: Day of the month without leading zeros 1 to 31l
: A full textual representation of the day of the week Sunday through SaturdayN
: ISO 8601 numeric representation of the day of the week 1 (for Monday) through 7 (for Sunday)S
: English ordinal suffix for the day of the month, 2 characters st, nd, rd or th. Works well with jF
: A full textual representation of a month, such as January or March January through Decemberm
: Numeric representation of a month, with leading zeros 01 through 12M
: A short textual representation of a month, three letters Jan through Decn
: Numeric representation of a month, without leading zeros 1 through 12Y
: A full numeric representation of a year, at least 4 digits, with - for years BCE. Examples: -0055, 0787, 1999, 2003y
: A two digit representation of a year Examples: 99 or 03a
: Lowercase Ante meridiem and Post meridiem am or pmA
: Uppercase Ante meridiem and Post meridiem AM or PMg
: 12-hour format of an hour without leading zeros 1 through 12G
: 24-hour format of an hour without leading zeros 0 through 23h
: 12-hour format of an hour with leading zeros 01 through 12H
: 24-hour format of an hour with leading zeros 00 through 23i
: Minutes with leading zeros 00 to 59s
: Seconds with leading zeros 00 through 59U
: timestamp in seconds. For timestamp with miliseconds use standard
format/** defaults */
+.sdt-calendar-colors {
+ --sdt-primary: #286090;
+ --sdt-color: #000;
+ --sdt-bg-main: #fff;
+ --sdt-bg-today: var(--sdt-primary);
+ --sdt-bg-clear: #dc3545;
+ --sdt-today-bg: #1e486d;
+ --sdt-clear-color: #dc3545;
+ --sdt-btn-bg-hover: #eee;
+ --sdt-btn-header-bg-hover: #dfdfdf;
+ --sdt-clock-bg: #eeeded;
+ --sdt-clock-bg-minute: rgb(238, 237, 237, 0.25);
+ --sdt-clock-bg-shadow: 0 0 128px 2px #ddd inset;
+ --sdt-shadow: #ccc;
+}
+Component emits input
, change
and blur
events.
input
is dispatched on <input>
element therefore you can get current value like from every native event:change
event is using Svelte’s eventDispatcher
, therefore triggered event contains detail
property<script>
+function onInput(event) {
+ console.log(event.target.value) // logs currently selected date or empty string
+}
+
+function onChange(event) {
+ console.log(event.detail) // logs currently selected date or null
+}
+</script>
+
+<SveltyPicker on:input={onInput} on:change={onChange}></SveltyPicker>
+Localization file has following structure.
+export const en = {
+ days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+ daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
+ months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ meridiem: ['am', 'pm'],
+ suffix: ['st', 'nd', 'rd', 'th'],
+ todayBtn: 'Today',
+ clearBtn: 'Clear',
+ timeView: 'Show time view',
+ backToDate: 'Back to calendar view'
+}
+PRs for extending built-in localization are welcome 🥳
+MIT
Selected format
determines, if time picker will be available based on time part of given format.
+
startDate
& endDate
.
+ Selected date of From serves as startDate
for To date picker and vice versa, where To
+ serves as endDate
for From date picker.
+
This example uses Svelty-picker
as a custom-element
.
mode
set to time
.
+ Mo | Tu | We | Th | Fr | Sa | Su |
---|---|---|---|---|---|---|
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
Mo | Tu | We | Th | Fr | Sa | Su |
---|---|---|---|---|---|---|
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
+ | + | + | + | + | + | + | +
Check more details at GitHub repository.
+@@ -253,6 +283,7 @@ class="std-btn" class:not-current={!isBetween(i*4+j)} on:click|preventDefault={() => { onClick(year)}} + disabled={isDisabledDate(new Date(year, activeDate.getMonth(), activeDate.getDate()))} >{year} | {/each} @@ -267,13 +298,14 @@ class:animate-transition={onMonthTransitionTrigger ? true : false} on:transitionend={() => onMonthTransitionTrigger && onMonthTransitionTrigger()} > - {#each dataset.grid as row, i} + {#each dataset.months as row, i}
{/each} @@ -299,9 +331,9 @@ > + >{currDate.getDate()} {/each} |