snice 4.28.0 → 4.30.0

package/dist/cdn/date-time-picker/snice-date-time-picker.min.js

@@ -1,10 +1,10 @@
 /*!
- * snice v4.28.0
+ * snice v4.30.0
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-date-time-picker.min.js");var SniceDateTimePicker=function(e,t){"use strict";function i(e,t,i,a,r,s){function n(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=a.kind,d="getter"===l?"get":"setter"===l?"set":"value",c=!t&&e?a.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,a.name):{}),u=!1,m=i.length-1;m>=0;m--){var p={};for(var g in a)p[g]="access"===g?{}:a[g];for(var g in a.access)p.access[g]=a.access[g];p.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(n(e||null))};var b=(0,i[m])("accessor"===l?{get:h.get,set:h.set}:h[d],p);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=n(b.get))&&(h.get=o),(o=n(b.set))&&(h.set=o),(o=n(b.init))&&r.unshift(o)}else(o=n(b))&&("field"===l?r.unshift(o):h[d]=o)}c&&Object.defineProperty(c,a.name,h),u=!0}function a(e,t,i){for(var a=arguments.length>2,r=0;r<t.length;r++)i=a?t[r].call(e,i):t[r].call(e);return a?i:void 0}"function"==typeof SuppressedError&&SuppressedError;let r=(()=>{let e,r,s,n,o,l,d,c,h,u,m,p,g,b,v,y,f,w,x,k,$,D,S,C,P,M,F,z,T,V,B,Y,A,I,j,O,H,q,L=[t.element("snice-date-time-picker",{formAssociated:!0})],R=[],E=HTMLElement,N=[],G=[],J=[],K=[],U=[],W=[],Q=[],X=[],Z=[],_=[],ee=[],te=[],ie=[],ae=[],re=[],se=[],ne=[],oe=[],le=[],de=[],ce=[],he=[],ue=[],me=[],pe=[],ge=[],be=[],ve=[],ye=[],fe=[],we=[],xe=[],ke=[],$e=[],De=[],Se=[],Ce=[],Pe=[],Me=[],Fe=[],ze=[],Te=[],Ve=[],Be=[],Ye=[],Ae=[],Ie=[];return class extends E{static{r=this}static{const je="function"==typeof Symbol&&Symbol.metadata?Object.create(E[Symbol.metadata]??null):void 0;s=[t.property()],n=[t.property()],o=[t.property({attribute:"date-format"})],l=[t.property({attribute:"time-format"})],d=[t.property()],c=[t.property()],h=[t.property({type:Boolean,attribute:"show-seconds"})],u=[t.property({type:Boolean})],m=[t.property({type:Boolean})],p=[t.property({type:Boolean})],g=[t.property({type:Boolean})],b=[t.property()],v=[t.property()],y=[t.property({attribute:"helper-text"})],f=[t.property({attribute:"error-text"})],w=[t.property({type:Boolean})],x=[t.property({type:Boolean})],k=[t.property()],$=[t.property()],D=[t.property({type:Boolean,attribute:"show-panel"})],S=[t.query(".input")],C=[t.query(".panel")],P=[t.query(".clear-button")],M=[t.styles()],F=[t.render()],z=[t.ready()],T=[t.watch("value")],V=[t.watch("show-panel")],B=[t.watch("disabled")],Y=[t.watch("invalid")],A=[t.dispatch("datetimepicker-clear",{bubbles:!0,composed:!0})],I=[t.dispatch("datetime-change",{bubbles:!0,composed:!0})],j=[t.dispatch("datetimepicker-focus",{bubbles:!0,composed:!0})],O=[t.dispatch("datetimepicker-blur",{bubbles:!0,composed:!0})],H=[t.dispatch("datetimepicker-open",{bubbles:!0,composed:!0})],q=[t.dispatch("datetimepicker-close",{bubbles:!0,composed:!0})],i(this,null,M,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:je},null,N),i(this,null,F,{kind:"method",name:"renderContent",static:!1,private:!1,access:{has:e=>"renderContent"in e,get:e=>e.renderContent},metadata:je},null,N),i(this,null,z,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:je},null,N),i(this,null,T,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:e=>"handleValueChange"in e,get:e=>e.handleValueChange},metadata:je},null,N),i(this,null,V,{kind:"method",name:"handleShowPanelChange",static:!1,private:!1,access:{has:e=>"handleShowPanelChange"in e,get:e=>e.handleShowPanelChange},metadata:je},null,N),i(this,null,B,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:e=>"handleDisabledChange"in e,get:e=>e.handleDisabledChange},metadata:je},null,N),i(this,null,Y,{kind:"method",name:"handleInvalidChange",static:!1,private:!1,access:{has:e=>"handleInvalidChange"in e,get:e=>e.handleInvalidChange},metadata:je},null,N),i(this,null,A,{kind:"method",name:"emitClear",static:!1,private:!1,access:{has:e=>"emitClear"in e,get:e=>e.emitClear},metadata:je},null,N),i(this,null,I,{kind:"method",name:"emitDateTimeChange",static:!1,private:!1,access:{has:e=>"emitDateTimeChange"in e,get:e=>e.emitDateTimeChange},metadata:je},null,N),i(this,null,j,{kind:"method",name:"emitFocus",static:!1,private:!1,access:{has:e=>"emitFocus"in e,get:e=>e.emitFocus},metadata:je},null,N),i(this,null,O,{kind:"method",name:"emitBlur",static:!1,private:!1,access:{has:e=>"emitBlur"in e,get:e=>e.emitBlur},metadata:je},null,N),i(this,null,H,{kind:"method",name:"emitOpen",static:!1,private:!1,access:{has:e=>"emitOpen"in e,get:e=>e.emitOpen},metadata:je},null,N),i(this,null,q,{kind:"method",name:"emitClose",static:!1,private:!1,access:{has:e=>"emitClose"in e,get:e=>e.emitClose},metadata:je},null,N),i(null,null,s,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:je},G,J),i(null,null,n,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:je},K,U),i(null,null,o,{kind:"field",name:"dateFormat",static:!1,private:!1,access:{has:e=>"dateFormat"in e,get:e=>e.dateFormat,set:(e,t)=>{e.dateFormat=t}},metadata:je},W,Q),i(null,null,l,{kind:"field",name:"timeFormat",static:!1,private:!1,access:{has:e=>"timeFormat"in e,get:e=>e.timeFormat,set:(e,t)=>{e.timeFormat=t}},metadata:je},X,Z),i(null,null,d,{kind:"field",name:"min",static:!1,private:!1,access:{has:e=>"min"in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:je},_,ee),i(null,null,c,{kind:"field",name:"max",static:!1,private:!1,access:{has:e=>"max"in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:je},te,ie),i(null,null,h,{kind:"field",name:"showSeconds",static:!1,private:!1,access:{has:e=>"showSeconds"in e,get:e=>e.showSeconds,set:(e,t)=>{e.showSeconds=t}},metadata:je},ae,re),i(null,null,u,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:je},se,ne),i(null,null,m,{kind:"field",name:"clearable",static:!1,private:!1,access:{has:e=>"clearable"in e,get:e=>e.clearable,set:(e,t)=>{e.clearable=t}},metadata:je},oe,le),i(null,null,p,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:je},de,ce),i(null,null,g,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:je},he,ue),i(null,null,b,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:je},me,pe),i(null,null,v,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:je},ge,be),i(null,null,y,{kind:"field",name:"helperText",static:!1,private:!1,access:{has:e=>"helperText"in e,get:e=>e.helperText,set:(e,t)=>{e.helperText=t}},metadata:je},ve,ye),i(null,null,f,{kind:"field",name:"errorText",static:!1,private:!1,access:{has:e=>"errorText"in e,get:e=>e.errorText,set:(e,t)=>{e.errorText=t}},metadata:je},fe,we),i(null,null,w,{kind:"field",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:je},xe,ke),i(null,null,x,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:e=>"invalid"in e,get:e=>e.invalid,set:(e,t)=>{e.invalid=t}},metadata:je},$e,De),i(null,null,k,{kind:"field",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:je},Se,Ce),i(null,null,$,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:je},Pe,Me),i(null,null,D,{kind:"field",name:"showPanel",static:!1,private:!1,access:{has:e=>"showPanel"in e,get:e=>e.showPanel,set:(e,t)=>{e.showPanel=t}},metadata:je},Fe,ze),i(null,null,S,{kind:"field",name:"input",static:!1,private:!1,access:{has:e=>"input"in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:je},Te,Ve),i(null,null,C,{kind:"field",name:"panel",static:!1,private:!1,access:{has:e=>"panel"in e,get:e=>e.panel,set:(e,t)=>{e.panel=t}},metadata:je},Be,Ye),i(null,null,P,{kind:"field",name:"clearButton",static:!1,private:!1,access:{has:e=>"clearButton"in e,get:e=>e.clearButton,set:(e,t)=>{e.clearButton=t}},metadata:je},Ae,Ie),i(null,e={value:r},L,{kind:"class",name:r.name,metadata:je},null,R),r=e.value,je&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:je}),a(r,R)}constructor(){super(),this.internals=a(this,N),this.size=a(this,G,"medium"),this.value=(a(this,J),a(this,K,"")),this.dateFormat=(a(this,U),a(this,W,"yyyy-mm-dd")),this.timeFormat=(a(this,Q),a(this,X,"24h")),this.min=(a(this,Z),a(this,_,"")),this.max=(a(this,ee),a(this,te,"")),this.showSeconds=(a(this,ie),a(this,ae,!1)),this.loading=(a(this,re),a(this,se,!1)),this.clearable=(a(this,ne),a(this,oe,!1)),this.disabled=(a(this,le),a(this,de,!1)),this.readonly=(a(this,ce),a(this,he,!1)),this.placeholder=(a(this,ue),a(this,me,"")),this.label=(a(this,pe),a(this,ge,"")),this.helperText=(a(this,be),a(this,ve,"")),this.errorText=(a(this,ye),a(this,fe,"")),this.required=(a(this,we),a(this,xe,!1)),this.invalid=(a(this,ke),a(this,$e,!1)),this.name=(a(this,De),a(this,Se,"")),this.variant=(a(this,Ce),a(this,Pe,"dropdown")),this.showPanel=(a(this,Me),a(this,Fe,!1)),this.input=(a(this,ze),a(this,Te,void 0)),this.panel=(a(this,Ve),a(this,Be,void 0)),this.clearButton=(a(this,Ye),a(this,Ae,void 0)),this.selectedDate=(a(this,Ie),null),this.viewDate=new Date,this.calendarView="days",this.yearRangeStart=0,this.hours=0,this.minutes=0,this.seconds=0,this.period="AM",this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"],this.dayNames=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}componentStyles(){return t.css`${":host{display:inline-block;position:relative;width:100%;max-width:20rem;box-sizing:border-box;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5)}.datetime-wrapper{display:flex;flex-direction:column}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,rgb(220 38 38));margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center;anchor-name:--dtp-anchor}.input{width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 2.75rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;font-family:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease;outline:0;box-sizing:border-box}.input:focus{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) rgb(220 38 38 / .3)}.input:disabled{background:var(--snice-color-background-secondary,rgb(243 244 246));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}.input::placeholder{color:var(--snice-color-text-secondary,rgb(82 82 82));opacity:.7}.input:not(:disabled):not([readonly]){cursor:pointer}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem;min-height:2rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem;min-height:3rem}.input--loading{cursor:wait}.spinner{position:absolute;right:3rem;width:1em;height:1em;pointer-events:none}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-button{position:absolute;right:.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.toggle-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{position:absolute;right:2.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel[popover]{position:fixed;inset:auto;margin:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));display:flex;flex-direction:row;overflow:hidden;min-width:420px;pointer-events:none;opacity:0;transform:translateY(-8px) scaleY(.95);transform-origin:top left;transition:opacity var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) ease,display var(--snice-transition-fast, 150ms) allow-discrete,overlay var(--snice-transition-fast, 150ms) allow-discrete}.panel[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.panel[popover]{position-anchor:--dtp-anchor;top:calc(anchor(bottom) + 2px);left:anchor(left);min-width:anchor-size(width)}}.panel[hidden]{display:none}.panel--inline{position:static;box-shadow:none;border:1px solid var(--snice-color-border,rgb(226 226 226));margin-top:0}.panel-calendar{flex:1;padding:var(--snice-spacing-md,1rem);border-right:1px solid var(--snice-color-border,rgb(226 226 226));min-width:260px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snice-spacing-sm,.75rem)}.calendar-title{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));text-align:center;flex:1}.year-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;padding:.125rem .375rem;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.year-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.month-label{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.year-cell{border:none;background:0 0;cursor:pointer;padding:.625rem .25rem;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.year-cell:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-cell--current{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.year-cell--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.nav-button{background:0 0;border:none;padding:.375rem;cursor:pointer;color:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.nav-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--snice-spacing-2xs,.25rem)}.weekday{text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));padding:.375rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.day{width:2rem;height:2rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled):not(.day--empty){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235))}.day--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.day--empty{cursor:default}.calendar-footer{margin-top:var(--snice-spacing-sm,.75rem);padding-top:var(--snice-spacing-sm,.75rem);border-top:1px solid var(--snice-color-border,rgb(226 226 226));display:flex;justify-content:center}.today-button{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));padding:.25rem .75rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.today-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel-time{width:11rem;padding:var(--snice-spacing-md,1rem);display:flex;flex-direction:column}.time-header{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-xs,.5rem);text-align:center}.time-selectors{display:flex;gap:var(--snice-spacing-3xs,.125rem);flex:1;min-height:0}.time-column{flex:1;display:flex;flex-direction:column;min-width:0}.time-column--period{flex:0 0 auto;width:2.5rem}.time-label{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));text-align:center;padding-bottom:var(--snice-spacing-2xs,.25rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));margin-bottom:var(--snice-spacing-2xs,.25rem)}.time-list{display:flex;flex-direction:column;gap:1px;max-height:12rem;overflow-y:auto;scrollbar-width:thin}.time-list::-webkit-scrollbar{width:3px}.time-list::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:2px}.time-item{border:none;background:0 0;padding:.25rem .375rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);text-align:center;transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;white-space:nowrap}.time-item:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.time-item--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-medium,500)}.time-item--selected:hover{background:var(--snice-color-primary,rgb(37 99 235))}.time-item:disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}@media (max-width:480px){.panel{flex-direction:column;min-width:280px}.panel-calendar{border-right:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.panel-time{width:100%}.time-selectors{justify-content:center}}"}`}renderContent(){const e=["label",this.required?"label--required":""].filter(Boolean).join(" "),i=["input",`input--${this.size}`,this.invalid?"input--invalid":"",this.loading?"input--loading":""].filter(Boolean).join(" "),a="inline"===this.variant;return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-date-time-picker.min.js");var SniceDateTimePicker=function(e,t){"use strict";function i(e,t,i,a,r,s){function n(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=a.kind,d="getter"===l?"get":"setter"===l?"set":"value",c=!t&&e?a.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,a.name):{}),u=!1,m=i.length-1;m>=0;m--){var p={};for(var g in a)p[g]="access"===g?{}:a[g];for(var g in a.access)p.access[g]=a.access[g];p.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(n(e||null))};var b=(0,i[m])("accessor"===l?{get:h.get,set:h.set}:h[d],p);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=n(b.get))&&(h.get=o),(o=n(b.set))&&(h.set=o),(o=n(b.init))&&r.unshift(o)}else(o=n(b))&&("field"===l?r.unshift(o):h[d]=o)}c&&Object.defineProperty(c,a.name,h),u=!0}function a(e,t,i){for(var a=arguments.length>2,r=0;r<t.length;r++)i=a?t[r].call(e,i):t[r].call(e);return a?i:void 0}"function"==typeof SuppressedError&&SuppressedError;let r=(()=>{let e,r,s,n,o,l,d,c,h,u,m,p,g,b,v,y,f,w,x,k,$,D,S,C,P,M,F,z,T,V,B,Y,A,I,j,O,H,q,L=[t.element("snice-date-time-picker",{formAssociated:!0})],R=[],E=HTMLElement,N=[],G=[],J=[],K=[],U=[],W=[],Q=[],X=[],Z=[],_=[],ee=[],te=[],ie=[],ae=[],re=[],se=[],ne=[],oe=[],le=[],de=[],ce=[],he=[],ue=[],me=[],pe=[],ge=[],be=[],ve=[],ye=[],fe=[],we=[],xe=[],ke=[],$e=[],De=[],Se=[],Ce=[],Pe=[],Me=[],Fe=[],ze=[],Te=[],Ve=[],Be=[],Ye=[],Ae=[],Ie=[];return class extends E{static{r=this}static{const je="function"==typeof Symbol&&Symbol.metadata?Object.create(E[Symbol.metadata]??null):void 0;s=[t.property()],n=[t.property()],o=[t.property({attribute:"date-format"})],l=[t.property({attribute:"time-format"})],d=[t.property()],c=[t.property()],h=[t.property({type:Boolean,attribute:"show-seconds"})],u=[t.property({type:Boolean})],m=[t.property({type:Boolean})],p=[t.property({type:Boolean})],g=[t.property({type:Boolean})],b=[t.property()],v=[t.property()],y=[t.property({attribute:"helper-text"})],f=[t.property({attribute:"error-text"})],w=[t.property({type:Boolean})],x=[t.property({type:Boolean})],k=[t.property()],$=[t.property()],D=[t.property({type:Boolean,attribute:"show-panel"})],S=[t.query(".input")],C=[t.query(".panel")],P=[t.query(".clear-button")],M=[t.styles()],F=[t.render()],z=[t.ready()],T=[t.watch("value")],V=[t.watch("show-panel")],B=[t.watch("disabled")],Y=[t.watch("invalid")],A=[t.dispatch("datetimepicker-clear",{bubbles:!0,composed:!0})],I=[t.dispatch("datetime-change",{bubbles:!0,composed:!0})],j=[t.dispatch("datetimepicker-focus",{bubbles:!0,composed:!0})],O=[t.dispatch("datetimepicker-blur",{bubbles:!0,composed:!0})],H=[t.dispatch("datetimepicker-open",{bubbles:!0,composed:!0})],q=[t.dispatch("datetimepicker-close",{bubbles:!0,composed:!0})],i(this,null,M,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:je},null,N),i(this,null,F,{kind:"method",name:"renderContent",static:!1,private:!1,access:{has:e=>"renderContent"in e,get:e=>e.renderContent},metadata:je},null,N),i(this,null,z,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:je},null,N),i(this,null,T,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:e=>"handleValueChange"in e,get:e=>e.handleValueChange},metadata:je},null,N),i(this,null,V,{kind:"method",name:"handleShowPanelChange",static:!1,private:!1,access:{has:e=>"handleShowPanelChange"in e,get:e=>e.handleShowPanelChange},metadata:je},null,N),i(this,null,B,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:e=>"handleDisabledChange"in e,get:e=>e.handleDisabledChange},metadata:je},null,N),i(this,null,Y,{kind:"method",name:"handleInvalidChange",static:!1,private:!1,access:{has:e=>"handleInvalidChange"in e,get:e=>e.handleInvalidChange},metadata:je},null,N),i(this,null,A,{kind:"method",name:"emitClear",static:!1,private:!1,access:{has:e=>"emitClear"in e,get:e=>e.emitClear},metadata:je},null,N),i(this,null,I,{kind:"method",name:"emitDateTimeChange",static:!1,private:!1,access:{has:e=>"emitDateTimeChange"in e,get:e=>e.emitDateTimeChange},metadata:je},null,N),i(this,null,j,{kind:"method",name:"emitFocus",static:!1,private:!1,access:{has:e=>"emitFocus"in e,get:e=>e.emitFocus},metadata:je},null,N),i(this,null,O,{kind:"method",name:"emitBlur",static:!1,private:!1,access:{has:e=>"emitBlur"in e,get:e=>e.emitBlur},metadata:je},null,N),i(this,null,H,{kind:"method",name:"emitOpen",static:!1,private:!1,access:{has:e=>"emitOpen"in e,get:e=>e.emitOpen},metadata:je},null,N),i(this,null,q,{kind:"method",name:"emitClose",static:!1,private:!1,access:{has:e=>"emitClose"in e,get:e=>e.emitClose},metadata:je},null,N),i(null,null,s,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:je},G,J),i(null,null,n,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:je},K,U),i(null,null,o,{kind:"field",name:"dateFormat",static:!1,private:!1,access:{has:e=>"dateFormat"in e,get:e=>e.dateFormat,set:(e,t)=>{e.dateFormat=t}},metadata:je},W,Q),i(null,null,l,{kind:"field",name:"timeFormat",static:!1,private:!1,access:{has:e=>"timeFormat"in e,get:e=>e.timeFormat,set:(e,t)=>{e.timeFormat=t}},metadata:je},X,Z),i(null,null,d,{kind:"field",name:"min",static:!1,private:!1,access:{has:e=>"min"in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:je},_,ee),i(null,null,c,{kind:"field",name:"max",static:!1,private:!1,access:{has:e=>"max"in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:je},te,ie),i(null,null,h,{kind:"field",name:"showSeconds",static:!1,private:!1,access:{has:e=>"showSeconds"in e,get:e=>e.showSeconds,set:(e,t)=>{e.showSeconds=t}},metadata:je},ae,re),i(null,null,u,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:je},se,ne),i(null,null,m,{kind:"field",name:"clearable",static:!1,private:!1,access:{has:e=>"clearable"in e,get:e=>e.clearable,set:(e,t)=>{e.clearable=t}},metadata:je},oe,le),i(null,null,p,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:je},de,ce),i(null,null,g,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:e=>"readonly"in e,get:e=>e.readonly,set:(e,t)=>{e.readonly=t}},metadata:je},he,ue),i(null,null,b,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:je},me,pe),i(null,null,v,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:je},ge,be),i(null,null,y,{kind:"field",name:"helperText",static:!1,private:!1,access:{has:e=>"helperText"in e,get:e=>e.helperText,set:(e,t)=>{e.helperText=t}},metadata:je},ve,ye),i(null,null,f,{kind:"field",name:"errorText",static:!1,private:!1,access:{has:e=>"errorText"in e,get:e=>e.errorText,set:(e,t)=>{e.errorText=t}},metadata:je},fe,we),i(null,null,w,{kind:"field",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:je},xe,ke),i(null,null,x,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:e=>"invalid"in e,get:e=>e.invalid,set:(e,t)=>{e.invalid=t}},metadata:je},$e,De),i(null,null,k,{kind:"field",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:je},Se,Ce),i(null,null,$,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:je},Pe,Me),i(null,null,D,{kind:"field",name:"showPanel",static:!1,private:!1,access:{has:e=>"showPanel"in e,get:e=>e.showPanel,set:(e,t)=>{e.showPanel=t}},metadata:je},Fe,ze),i(null,null,S,{kind:"field",name:"input",static:!1,private:!1,access:{has:e=>"input"in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:je},Te,Ve),i(null,null,C,{kind:"field",name:"panel",static:!1,private:!1,access:{has:e=>"panel"in e,get:e=>e.panel,set:(e,t)=>{e.panel=t}},metadata:je},Be,Ye),i(null,null,P,{kind:"field",name:"clearButton",static:!1,private:!1,access:{has:e=>"clearButton"in e,get:e=>e.clearButton,set:(e,t)=>{e.clearButton=t}},metadata:je},Ae,Ie),i(null,e={value:r},L,{kind:"class",name:r.name,metadata:je},null,R),r=e.value,je&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:je}),a(r,R)}constructor(){super(),this.internals=a(this,N),this.size=a(this,G,"medium"),this.value=(a(this,J),a(this,K,"")),this.dateFormat=(a(this,U),a(this,W,"yyyy-mm-dd")),this.timeFormat=(a(this,Q),a(this,X,"24h")),this.min=(a(this,Z),a(this,_,"")),this.max=(a(this,ee),a(this,te,"")),this.showSeconds=(a(this,ie),a(this,ae,!1)),this.loading=(a(this,re),a(this,se,!1)),this.clearable=(a(this,ne),a(this,oe,!1)),this.disabled=(a(this,le),a(this,de,!1)),this.readonly=(a(this,ce),a(this,he,!1)),this.placeholder=(a(this,ue),a(this,me,"")),this.label=(a(this,pe),a(this,ge,"")),this.helperText=(a(this,be),a(this,ve,"")),this.errorText=(a(this,ye),a(this,fe,"")),this.required=(a(this,we),a(this,xe,!1)),this.invalid=(a(this,ke),a(this,$e,!1)),this.name=(a(this,De),a(this,Se,"")),this.variant=(a(this,Ce),a(this,Pe,"dropdown")),this.showPanel=(a(this,Me),a(this,Fe,!1)),this.input=(a(this,ze),a(this,Te,void 0)),this.panel=(a(this,Ve),a(this,Be,void 0)),this.clearButton=(a(this,Ye),a(this,Ae,void 0)),this.selectedDate=(a(this,Ie),null),this.viewDate=new Date,this.calendarView="days",this.yearRangeStart=0,this.hours=0,this.minutes=0,this.seconds=0,this.period="AM",this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"],this.dayNames=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}componentStyles(){return t.css`${":host{display:inline-block;position:relative;width:100%;max-width:20rem;box-sizing:border-box;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5)}.datetime-wrapper{display:flex;flex-direction:column}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:'*';color:var(--snice-color-danger,rgb(220 38 38));margin-left:var(--snice-spacing-2xs,.25rem)}.input-container{position:relative;display:flex;align-items:center;anchor-name:--dtp-anchor}.input{width:100%;box-sizing:border-box;min-height:2.5rem;border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,6px);padding:var(--snice-spacing-xs,.5rem) 2.75rem var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:inherit;font-family:inherit;line-height:var(--snice-line-height-normal, 1.5);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease;outline:0;box-sizing:border-box}.input:focus{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.input--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.input--invalid:focus{border-color:var(--snice-color-danger,rgb(220 38 38));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) rgb(220 38 38 / .3)}.input:disabled{background:var(--snice-color-background-secondary,rgb(243 244 246));color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed}.input::placeholder{color:var(--snice-color-text-secondary,rgb(82 82 82));opacity:.7}.input:not(:disabled):not([readonly]){cursor:pointer}.input--small{padding:.375rem 2.75rem .375rem .625rem;font-size:.875rem;min-height:2rem}.input--large{padding:.75rem 3.5rem .75rem 1rem;font-size:1rem;min-height:3rem}.input--loading{cursor:wait}.input--loading~.toggle-button{visibility:hidden}.spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1em;height:1em;pointer-events:none}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle-button{position:absolute;right:.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.toggle-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{position:absolute;right:2.5rem;padding:.25rem;border:none;background:0 0;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel[popover]{position:fixed;inset:auto;margin:0;z-index:var(--snice-z-index-dropdown,1000);background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,8px);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));display:flex;flex-direction:row;overflow:hidden;min-width:420px;pointer-events:none;opacity:0;transform:translateY(-8px) scaleY(.95);transform-origin:top left;transition:opacity var(--snice-transition-fast, 150ms) ease,transform var(--snice-transition-fast, 150ms) ease,display var(--snice-transition-fast, 150ms) allow-discrete,overlay var(--snice-transition-fast, 150ms) allow-discrete}.panel[popover]:popover-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}@supports (position-anchor:--a){.panel[popover]{position-anchor:--dtp-anchor;top:calc(anchor(bottom) + 2px);left:anchor(left);min-width:anchor-size(width)}}.panel[hidden]{display:none}.panel--inline{position:static;box-shadow:none;border:1px solid var(--snice-color-border,rgb(226 226 226));margin-top:0}.panel-calendar{flex:1;padding:var(--snice-spacing-md,1rem);border-right:1px solid var(--snice-color-border,rgb(226 226 226));min-width:260px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--snice-spacing-sm,.75rem)}.calendar-title{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));text-align:center;flex:1}.year-button{background:0 0;border:none;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;padding:.125rem .375rem;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.year-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.month-label{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.year-cell{border:none;background:0 0;cursor:pointer;padding:.625rem .25rem;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.year-cell:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.year-cell--current{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:-2px;color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-semibold,600)}.year-cell--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.nav-button{background:0 0;border:none;padding:.375rem;cursor:pointer;color:var(--snice-color-text-secondary,rgb(82 82 82));border-radius:4px;transition:color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.nav-button:hover{color:var(--snice-color-text,rgb(23 23 23));background:var(--snice-color-background-tertiary,rgb(240 240 240))}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--snice-spacing-2xs,.25rem)}.weekday{text-align:center;font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));padding:.375rem .25rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.day{width:2rem;height:2rem;border:none;background:0 0;cursor:pointer;border-radius:var(--snice-border-radius-md,4px);font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;display:flex;align-items:center;justify-content:center}.day:hover:not(.day--disabled):not(.day--empty){background:var(--snice-color-background-tertiary,rgb(240 240 240))}.day--today{font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235))}.day--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-semibold,600)}.day--disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.day--empty{cursor:default}.calendar-footer{margin-top:var(--snice-spacing-sm,.75rem);padding-top:var(--snice-spacing-sm,.75rem);border-top:1px solid var(--snice-color-border,rgb(226 226 226));display:flex;justify-content:center}.today-button{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));padding:.25rem .75rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-primary,rgb(37 99 235));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);transition:background-color var(--snice-transition-fast, 150ms) ease}.today-button:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.panel-time{width:11rem;padding:var(--snice-spacing-md,1rem);display:flex;flex-direction:column}.time-header{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-xs,.5rem);text-align:center}.time-selectors{display:flex;gap:var(--snice-spacing-3xs,.125rem);flex:1;min-height:0}.time-column{flex:1;display:flex;flex-direction:column;min-width:0}.time-column--period{flex:0 0 auto;width:2.5rem}.time-label{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-secondary,rgb(82 82 82));text-align:center;padding-bottom:var(--snice-spacing-2xs,.25rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));margin-bottom:var(--snice-spacing-2xs,.25rem)}.time-list{display:flex;flex-direction:column;gap:1px;max-height:12rem;overflow-y:auto;scrollbar-width:thin}.time-list::-webkit-scrollbar{width:3px}.time-list::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:2px}.time-item{border:none;background:0 0;padding:.25rem .375rem;font-size:var(--snice-font-size-sm, .875rem);font-family:inherit;color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;border-radius:var(--snice-border-radius-md,4px);text-align:center;transition:background-color var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease;white-space:nowrap}.time-item:hover{background:var(--snice-color-background-tertiary,rgb(240 240 240))}.time-item--selected{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));font-weight:var(--snice-font-weight-medium,500)}.time-item--selected:hover{background:var(--snice-color-primary,rgb(37 99 235))}.time-item:disabled{color:var(--snice-color-text-tertiary,rgb(115 115 115));cursor:not-allowed;opacity:.5}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(82 82 82))}.error-text{color:var(--snice-color-danger,rgb(220 38 38))}@media (max-width:480px){.panel{flex-direction:column;min-width:280px}.panel-calendar{border-right:none;border-bottom:1px solid var(--snice-color-border,rgb(226 226 226))}.panel-time{width:100%}.time-selectors{justify-content:center}}"}`}renderContent(){const e=["label",this.required?"label--required":""].filter(Boolean).join(" "),i=["input",`input--${this.size}`,this.invalid?"input--invalid":"",this.loading?"input--loading":""].filter(Boolean).join(" "),a="inline"===this.variant;return t.html`
       <div class="datetime-wrapper" part="base">
         <if ${this.label}>
           <label class="${e}" part="label">${this.label}</label>