@coderundebug/ui-web/ui-input-date.js

A collection of UI web components that can be used in any web project.

/* By Stephen Paul Hassall (web: https://coderundebug.com) */
import{UiTools as t}from"./ui-tools.js";export class UiInputDate extends HTMLElement{static get formAssociated(){return!0}constructor(){super(),this.attachShadow({mode:"open",delegatesFocus:!0}),this.shadowRoot.innerHTML=UiInputDate.uiHtml,this.shadowRoot.adoptedStyleSheets=[UiInputDate.uiCssStyleSheet],this.t=this.attachInternals(),this.i=this.shadowRoot.getElementById("base"),this.h=this.shadowRoot.getElementById("date-time"),this.o=this.shadowRoot.getElementById("dialog"),this.l=this.shadowRoot.getElementById("offset-input"),this.u=this.u.bind(this),this.v=this.v.bind(this),this.p=this.p.bind(this),this.m=this.m.bind(this),this.k=void 0,localStorage.getItem("ui-region")&&(this.k=localStorage.getItem("ui-region")),!0===this.hasAttribute("region")&&(this.k=this.getAttribute("region")),this._=null,this.A=!1,this.D=!1,this.C=!1,this.M="",this.I=-1,this.L=-1,this.T=-1,this.U=0,this.R=0,this.O=0,this.P=!1,this.S=!1,this.j=!1,this.Y={},this.Y.weekday=void 0,this.Y.year="numeric",this.Y.month="numeric",this.Y.day="numeric",this.Y.hour="2-digit",this.Y.minute="2-digit",this.Y.second="2-digit",this.H=!1}get value(){return this.B}set value(t){return this._?t?void(this._.value=newValue):(this.B=void 0,void(this._.value="")):t?void(!0===this.F(t)&&(this.B=t,this.W(),this.U=this.V,this.R=this.N,this.O=this.q,this.G())):(this.B=void 0,this.V=void 0,this.N=void 0,this.q=void 0,this.I=-1,this.L=-1,this.T=-1,this.U=0,this.R=0,this.O=0,void this.G())}get formatOptions(){return setTimeout((()=>{this.G()})),this.Y}set formatOptions(t){this.Y=t,this.G()}showPicker(){!0!==this.D&&!0!==this.hasAttribute("disabled")&&(this._?this._.showPicker():this.J())}hidePicker(){if(this._)return this.i.removeChild(this._),void this.i.appendChild(this._);!1!==this.D&&(this.K(),this.X())}connectedCallback(){this.i.addEventListener("click",this.u),this.addEventListener("keydown",this.m),this.Z(),this.G(),this.H=!0}disconnectedCallback(){this.i.removeEventListener("click",this.u),this.removeEventListener("keydown",this.m),this._&&(this._.removeEventListener("change",this.v),this._.removeEventListener("input",this.p),this.i.removeChild(this._),this._=null),!0===this.A&&(this.A=!1,this.$.removeEventListener("click",this.tt),this.it.removeEventListener("click",this.st),this.et.removeEventListener("click",this.ht),this.ot.removeEventListener("click",this.rt),this.nt.removeEventListener("click",this.dt),this.lt.removeEventListener("click",this.ut),this.ct.removeEventListener("click",this.ft),this.vt.removeEventListener("click",this.gt),this.bt.removeEventListener("click",this.dt),this.wt.removeEventListener("click",this.ut),this.yt.removeEventListener("click",this.kt),this.xt.removeEventListener("click",this._t),this.At.removeEventListener("click",this.Dt),this.Et.removeEventListener("click",this.zt)),this.H=!1}attributeChangedCallback(t,i,s){this._?this._.value=s:!0===this.F(s)&&(this.B=s,this.W(),this.U=this.V,this.R=this.N,this.O=this.q,this.G())}static get observedAttributes(){return["value"]}u(t){if(!this._&&!0!==this.i.hasAttribute("disabled"))return!0===this.D?(this.K(),this.X(),void t.stopPropagation()):void(!0!==this.hasAttribute("disabled")&&(this.J(),t.pointerType||this.Ct()))}Mt(t){t.stopPropagation()}It(t){!0!==this.Lt?(this.K(),this.X()):this.Lt=!1}v(){this.t.setFormValue(this._.value),this.B=this._.value;const t=new CustomEvent("change");this.dispatchEvent(t)}p(){this.B=this._.value}m(t){if("Space"===t.code||"Enter"===t.key){if(!0===this.C)return"Enter"===t.key&&this.Tt(),t.preventDefault(),void t.stopPropagation();if(!1===this.D)return this.h.click(),t.preventDefault(),void t.stopPropagation();if("days"===this.Ut)return void(this.shadowRoot.activeElement===this.et&&(this.ht(),this.ct.focus(),t.preventDefault()));"months"===this.Ut&&this.shadowRoot.activeElement===this.ct&&(this.ft(),this.Rt[17].focus(),t.preventDefault())}if("Escape"===t.key){if(!1===this.D)return;this.K(),this.X();this.shadowRoot.querySelector(".base").focus(),t.preventDefault(),t.stopPropagation()}if("ArrowLeft"===t.key||"ArrowRight"===t.key||"ArrowUp"===t.key||"ArrowDown"===t.key){if(!1===this.D)return;if(t.preventDefault(),void 0!==this.shadowRoot.activeElement.Ot){if("ArrowUp"===t.key){if(0===this.shadowRoot.activeElement.Ot)return;this.Pt(this.xt,"_uiHour",this.shadowRoot.activeElement.Ot-1)}if("ArrowDown"===t.key){if(23===this.shadowRoot.activeElement.Ot)return;this.Pt(this.xt,"_uiHour",this.shadowRoot.activeElement.Ot+1)}if("ArrowRight"===t.key){const t=this.St(this.At);return void this.jt(this.shadowRoot.activeElement,t)}if("ArrowLeft"===t.key)return"days"===this.Ut&&this.jt(this.shadowRoot.activeElement,this.Yt),"months"===this.Ut&&this.jt(this.shadowRoot.activeElement,this.Ht),void("years"===this.Ut&&this.jt(this.shadowRoot.activeElement,this.Bt))}if(void 0!==this.shadowRoot.activeElement.Ft){if("ArrowUp"===t.key){if(0===this.shadowRoot.activeElement.Ft)return;this.Pt(this.At,"_uiMinute",this.shadowRoot.activeElement.Ft-1)}if("ArrowDown"===t.key){if(59===this.shadowRoot.activeElement.Ft)return;this.Pt(this.At,"_uiMinute",this.shadowRoot.activeElement.Ft+1)}if("ArrowRight"===t.key&&!0===this.hasAttribute("seconds")){const t=this.St(this.Et);return void this.jt(this.shadowRoot.activeElement,t)}if("ArrowLeft"===t.key){const t=this.St(this.xt);return void this.jt(this.shadowRoot.activeElement,t)}}if(void 0!==this.shadowRoot.activeElement.Wt){if("ArrowUp"===t.key){if(0===this.shadowRoot.activeElement.Wt)return;this.Pt(this.Et,"_uiSecond",this.shadowRoot.activeElement.Wt-1)}if("ArrowDown"===t.key){if(59===this.shadowRoot.activeElement.Wt)return;this.Pt(this.Et,"_uiSecond",this.shadowRoot.activeElement.Wt+1)}if("ArrowLeft"===t.key){const t=this.St(this.At);return void this.jt(this.shadowRoot.activeElement,t)}}if("days"===this.Ut){if(!0===this.hasAttribute("time")&&"ArrowRight"===t.key&&(this.shadowRoot.activeElement===this.it||6===this.shadowRoot.activeElement.Vt)){const t=this.St(this.xt);return void this.jt(this.shadowRoot.activeElement,t)}if(this.shadowRoot.activeElement===this.$)return"ArrowRight"===t.key&&this.et.focus(),void("ArrowDown"===t.key&&this.Nt[0].focus());if(this.shadowRoot.activeElement===this.et)return"ArrowLeft"===t.key&&this.$.focus(),"ArrowRight"===t.key&&this.it.focus(),void("ArrowDown"===t.key&&this.Nt[3].focus());if(this.shadowRoot.activeElement===this.it)return"ArrowLeft"===t.key&&this.et.focus(),void("ArrowDown"===t.key&&this.Nt[6].focus());if("ArrowUp"===t.key&&0===this.shadowRoot.activeElement.qt)return void(0===this.shadowRoot.activeElement.Vt?this.$.focus():6===this.shadowRoot.activeElement.Vt?this.it.focus():this.et.focus());if("ArrowLeft"===t.key&&this.shadowRoot.activeElement.Vt<=0)return;if("ArrowRight"===t.key&&this.shadowRoot.activeElement.Vt>=6)return;if("ArrowDown"===t.key&&this.shadowRoot.activeElement.qt>=5)return;let i=this.shadowRoot.activeElement.qt,s=this.shadowRoot.activeElement.Vt;"ArrowLeft"===t.key&&s--,"ArrowRight"===t.key&&s++,"ArrowUp"===t.key&&i--,"ArrowDown"===t.key&&i++,this.Gt(i,s)}if("months"===this.Ut){if(!0===this.hasAttribute("time")&&"ArrowRight"===t.key&&(this.shadowRoot.activeElement===this.lt||1===this.shadowRoot.activeElement.Vt)){const t=this.St(this.xt);return void this.jt(this.shadowRoot.activeElement,t)}if(this.shadowRoot.activeElement===this.nt)return"ArrowRight"===t.key&&this.ct.focus(),void("ArrowDown"===t.key&&this.Jt[0].focus());if(this.shadowRoot.activeElement===this.ct)return"ArrowLeft"===t.key&&this.nt.focus(),"ArrowRight"===t.key&&this.lt.focus(),void("ArrowDown"===t.key&&this.Jt[0].focus());if(this.shadowRoot.activeElement===this.lt)return"ArrowLeft"===t.key&&this.ct.focus(),void("ArrowDown"===t.key&&this.Jt[6].focus());if("ArrowUp"===t.key&&0===this.shadowRoot.activeElement.qt)return void this.ct.focus();if("ArrowLeft"===t.key&&this.shadowRoot.activeElement.Vt<=0)return;if("ArrowRight"===t.key&&this.shadowRoot.activeElement.Vt>=1)return;if("ArrowDown"===t.key&&this.shadowRoot.activeElement.qt>=5)return;let i=this.shadowRoot.activeElement.qt,s=this.shadowRoot.activeElement.Vt;"ArrowLeft"===t.key&&s--,"ArrowRight"===t.key&&s++,"ArrowUp"===t.key&&i--,"ArrowDown"===t.key&&i++,this.Kt(i,s)}if("years"===this.Ut){if(!0===this.hasAttribute("time")&&"ArrowRight"===t.key&&(this.shadowRoot.activeElement===this.wt||4===this.shadowRoot.activeElement.Vt)){const t=this.St(this.xt);return void this.jt(this.shadowRoot.activeElement,t)}if(this.shadowRoot.activeElement===this.bt)return"ArrowRight"===t.key&&this.wt.focus(),void("ArrowDown"===t.key&&this.Rt[0].focus());if(this.shadowRoot.activeElement===this.wt)return"ArrowLeft"===t.key&&this.bt.focus(),void("ArrowDown"===t.key&&this.Rt[4].focus());if("ArrowUp"===t.key&&0===this.shadowRoot.activeElement.qt)return void(this.shadowRoot.activeElement.Vt<=1?this.bt.focus():this.wt.focus());if("ArrowLeft"===t.key&&this.shadowRoot.activeElement.Vt<=0)return;if("ArrowRight"===t.key&&this.shadowRoot.activeElement.Vt>=4)return;if("ArrowDown"===t.key&&this.shadowRoot.activeElement.qt>=6)return;let i=this.shadowRoot.activeElement.qt,s=this.shadowRoot.activeElement.Vt;"ArrowLeft"===t.key&&s--,"ArrowRight"===t.key&&s++,"ArrowUp"===t.key&&i--,"ArrowDown"===t.key&&i++,this.Qt(i,s)}}if("Tab"===t.key){if(!1===this.D)return;if(!0===this.C)return void t.preventDefault();if(t.shiftKey)"days"===this.Ut&&this.shadowRoot.activeElement===this.$&&(this.Nt[this.Nt.length-1].focus(),t.preventDefault()),"months"===this.Ut&&this.shadowRoot.activeElement===this.nt&&(this.Jt[this.Jt.length-1].focus(),t.preventDefault()),"years"===this.Ut&&this.shadowRoot.activeElement===this.bt&&(this.Rt[this.Rt.length-1].focus(),t.preventDefault());else{if("days"===this.Ut&&this.shadowRoot.activeElement===this.Nt[this.Nt.length-1]){if(!0===this.hasAttribute("time")){this.St(this.xt)[0].focus()}else this.$.focus();t.preventDefault()}if("months"===this.Ut&&this.shadowRoot.activeElement===this.Jt[this.Jt.length-1]){if(!0===this.hasAttribute("time")){this.St(this.xt)[0].focus()}else this.nt.focus();t.preventDefault()}if("years"===this.Ut&&this.shadowRoot.activeElement===this.Rt[this.Rt.length-1]){if(!0===this.hasAttribute("time")){this.St(this.xt)[0].focus()}else this.bt.focus();t.preventDefault()}}}if("PageUp"===t.key||"PageDown"===t.key){if(!1===this.D)return;if(t.preventDefault(),void 0!==this.shadowRoot.activeElement.Ot){let i=this.shadowRoot.activeElement.Ot;if("PageUp"===t.key){if(0===i)return;i-=5,i<0&&(i=0)}if("PageDown"===t.key){if(23===i)return;i+=5,i>23&&(i=23)}return void this.Pt(this.xt,"_uiHour",i)}if(void 0!==this.shadowRoot.activeElement.Ft){let i=this.shadowRoot.activeElement.Ft;if("PageUp"===t.key){if(0===i)return;i-=5,i<0&&(i=0)}if("PageDown"===t.key){if(59===i)return;i+=5,i>59&&(i=59)}return void this.Pt(this.At,"_uiMinute",i)}if(void 0!==this.shadowRoot.activeElement.Wt){let i=this.shadowRoot.activeElement.Wt;if("PageUp"===t.key){if(0===i)return;i-=5,i<0&&(i=0)}if("PageDown"===t.key){if(59===i)return;i+=5,i>59&&(i=59)}return void this.Pt(this.Et,"_uiSecond",i)}"days"===this.Ut&&("PageUp"===t.key&&this.tt(),"PageDown"===t.key&&this.st()),"months"===this.Ut&&("PageUp"===t.key&&this.dt(),"PageDown"===t.key&&this.ut()),"years"===this.Ut&&("PageUp"===t.key&&(this.Xt-=35),"PageDown"===t.key&&(this.Xt+=35),this.Xt<1800&&(this.Xt=1817),this.Xt>2500&&(this.Xt=2483),this.Zt(),this.$t())}if("+"===t.key||"-"===t.key){if(!1===this.D)return;!0===this.C?this.M.length<=1&&(this.M=t.key):(this.M=t.key,this.o.classList.add("show-offset"),this.C=!0),this.ti()}if(t.key>="0"&&t.key<="9"){if(!1===this.D)return;if(!1===this.C)return;if(this.M.length>=4)return;if(1===this.M.length&&"0"===t.key)return;this.M+=t.key,this.ti()}if("Backspace"===t.key){if(!1===this.D)return;if(!1===this.C)return;if(1===this.M.length)return this.o.classList.remove("show-offset"),void(this.C=!1);this.M=this.M.substring(0,this.M.length-1),this.ti()}}tt(){this.ii--,this.ii<1&&(this.ii=12,this.Xt--),this.si(),this.ei()}st(){this.ii++,this.ii>12&&(this.ii=1,this.Xt++),this.si(),this.ei()}ht(){!1===this.S&&(this.S=!0,this.hi()),this.Ut="months",this.oi.style.display="none",this.ri.style.display="grid",this.ni.style.display="none",this.ai(),this.di()}rt(t){t.target.li&&(this.V=t.target.li,this.N=t.target.ui,this.q=t.target.ci,this.U=this.V,this.R=this.N,this.O=this.q,this.fi(),this.G(),this.pi(),!0!==this.hasAttribute("time")?(this.K(),this.X(),t.stopPropagation()):this.si())}dt(){this.Xt--,this.di()}ut(){this.Xt++,this.di()}ft(){!1===this.j&&(this.j=!0,this.gi()),this.Ut="years",this.oi.style.display="none",this.ri.style.display="none",this.ni.style.display="grid",this.Zt(),this.$t()}gt(t){t.target.ui&&(this.ii=t.target.ui,this.Ut="days",this.oi.style.display="grid",this.ri.style.display="none",this.ni.style.display="none",this.ei(),this.si(),t.pointerType?this.o.focus():this.et.focus())}bi(){this.Xt-=35,this.Xt-17<1800&&(this.Xt=1817),this.Zt(),this.$t()}mi(){this.Xt+=35,this.Xt+17>2500&&(this.Xt=2483),this.Zt(),this.$t()}kt(t){t.target.li&&(this.Xt=t.target.li,this.Ut="months",this.oi.style.display="none",this.ri.style.display="grid",this.ni.style.display="none",this.di(),t.pointerType?this.o.focus():this.ct.focus())}_t(t){if(void 0===t.target.Ot)return;if(-1!==this.I){this.wi[this.I].classList.remove("selected")}this.I=t.target.Ot,this.wi[this.I].classList.add("selected"),this.fi(),this.G(),this.pi()}Dt(t){if(void 0===t.target.Ft)return;if(-1!==this.L){this.yi[this.L].classList.remove("selected")}this.L=t.target.Ft,this.yi[this.L].classList.add("selected"),this.fi(),this.G(),this.pi()}zt(t){if(void 0===t.target.Wt)return;if(-1!==this.T){this.ki[this.T].classList.remove("selected")}this.T=t.target.Wt,this.ki[this.T].classList.add("selected"),this.fi(),this.G(),this.pi()}pi(){const t=new CustomEvent("input");this.dispatchEvent(t)}X(){if(this.B===this.xi)return;const t=new CustomEvent("change");this.dispatchEvent(t)}Z(){if(!1===this.hasAttribute("default-input")&&(this._&&(this._.removeEventListener("change",this.v),this._.removeEventListener("input",this.p),this.i.removeChild(this._),this._=null),this.i.setAttribute("tabindex","0")),!0===this.hasAttribute("default-input")){if(!this._){this._=document.createElement("input"),this._.classList.add("default-input");const t=this.shadowRoot.querySelector('slot[name="end"]');this.i.insertBefore(this._,t),this._.addEventListener("change",this.v),this._.addEventListener("input",this.p)}this.i.setAttribute("tabindex","-1"),this._.setAttribute("tabindex","0"),this.B&&(this._.value=this.B),!0===this.hasAttribute("time")?this._.setAttribute("type","datetime-local"):this._.setAttribute("type","date")}}J(){if(!1===this.A&&(this.A=!0,this.oi=this.shadowRoot.getElementById("days"),this.ri=this.shadowRoot.getElementById("months"),this.ni=this.shadowRoot.getElementById("years"),this._i=this.shadowRoot.getElementById("day-of-week"),this.ot=this.shadowRoot.getElementById("day-of-month"),this.$=this.shadowRoot.getElementById("days-left"),this.et=this.shadowRoot.getElementById("days-middle"),this.it=this.shadowRoot.getElementById("days-right"),this.vt=this.shadowRoot.getElementById("month-of-year"),this.nt=this.shadowRoot.getElementById("months-left"),this.ct=this.shadowRoot.getElementById("months-middle"),this.lt=this.shadowRoot.getElementById("months-right"),this.yt=this.shadowRoot.getElementById("years-list"),this.bt=this.shadowRoot.getElementById("years-left"),this.Ai=this.shadowRoot.getElementById("years-middle"),this.wt=this.shadowRoot.getElementById("years-right"),this.xt=this.shadowRoot.getElementById("hours"),this.At=this.shadowRoot.getElementById("minutes"),this.Et=this.shadowRoot.getElementById("seconds"),this.Mt=this.Mt.bind(this),this.It=this.It.bind(this),this.tt=this.tt.bind(this),this.st=this.st.bind(this),this.ht=this.ht.bind(this),this.rt=this.rt.bind(this),this.dt=this.dt.bind(this),this.ut=this.ut.bind(this),this.ft=this.ft.bind(this),this.gt=this.gt.bind(this),this.bi=this.bi.bind(this),this.mi=this.mi.bind(this),this.kt=this.kt.bind(this),this._t=this._t.bind(this),this.Dt=this.Dt.bind(this),this.zt=this.zt.bind(this),this.$.addEventListener("click",this.tt),this.it.addEventListener("click",this.st),this.et.addEventListener("click",this.ht),this.ot.addEventListener("click",this.rt),this.nt.addEventListener("click",this.dt),this.lt.addEventListener("click",this.ut),this.ct.addEventListener("click",this.ft),this.vt.addEventListener("click",this.gt),this.bt.addEventListener("click",this.bi),this.wt.addEventListener("click",this.mi),this.yt.addEventListener("click",this.kt),this.xt.addEventListener("click",this._t),this.At.addEventListener("click",this.Dt),this.Et.addEventListener("click",this.zt)),this.xi=this.B,this.B)this.Xt=this.V,this.ii=this.N;else{const t=new Date;this.Xt=t.getFullYear(),this.ii=t.getMonth()+1,this.Di=t.getDate()}this.Ut="days",this.oi.style.display="grid",this.ri.style.display="none",this.ni.style.display="none",!1===this.P&&(this.P=!0,this.Ei(),this.zi(),this.Ci(),this.Mi(),this.Ii()),this.Li(),this.Ti(),this.si(),!0===this.hasAttribute("time")&&this.Ui(),this.ei(),this.setAttribute("open",""),this.o.show(),this.o.addEventListener("click",this.Mt),document.addEventListener("click",this.It),this.D=!0,this.C=!1,this.o.classList.remove("show-offset"),this.Lt=!0}K(){this.o.removeEventListener("click",this.Mt),document.removeEventListener("click",this.It),this.removeAttribute("open"),this.o.close(),this.D=!1}Ei(){this.Ri=[];const t=Intl.DateTimeFormat(this.k,{year:"numeric",month:"short",weekday:"short"});for(let i=0;i<7;i++){const s=new Date(2024,0,7+i),e=t.formatToParts(s);let h="?";for(let t=0;t<e.length;t++){const i=e[t];if("weekday"===i.type){h=i.value;break}}this.Ri.push(h)}}zi(){this.Oi=[];const t=Intl.DateTimeFormat(this.k,{year:"numeric",month:"long",weekday:"short"});for(let i=0;i<12;i++){const s=new Date(2024,i,1),e=t.formatToParts(s);let h="?";for(let t=0;t<e.length;t++){const i=e[t];if("month"===i.type){h=i.value;break}}this.Oi.push(h)}}Mi(){this.Pi=[];for(let t=0;t<7;t++){const t=document.createElement("div");t.Si=-1,this.Pi.push(t),this._i.appendChild(t)}}Ci(){this.Nt=[],this.Yt=[];for(let t=0;t<6;t++)for(let i=0;i<7;i++){const s=document.createElement("button");s.qt=t,s.Vt=i,this.Nt.push(s),this.ot.appendChild(s),6===i&&this.Yt.push(s)}}hi(){this.Jt=[],this.Ht=[];for(let t=0;t<2;t++)for(let i=0;i<6;i++){const s=document.createElement("button");s.qt=i,s.Vt=t,this.Jt.push(s),this.vt.appendChild(s),1===t&&this.Ht.push(s)}}gi(){this.Rt=[],this.Bt=[];for(let t=0;t<7;t++)for(let i=0;i<5;i++){const s=document.createElement("button");s.qt=t,s.Vt=i,this.Rt.push(s),this.yt.appendChild(s),4===i&&this.Bt.push(s)}}Ii(){if(!1!==this.hasAttribute("time")){this.wi=[],this.yi=[],this.ki=[];for(let t=0;t<24;t++){const i=document.createElement("button");i.Ot=t,i.textContent=t.toString().padStart(2,"0"),this.wi.push(i),this.xt.appendChild(i)}for(let t=0;t<59;t++){const i=document.createElement("button");i.Ft=t,i.textContent=t.toString().padStart(2,"0"),this.yi.push(i),this.At.appendChild(i)}if(!0===this.hasAttribute("seconds"))for(let t=0;t<59;t++){const i=document.createElement("button");i.Wt=t,i.textContent=t.toString().padStart(2,"0"),this.ki.push(i),this.Et.appendChild(i)}}}Li(){if(this.ji=0,!1===this.hasAttribute("start-day"))return;switch(this.getAttribute("start-day").toLowerCase()){case"sun":this.ji=0;break;case"mon":this.ji=1;break;case"tue":this.ji=2;break;case"web":this.ji=3;break;case"thu":this.ji=4;break;case"fri":this.ji=5;break;case"sat":this.ji=6}}Ti(){for(let t=0;t<7;t++){let i=this.ji+t;i>=7&&(i-=7),this.Pi[t].textContent=this.Ri[i]}}si(){const t=new Date,i=t.getFullYear(),s=t.getMonth()+1,e=t.getDate(),h=this.Yi(this.Xt,this.ii);let o=this.Hi(this.Xt,this.ii,1)-this.ji;o<0&&(o+=7);let r=this.Xt,n=this.ii-1;n<1&&(n=12,r--);const a=this.Yi(r,n);let d=this.Xt,l=this.ii+1;l>12&&(l=1,d++);let u=0,c=a-o+1,f=0;0===o&&(f=1,c=1);const v={weekday:"long",year:"numeric",month:"long",day:"numeric"};for(let t=0;t<6;t++)for(let t=0;t<7;t++){const t=this.Nt[u];u++,t.textContent=c.toString(),t.ci=c,c++,t.classList.remove("previous"),t.classList.remove("current"),t.classList.remove("next"),t.classList.remove("selected"),t.classList.remove("today"),0===f?(t.classList.add("previous"),t.li=r,t.ui=n,c>a&&(c=1,f=1)):1===f?(t.classList.add("current"),t.li=this.Xt,t.ui=this.ii,c>h&&(c=1,f=2)):2===f&&(t.classList.add("next"),t.li=d,t.ui=l),t.li===this.U&&t.ui===this.R&&t.ci===this.O&&t.classList.add("selected"),t.li===i&&t.ui===s&&t.ci===e&&t.classList.add("today");const o=new Date(t.li,t.ui-1,t.ci).toLocaleDateString(this.k,v);t.setAttribute("aria-label",o)}}ai(){for(let t=0;t<12;t++){const i=this.Jt[t];i.ui=t+1,i.textContent=this.Oi[t],i.setAttribute("aria-label",this.Oi[t])}}Zt(){const t=this.Xt-17;for(let i=0;i<35;i++){const s=this.Rt[i];s.li=t+i,s.textContent=s.li.toString(),s.setAttribute("aria-label",s.li.toString())}}Ui(){this.wi.forEach((t=>{t.classList.remove("selected")}));for(let t=0;t<this.wi.length;t++){const i=this.wi[t];if(i.Ot===this.I){i.classList.add("selected"),setTimeout((()=>{this.xt.scroll(0,i.offsetTop-47)}));break}}this.yi.forEach((t=>{t.classList.remove("selected")}));for(let t=0;t<this.yi.length;t++){const i=this.yi[t];if(i.Ft===this.L){i.classList.add("selected"),setTimeout((()=>{this.At.scroll(0,i.offsetTop-47)}));break}}if(!0===this.hasAttribute("seconds")){this.ki.forEach((t=>{t.classList.remove("selected")}));for(let t=0;t<this.ki.length;t++){const i=this.ki[t];if(i.Wt===this.T){i.classList.add("selected"),setTimeout((()=>{this.Et.scroll(0,i.offsetTop-47)}));break}}}}G(){if(this.V){if(!0===this.hasAttribute("time")){let t=0,i=0,s=0;-1!==this.I&&(t=this.I),-1!==this.L&&(i=this.L),-1!==this.T&&(s=this.T);const e=new Date(this.V,this.N-1,this.q,t,i,s).toLocaleTimeString(this.k,this.Y);this.h.textContent=e}else{const t={};t.weekday=this.Y.weekday,t.era=this.Y.era,t.year=this.Y.year,t.month=this.Y.month,t.day=this.Y.day,t.dayPeriod=this.Y.dayPeriod;const i=new Date(this.V,this.N-1,this.q).toLocaleDateString(this.k,t);this.h.textContent=i}this.h.classList.remove("placeholder")}else!0===this.hasAttribute("placeholder")?(this.h.textContent=this.getAttribute("placeholder"),this.h.classList.add("placeholder")):this.h.innerHTML="&nbsp;"}ei(){const t=this.Oi[this.ii-1]+" "+this.Xt.toString();this.et.textContent=t}di(){const t=this.Xt.toString();this.ct.textContent=t}$t(){const t=this.Xt-17,i=this.Xt+17,s=t.toString()+" - "+i.toString();this.Ai.textContent=s}ti(){this.l.textContent=this.M}Gt(t,i){for(let s=0;s<this.Nt.length;s++){const e=this.Nt[s];if(e.qt===t&&e.Vt===i)return this.Di=e.ci,void e.focus()}}Kt(t,i){for(let s=0;s<this.Jt.length;s++){const e=this.Jt[s];if(e.qt===t&&e.Vt===i)return void e.focus()}}Qt(t,i){for(let s=0;s<this.Rt.length;s++){const e=this.Rt[s];if(e.qt===t&&e.Vt===i)return void e.focus()}}Ct(){for(let t=0;t<this.Nt.length;t++){const i=this.Nt[t];if(i.ui===this.R&&i.ci===this.O)return void i.focus()}for(let t=0;t<this.Nt.length;t++){const i=this.Nt[t];if(i.ui===this.ii&&i.ci===this.Di)return void i.focus()}}jt(t,i){const s=t.getBoundingClientRect(),e=s.top+s.height/2;let h=null,o=-1;for(let t=0;t<i.length;t++){const s=i[t],r=s.getBoundingClientRect(),n=r.top+r.height/2,a=Math.abs(e-n);null!==h?a>o||(h=s,o=a):(h=s,o=a)}null!==h&&h.focus()}Pt(t,i,s){for(let e of t.children)if(e[i]===s)return void e.focus()}W(){this.V=0,this.N=0,this.q=1,this.I=0,this.L=0,this.T=0,this.V=parseInt(this.B.substring(0,4)),this.N=parseInt(this.B.substring(5,7)),this.q=parseInt(this.B.substring(8,10)),this.B.length>=10&&(this.I=parseInt(this.B.substring(11,13)),this.L=parseInt(this.B.substring(14,16)),this.T=parseInt(this.B.substring(17)))}fi(){let t="",i="",s="";if(this.V)t=this.V.toString().padStart(4,"0"),i=this.N.toString().padStart(2,"0"),s=this.q.toString().padStart(2,"0");else{const e=new Date;t=e.getFullYear().toString().padStart(4,"0"),i=(e.getMonth()+1).toString().padStart(2,"0"),s=e.getDate().toString().padStart(2,"0")}if(this.B=t+"-"+i+"-"+s,!1===this.hasAttribute("time"))return void this.t.setFormValue(this.B);let e=this.I.toString().padStart(2,"0"),h=this.L.toString().padStart(2,"0"),o=this.T.toString().padStart(2,"0");-1===this.I&&(e="00"),-1===this.L&&(h="00"),-1===this.T&&(o="00"),this.B+="T"+e+":"+h+":"+o,this.t.setFormValue(this.B)}St(t){const i=[],s=t.getBoundingClientRect(),e=s.top,h=s.bottom;for(const s of t.children){const t=s.getBoundingClientRect(),o=t.top+t.height/2;o<e||(o>h||i.push(s))}return i}Tt(){if(!this.M)return;if(this.M.length<=1)return;const t=this.M.substring(0,1),i=parseInt(this.M.substring(1));let s=this.Bi(this.Xt,this.ii,this.Di);"+"===t?s+=i:s-=i;const e=this.Fi(s);this.Xt=e.year,this.ii=e.month,this.Di=e.day,this.ei(),this.di(),this.si();for(let t=0;t<this.Nt.length;t++){const i=this.Nt[t];if(i.ui===this.ii&&i.ci===this.Di){i.focus();break}}this.C=!1,this.o.classList.remove("show-offset")}F(t){return(10===t.length||19===t.length)&&(!(t.charAt(0)<"0"||t.charAt(0)>"9")&&(!(t.charAt(1)<"0"||t.charAt(1)>"9")&&(!(t.charAt(2)<"0"||t.charAt(2)>"9")&&(!(t.charAt(3)<"0"||t.charAt(3)>"9")&&("-"===t.charAt(4)&&(!(t.charAt(5)<"0"||t.charAt(5)>"9")&&(!(t.charAt(6)<"0"||t.charAt(6)>"9")&&("-"===t.charAt(7)&&(!(t.charAt(8)<"0"||t.charAt(8)>"9")&&(!(t.charAt(9)<"0"||t.charAt(9)>"9")&&(10===t.length||"T"===t.charAt(10)&&(!(t.charAt(11)<"0"||t.charAt(11)>"9")&&(!(t.charAt(12)<"0"||t.charAt(12)>"9")&&(":"===t.charAt(13)&&(!(t.charAt(14)<"0"||t.charAt(14)>"9")&&(!(t.charAt(15)<"0"||t.charAt(15)>"9")&&(":"===t.charAt(16)&&(!(t.charAt(17)<"0"||t.charAt(17)>"9")&&!(t.charAt(18)<"0"||t.charAt(18)>"9")))))))))))))))))))}Yi(t,i){return 2===i?!0===this.Wi(t)?29:28:4===i||6===i||9===i||11===i?30:31}Wi(t){return t%4==0&&(t%100!=0||t%400==0)}Hi(t,i,s){let e=0;i<3&&(e=1);return((t-=e)+Math.floor(t/4)-Math.floor(t/100)+Math.floor(t/400)+[0,3,2,5,0,3,5,1,4,6,2,4][i-1]+s)%7}Bi(t,i,s){let e=0;for(let s=1;s<i;s++)e+=this.Yi(t,s);e+=s;return 365*(t-1)+this.Vi(t-1)+e}Fi(t){let i=Math.floor((t-1)/365)+1,s=t;for(;;){s=t-(365*(i-1)+this.Vi(i-1));let e=365;if(!0===this.Wi(i)&&(e=366),s>e)i++;else{if(!(s<=0))break;i--}}let e=1,h=1;for(let t=1;t<=12;t++){const o=this.Yi(i,t);if(!(s>o)){e=t,h=s;break}s-=o}return{year:i,month:e,day:h}}Vi(t){return Math.floor(t/4)-Math.floor(t/100)+Math.floor(t/400)}formDisabledCallback(t){this.i.tabIndex=!0===t?-1:0,!0===t?this.i.setAttribute("disabled",""):this.i.removeAttribute("disabled"),this._&&(!0===t?this._.setAttribute("disabled",""):this._.removeAttribute("disabled"))}formStateRestoreCallback(t){this._?this._.value=t:(this.t.setFormValue(t),!0===this.F(t)&&(this.B=t,this.W(),this.U=this.V,this.R=this.N,this.O=this.q,this.G()))}formResetCallback(){this.V=0,this.N=0,this.q=0,this.I=-1,this.L=-1,this.T=-1,this.B=void 0,this._&&(this._.value=""),this.t.setFormValue(void 0),this.G()}}UiInputDate.uiCss=' :host{display:grid;position:relative;box-shadow:var(--ui-input-box-shadow, var(--ui-border-box-shadow, none));}.base{display:flex;align-items:center;gap:var(--ui-input-gap, 8px);width:100%;border-radius:var(--ui-input-border-radius, var(--ui-border-radius-normal, 4px));border-style:var(--ui-input-border-style, var(--ui-border-style, solid));border-width:var(--ui-input-border-width, 2px);border-color:var(--ui-input-border-color, var(--ui-midground, hsl(0 0% 90% / 1)));box-shadow:none;--ui-icon-primary-color:var(--ui-input-foreground, fieldText);background-color:var(--ui-input-background, field);color:var(--ui-input-foreground, fieldText);padding:var(--ui-input-padding, 8px 8px);box-sizing:border-box;transition:border-color var(--ui-animation-duration-default, 200ms) ease-in-out, box-shadow var(--ui-animation-duration-default, 200ms) ease-in-out;}:host([valid]) .base:not([disabled]){border-color:var(--ui-input-border-valid-color, hsl(120 80% 50% / 1));--ui-icon-primary-color:var(--ui-input-icon-valid-color, hsl(120 80% 50% / 1));}:host([invalid]) .base:not([disabled]){border-color:var(--ui-input-border-invalid-color, hsl(0 80% 50% / 1));--ui-icon-primary-color:var(--ui-input-icon-invalid-color, hsl(0 80% 50% / 1));}.base:not([disabled]):focus, .base:not([disabled]):focus-visible, .base:not([disabled]):focus-within, :host([open]) .base:not([disabled]){outline-style:var(--ui-input-outline-style, none);outline-width:var(--ui-input-outline-width, 0);outline-offset:var(--ui-input-outline-offset, 0);outline-color:var(--ui-input-outline-color, transparent);border-width:var(--ui-input-focus-width, 2px);border-color:var(--ui-input-focus-color, var(--ui-selected-foreground, hsl(215 50% 30% / 1)));box-shadow:inset 0 0 0 var(--ui-input-focus-shadow-width, 4px) var(--ui-input-focus-shadow-color, var(--ui-selected-background, hsl(215 50% 90% / 1)));}:host([valid]) .base:not([disabled]):focus, :host([valid]) .base:not([disabled]):focus-visible, :host([valid]) .base:not([disabled]):focus-within, :host([valid][open]) .base{outline-color:var(--ui-input-outline-valid-color, transparent);border-width:var(--ui-input-focus-width, 2px);border-color:var(--ui-input-focus-valid-color, hsl(120 80% 50% / 1));box-shadow:inset 0 0 0 var(--ui-input-focus-shadow-width, 4px) var(--ui-input-focus-valid-shadow-color, hsl(120 50% 80% / 1));}:host([invalid]) .base:not([disabled]):focus, :host([invalid]) .base:not([disabled]):focus-visible, :host([invalid]) .base:not([disabled]):focus-within, :host([invalid][open]) .base{outline-color:var(--ui-input-outline-invalid-color, transparent);border-width:var(--ui-input-focus-width, 2px);border-color:var(--ui-input-focus-invalid-color, hsl(0 80% 50% / 1));box-shadow:inset 0 0 0 var(--ui-input-focus-shadow-width, 4px) var(--ui-input-focus-invalid-shadow-color, hsl(0 50% 80% / 1));}.default-input{flex-grow:1;display:block;min-height:16px;font-family:inherit;font-size:var(--ui-input-font-size, var(--ui-font-size-normal, 16px));font-weight:var(--ui-input-font-weight, var(--ui-font-weight-normal, normal));line-height:150%;user-select:none;border:none;outline:none;background-color:transparent;}:host([default-input]) #date-time{display:none;}#date-time{width:100%;font-family:inherit;font-size:var(--ui-input-font-size, var(--ui-font-size-normal, 16px));font-weight:var(--ui-input-font-weight, var(--ui-font-weight-normal, normal));line-height:150%;user-select:none;background-color:transparent;}#date-time.placeholder{color:var( --ui-input-placeholder, color-mix( in hsl, var(--ui-input-background, field) 70%, var(--ui-input-foreground, fieldText) 30% ) );}:host([left]) #dialog{inset-block-start:calc(100% + var(--ui-input-date-gap, 8px));inset-inline-start:var(--ui-input-date-shift, 2px);justify-self:start;align-self:start;}:host(:not([left]):not([right])) #dialog{inset-block-start:calc(100% + var(--ui-input-date-gap, 8px));justify-self:center;align-self:start;}:host([right]) #dialog{inset-block-start:calc(100% + var(--ui-input-date-gap, 8px));inset-inline-end:var(--ui-input-date-shift, 2px);justify-self:end;align-self:start;}#dialog{position:absolute;direction:ltr;--ui-iddfss:var(--ui-input-date-dialog-font-size-small, var(--ui-font-size-small, 12px));--ui-iddfsn:var(--ui-input-date-dialog-font-size-normal, var(--ui-font-size-normal, 16px));--ui-iddfsl:var(--ui-input-date-dialog-font-size-large, var(--ui-font-size-large, 24px));--ui-iddfwb:var(--ui-font-weight-bold, 600);background-color:var(--ui-module-background, hsl(0 0% 97% / 1));color:var(--ui-module-foreground, hsl(0 0% 18% / 1));border-radius:var(--ui-border-radius-normal, 4px);border-style:var(--ui-module-border-style, none);border-width:var(--ui-module-border-width, 0);border-color:var(--ui-module-border-color, transparent);box-shadow:var(--ui-module-shadow, 0 1px 4px 0 rgb(from var(--ui-module-foreground, hsl(0 0% 18% / 1)) r g b / 50%));inset:unset;padding:4px;margin:0;outline:none;z-index:1;height:var(--ui-input-date-dialog-height, 300px);width:var(--ui-input-date-dialog-date-width, 350px);max-width:95vw;display:none;padding:8px;box-sizing:border-box;touch-action:none;user-select:none;}#dialog[open]{display:grid;grid-template-columns:[date] 3fr;grid-template-rows:1fr;}:host([time]) #dialog{width:calc( var(--ui-input-date-dialog-date-width, 350px) + var(--ui-input-date-dialog-time-width, 150px));grid-template-columns:[date] 3fr [time] var(--ui-input-date-dialog-time-width, 150px);}.date{grid-column:date;}.time{grid-column:time;}.extra{grid-column:extra;}#days{display:grid;grid-template-rows:[header] 1fr [day-of-week] 1fr [day-of-month] 6fr;height:100%;}#days .header{display:grid;grid-template-columns:repeat(7, 1fr);gap:4px;}#days .header button:first-child{grid-column:1;}#days-middle{grid-column:2 / span 5;font-size:var(--ui-iddfsn);font-weight:var(--ui-iddfwb);}#days .header button:last-child{grid-column:7;}#day-of-week{display:grid;grid-template-columns:repeat(7, 1fr);justify-items:center;align-items:center;}#day-of-week > div{font-family:inherit;font-size:var(--ui-iddfss);font-weight:var(--ui-iddfwb);}#day-of-month{display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:repeat(6, 1fr);gap:4px;font-family:inherit;font-size:var(--ui-iddfsn);}#day-of-month > button{position:relative;font-size:var(--ui-iddfsn);}#day-of-month > button.previous, #day-of-month > button.next{color:color-mix( in srgb-linear, var(--ui-module-foreground, hsl(0 0% 18% / 1)) 60%, var(--ui-module-background, hsl(0 0% 97% / 1)) 40% );}#day-of-month > button.selected{background-color:var(--ui-selected-background, hsl(215 50% 90% / 1));color:var(--ui-selected-foreground, hsl(215 50% 30% / 1));}:host([today]) #day-of-month > button.today{color:var(--ui-selected-foreground, hsl(215 50% 30% / 1));font-weight:var(--ui-iddfwb);}:host([today]) #day-of-month > button.today::after{display:block;height:2px;position:absolute;inset-inline:clamp( 2px, var(--ui-input-date-dialog-button-radius, var(--ui-border-radius-normal, 4px)), calc(var(--ui-iddfsn) / 2) );inset-block-end:clamp(2px, var(--ui-input-date-dialog-button-radius, var(--ui-border-radius-normal, 4px)), calc(var(--ui-iddfsn) / 2) );background-color:var(--ui-selected-foreground, hsl(215 50% 30% / 1));content:"";}#months{display:none;grid-template-rows:[header] 1fr [month-of-year] 7fr;gap:4px;height:100%;}#months .header{display:grid;grid-template-columns:repeat(7, 1fr);gap:4px;}#months .header button:first-child{grid-column:1;}#months-middle{grid-column:2 / span 5;font-size:var(--ui-iddfsn);font-weight:var(--ui-iddfwb);}#months .header button:last-child{grid-column:7;}#month-of-year{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6, 1fr);grid-auto-flow:column;gap:4px;font-family:inherit;font-size:var(--ui-iddfsn);}#month-of-year > button{font-size:var(--ui-iddfsn);}#years{display:none;grid-template-columns:1fr;grid-template-rows:[header] 1fr [years-list] 7fr;gap:4px;height:100%;}#years .header{display:grid;grid-template-columns:repeat(7, 1fr);gap:4px;}#years .header button:first-child{grid-column:1;}#years-middle{grid-column:2 / span 5;display:flex;align-items:center;justify-content:center;font-size:var(--ui-iddfsn);font-weight:var(--ui-iddfwb);}#years .header button:last-child{grid-column:7;}#years-list{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(7, 1fr);gap:4px;}#years-list > button{font-size:var(--ui-iddfss);}.time{display:none;grid-template-columns:1fr 1fr;gap:4px;min-height:0;padding-inline-start:8px;margin-inline-start:8px;overflow:hidden;border-inline-start:var(--ui-border-width, 1px) var(--ui-border-style, solid) var(--ui-default-background, hsl(0 0% 90% / 1));}:host([time]) .time{display:grid;grid-template-rows:[header] 1fr [list] 7fr;}#seconds, .header-seconds{display:none;grid-column:3;}:host([seconds]) .time{grid-template-columns:1fr 1fr 1fr;}.header-hours, .header-minutes, .header-seconds{grid-row:header;justify-self:center;align-self:center;font-family:inherit;font-size:var(--ui-iddfss);font-weight:var(--ui-iddfwb);}:host([seconds]) .header-seconds{display:block;}:host([seconds]) #seconds{display:grid;}#hours{display:block;grid-column:1;}#minutes{display:block;grid-column:2;}#hours, #minutes, #seconds{grid-row:list;display:grid;gap:4px;height:100%;min-height:0;grid-template-columns:1fr;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar;}#hours{grid-template-rows:repeat(24, calc(var(--ui-iddfsl) * 1.75));}#minutes, #seconds{grid-template-rows:repeat(60, calc(var(--ui-iddfsl) * 1.75));}#hours::-webkit-scrollbar, #minutes::-webkit-scrollbar, #seconds::-webkit-scrollbar{display:none;}.time button{font-family:inherit;font-size:var(--ui-iddfsl);}.time button.selected{background-color:var(--ui-selected-background, hsl(215 50% 90% / 1));color:var(--ui-selected-foreground, hsl(215 50% 30% / 1));}.offset{display:none;align-items:center;justify-content:center;position:absolute;inset:0;backdrop-filter:blur(1px);}#dialog.show-offset .offset{display:flex}#dialog.show-offset .date, #dialog.show-offset .time{pointer-events:none;}#offset-input{color:var(--ui-module-background, hsl(0 0% 97% / 1));background-color:var(--ui-module-foreground, hsl(0 0% 18% / 1));font-size:var(--ui-iddfsl);border-radius:var(--ui-border-radius-large, 6px);padding:calc(var(--ui-iddfsl) / 4);line-height:150%;}#days-left > svg, #days-right > svg, #months-left > svg, #months-right > svg, #years-left > svg, #years-right > svg{display:block;height:var(--ui-iddfsn);fill:none;stroke:var(--ui-foreground, hsl(0 0% 18% / 1));stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}button{display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:none;color:inherit;border:none;border-radius:var(--ui-input-date-dialog-button-radius, var(--ui-border-radius-normal, 4px));font-family:inherit;line-height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;}button:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--ui-default-foreground, hsl(0 0% 30% / 1));}.time button:focus-visible{outline-offset:-2px;}button:active{background-color:var(--ui-default-background, hsl(0 0% 90% / 1));color:var(--ui-default-foreground, hsl(0 0% 30% / 1));filter:brightness(65%);}.base[disabled], .default-input:disabled{background-color:var( --ui-input-disabled-background, color-mix( in srgb-linear, var(--ui-foreground, hsl(0 0% 18% / 1)) 75%, var(--ui-background, hsl(0 0% 97% / 1)) 25% ) );color:var( --ui-input-disabled-foreground, color-mix( in srgb-linear, var(--ui-foreground, hsl(0 0% 18% / 1)) 25%, var(--ui-background, hsl(0 0% 97% / 1)) 75% ) );--ui-icon-primary-color:var( --ui-input-disabled-foreground, color-mix( in srgb-linear, var(--ui-foreground, hsl(0 0% 18% / 1)) 25%, var(--ui-background, hsl(0 0% 97% / 1)) 75% ) );}slot[name="start"]::slotted(*:not(ui-lozenge):not(ui-button):not(ui-icon-button)), slot[name="end"]::slotted(*:not(ui-lozenge):not(ui-button):not(ui-icon-button)){padding:var(--ui-input-icon-padding, 0);min-height:var(--ui-input-icon-size, 16px);min-width:var(--ui-input-icon-size, 16px);}::slotted(*){align-self:center;}@media (hover:hover){.base, .default-input{cursor:pointer;}.base[disabled], .default-input:disabled{cursor:not-allowed;}button:hover{background-color:var(--ui-default-background, hsl(0 0% 90% / 1));color:var(--ui-default-foreground, hsl(0 0% 30% / 1));}#day-of-month > button.selected:hover{filter:brightness(85%);}} @media (forced-colors:active) or (prefers-contrast:more){.base{border-style:solid;border-color:fieldtext;box-shadow:none;transition:none;}:host(:not([disabled])) .base:focus, :host(:not([disabled])) .base:focus-visible, :host(:not([disabled])) .base:focus-within, :host([open]) .base{box-shadow:none;outline:3px solid fieldtext;outline-offset:2px;}#dialog{border-style:var(--ui-module-border-style, solid);border-width:var(--ui-module-border-width, 3px);border-color:var(--ui-module-border-color, var(--ui-foreground, fieldtext));box-shadow:var(--ui-module-shadow, none);}#day-of-month > button.selected, .time button.selected{border:2px solid fieldtext;}} @media (prefers-reduced-motion){.base{transition:none;}} ',UiInputDate.uiHtml='<div id="base" class="base" tabindex="0"><slot name="start"></slot><div id="date-time"></div><slot name="end"></slot></div><dialog id="dialog"><div class="date"><div id="days"><div class="header"><button id="days-left" aria-label="previous month"><svg viewBox="0 0 16 16"><path d="m 10,4 -4,4 4,4"></path></svg></button><button id="days-middle" aria-label="list months"></button><button id="days-right" aria-label="next month"><svg viewBox="0 0 16 16"><path d="m 6,4 4,4 -4,4"></path></svg></button></div><div id="day-of-week"></div><div id="day-of-month" aria-label="day of month"></div></div><div id="months" aria-label="months"><div class="header"><button id="months-left" aria-label="previous year"><svg viewBox="0 0 16 16"><path d="m 10,4 -4,4 4,4"></path></svg></button><button id="months-middle" aria-label="list years"></button><button id="months-right" aria-label="next year"><svg viewBox="0 0 16 16"><path d="m 6,4 4,4 -4,4"></path></svg></button></div><div id="month-of-year" aria-label="month of year"></div></div><div id="years" aria-label="years"><div class="header"><button id="years-left" aria-label="go back many years"><svg viewBox="0 0 16 16"><path d="m 10,4 -4,4 4,4"></path></svg></button><div id="years-middle"></div><button id="years-right" aria-label="go forward many years"><svg viewBox="0 0 16 16"><path d="m 6,4 4,4 -4,4"></path></svg></button></div><div id="years-list"></div></div></div><div class="time"><div class="header-hours">HH</div><div class="header-minutes">MM</div><div class="header-seconds">SS</div><div id="hours" aria-label="hour"></div><div id="minutes" aria-label="minute"></div><div id="seconds" aria-label="second"></div></div><div class="offset"><div id="offset-input"></div></div></dialog>',t.createUi(UiInputDate,"ui-input-date",import.meta.url);