@nubisco/ui 5.12.0 → 5.13.0

package/dist/DatePicker-DQJ31TUm.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./Label-DtXh4XR5.cjs`),r=require(`./Message-D8ZE4uGZ.cjs`),i=require(`./Grid-DTZTlxd_.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-right`),s=require(`@nubisco/ui/icons/calendar`),c=require(`@nubisco/ui/icons/caret-double-left`),l=require(`@nubisco/ui/icons/caret-left`),u=require(`@nubisco/ui/icons/caret-double-right`);var d={class:`nb-date-picker__col`},ee=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`,`aria-describedby`],te=[`disabled`,`aria-label`],ne={key:0,class:`nb-date-picker__col`},re=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`,`aria-describedby`],ie=[`disabled`,`aria-label`],ae={key:0,class:`nb-date-picker__inner-header`},oe=[`for`],se={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},ce={class:`nb-date-picker__fluid-row`},le=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`],ue=[`disabled`,`aria-label`],de={key:0,class:`nb-date-picker__inner-header`},fe=[`for`],pe={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},me={class:`nb-date-picker__fluid-row`},he=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`],ge=[`disabled`,`aria-label`],_e=[`aria-label`],ve={class:`nb-date-picker__cal-header`},ye=[`id`],be=[`aria-labelledby`],xe={class:`nb-date-picker__cal-weekdays`},Se=[`abbr`],Ce=[`aria-selected`,`aria-disabled`],we=[`tabindex`,`disabled`,`aria-label`,`data-date`,`onClick`],f=(0,a.defineComponent)({inheritAttrs:!1,__name:`DatePicker`,props:{modelValue:{default:null},type:{default:`single`},endValue:{default:null},min:{default:void 0},max:{default:void 0},weekStart:{default:1},locale:{default:void 0},endPlaceholder:{default:``},endLabel:{default:``},endError:{default:``},endWarning:{default:``},disabledDates:{type:[Array,Function],default:void 0},readonly:{type:Boolean,default:!1},placeholder:{default:``},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`update:endValue`,`change`],setup(f,{expose:p,emit:Te}){let m=f,{layerProps:Ee}=t.useSurfaceLayer({overlay:!0}),h=Te,De=`nb-date-picker-${(0,a.useId)()}`,g=(0,a.computed)(()=>m.id??De),_=(0,a.computed)(()=>`${g.value}-end`),v=(0,a.computed)(()=>`${g.value}-helper`),y=(0,a.computed)(()=>`${g.value}-message`),Oe=(0,a.computed)(()=>`${g.value}-end-message`),ke=(0,a.computed)(()=>`${g.value}-cal-title`),b=(0,a.ref)(null),Ae=(0,a.computed)(()=>b.value!==null),x=(0,a.ref)(!1),S=(0,a.ref)($(new Date)),C=(0,a.ref)(null),w=(0,a.ref)(null),T=(0,a.ref)(null),E=(0,a.ref)(null),je=(0,a.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:`9999`}),D=(0,a.ref)(`start`),O=(0,a.computed)(()=>m.locale||navigator.language||`pt-PT`),k=(0,a.computed)(()=>new Intl.DateTimeFormat(O.value).formatToParts(new Date(2e3,0,15)).map(e=>e.type===`day`?`dd`:e.type===`month`?`mm`:e.type===`year`?`yyyy`:e.value).join(``));function A(e){if(!e)return``;let t=new Date(e+`T00:00:00`);return isNaN(t.getTime())?e:t.toLocaleDateString(O.value)}function Me(e){return new Date(e+`T00:00:00`).toLocaleDateString(O.value,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`})}let Ne=(0,a.computed)(()=>A(m.modelValue??null)),Pe=(0,a.computed)(()=>A(m.endValue??null)),j=(0,a.computed)(()=>m.error?{variant:`error`,text:m.error}:m.warning?{variant:`warning`,text:m.warning}:null),M=(0,a.computed)(()=>m.type===`range`?m.endError?{variant:`error`,text:m.endError}:m.endWarning?{variant:`warning`,text:m.endWarning}:null:null),N=(0,a.computed)(()=>j.value?j.value:m.helper?{variant:`helper`,text:m.helper}:null),Fe=(0,a.computed)(()=>{if(m.variant===`default`)return j.value?y.value:m.helper?v.value:void 0}),Ie=(0,a.computed)(()=>{if(m.variant===`default`)return M.value?Oe.value:m.helper?v.value:void 0}),P=(0,a.computed)(()=>m.type===`range`&&!!m.endLabel),Le=(0,a.computed)(()=>m.endLabel||m.endPlaceholder);function F(e){return m.min!=null&&e<m.min||m.max!=null&&e>m.max?!0:m.disabledDates?typeof m.disabledDates==`function`?m.disabledDates(e):m.disabledDates.includes(e):!1}function I(e){let t=e.trim();if(!t)return null;if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let e=new Date(t+`T00:00:00`);return isNaN(e.getTime())?null:t}let n=new Date(t);return isNaN(n.getTime())?null:$(n)}function Re(e){let t=e.target.value,n=I(t);n&&F(n)||(n||t===``)&&(h(`update:modelValue`,n),h(`change`,n))}function ze(e){let t=e.target.value,n=I(t);n&&F(n)||(n||t===``)&&h(`update:endValue`,n)}function L(e){b.value=e.target===T.value?`end`:`start`,m.type!==`simple`&&!m.readonly&&(D.value=b.value,x.value?B():V())}function R(){b.value=null}function z(e){if(!(m.type===`simple`||m.readonly))switch(e.key){case`Escape`:x.value&&(H(),e.preventDefault());break;case`ArrowDown`:e.preventDefault(),x.value||V(),(0,a.nextTick)(W);break;case`Enter`:x.value||(e.preventDefault(),V(),(0,a.nextTick)(W));break}}function B(){let e=C.value?.querySelectorAll(`.nb-date-picker__input-wrapper`);if(!e?.length)return;let t=(D.value===`end`&&e.length>1?e[1]:e[0]).getBoundingClientRect();je.value={position:`fixed`,top:`${t.bottom+4}px`,left:`${t.left}px`,zIndex:`9999`}}function V(){if(m.disabled||m.readonly||m.type===`simple`||x.value)return;x.value=!0;let e=D.value===`end`&&m.endValue?m.endValue:m.modelValue,t=e?new Date(e+`T00:00:00`):new Date;X.value=t.getFullYear(),Z.value=t.getMonth(),S.value=e||$(new Date),B()}function H(){x.value&&(x.value=!1,(0,a.nextTick)(()=>{D.value===`end`&&T.value?T.value.focus():w.value?.focus()}))}function U(){x.value?H():(D.value=`start`,V(),(0,a.nextTick)(W))}function W(){(0,a.nextTick)(()=>{(E.value?.querySelector(`[data-date="${S.value}"]`))?.focus()})}function Be(e){F(e)||(m.type===`range`?D.value===`start`?(h(`update:modelValue`,e),h(`change`,e),D.value=`end`,S.value=e,(0,a.nextTick)(()=>T.value?.focus())):(m.modelValue&&e<m.modelValue?(h(`update:endValue`,m.modelValue),h(`update:modelValue`,e),h(`change`,e)):h(`update:endValue`,e),H()):(h(`update:modelValue`,e),h(`change`,e),H()))}function Ve(e){let t=new Date(S.value+`T00:00:00`),n=!0;switch(e.key){case`ArrowRight`:G(t,1);break;case`ArrowLeft`:G(t,-1);break;case`ArrowDown`:G(t,7);break;case`ArrowUp`:G(t,-7);break;case`Home`:He(t,`start`);break;case`End`:He(t,`end`);break;case`PageUp`:e.shiftKey?K(t,-12):K(t,-1);break;case`PageDown`:e.shiftKey?K(t,12):K(t,1);break;case`Enter`:case` `:e.preventDefault(),Be(S.value);return;case`Escape`:H();break;case`Tab`:H();return;default:n=!1}n&&e.preventDefault()}function G(e,t){let n=new Date(e);n.setDate(n.getDate()+t),q(n)}function He(e,t){let n=e.getDay();m.weekStart===1&&(n=n===0?6:n-1);let r=t===`start`?-n:6-n,i=new Date(e);i.setDate(i.getDate()+r),q(i)}function K(e,t){let n=new Date(e);n.setMonth(n.getMonth()+t),n.getDate()!==e.getDate()&&n.setDate(0),q(n)}function q(e){let t=$(e);m.min!=null&&t<m.min||m.max!=null&&t>m.max||(S.value=t,X.value=e.getFullYear(),Z.value=e.getMonth(),W())}function J(e){let t=e.target,n=C.value?.contains(t)??!1,r=E.value?.contains(t)??!1;!n&&!r&&H()}function Y(){x.value&&B()}(0,a.watch)(x,e=>{e?(document.addEventListener(`mousedown`,J),window.addEventListener(`scroll`,Y,!0),window.addEventListener(`resize`,Y)):(document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y))}),(0,a.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y)});let X=(0,a.ref)(new Date().getFullYear()),Z=(0,a.ref)(new Date().getMonth());function Q(e){let t=X.value*12+Z.value+e;X.value=Math.floor(t/12),Z.value=(t%12+12)%12;let n=new Date(S.value+`T00:00:00`).getDate(),r=new Date(X.value,Z.value+1,0).getDate();S.value=$(new Date(X.value,Z.value,Math.min(n,r))),W()}let Ue=()=>Q(-1),We=()=>Q(1),Ge=()=>Q(-12),Ke=()=>Q(12),qe=(0,a.computed)(()=>{let e=new Date(X.value,Z.value,1).toLocaleDateString(O.value,{month:`long`,year:`numeric`});return e.charAt(0).toUpperCase()+e.slice(1)}),Je=(0,a.computed)(()=>{let e=[],t=new Date(2024,0,m.weekStart===0?7:1);for(let n=0;n<7;n++){let r=new Date(t);r.setDate(t.getDate()+n);let i=r.toLocaleDateString(O.value,{weekday:`narrow`}).toUpperCase(),a=r.toLocaleDateString(O.value,{weekday:`long`});e.push({narrow:i,full:a.charAt(0).toUpperCase()+a.slice(1)})}return e});function $(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}let Ye=(0,a.computed)(()=>$(new Date)),Xe=(0,a.computed)(()=>{let e=X.value,t=Z.value,n=new Date(e,t,1),r=new Date(e,t+1,0),i=n.getDay();m.weekStart===1&&(i=i===0?6:i-1);let a=[],o=m.modelValue??null,s=m.endValue??null,c=o&&s?o<s?o:s:null,l=o&&s?o<s?s:o:null;function u(e,t){let n=$(e);return{key:n,date:n,day:e.getDate(),inMonth:t,isToday:n===Ye.value,isSelected:n===o||n===s,inRange:c!=null&&l!=null&&n>c&&n<l,isRangeStart:n===c&&l!=null,isRangeEnd:n===l&&c!=null,isDisabled:F(n)}}for(let n=i-1;n>=0;n--)a.push(u(new Date(e,t,-n),!1));for(let n=1;n<=r.getDate();n++)a.push(u(new Date(e,t,n),!0));let d=7-a.length%7;if(d<7)for(let n=1;n<=d;n++)a.push(u(new Date(e,t+1,n),!1));return a}),Ze=(0,a.computed)(()=>{let e=[];for(let t=0;t<Xe.value.length;t+=7)e.push(Xe.value.slice(t,t+7));return e}),Qe=(0,a.computed)(()=>[`nb-date-picker`,`nb-date-picker--${m.variant}`,`nb-date-picker--${m.size}`,`nb-date-picker--${m.type}`,{"nb-date-picker--focused":Ae.value,"nb-date-picker--open":x.value,"nb-date-picker--error":!!m.error||!!m.endError,"nb-date-picker--warning":!m.error&&!m.endError&&(!!m.warning||!!m.endWarning),"nb-date-picker--disabled":m.disabled,"nb-date-picker--readonly":m.readonly}]),$e=(0,a.computed)(()=>({"nb-date-picker__input-wrapper--focused":b.value===`start`,"nb-date-picker__input-wrapper--error":!!m.error,"nb-date-picker__input-wrapper--warning":!m.error&&!!m.warning,"nb-date-picker__input-wrapper--disabled":m.disabled,"nb-date-picker__input-wrapper--readonly":m.readonly})),et=(0,a.computed)(()=>({"nb-date-picker__input-wrapper--focused":b.value===`end`,"nb-date-picker__input-wrapper--error":!!m.endError,"nb-date-picker__input-wrapper--warning":!m.endError&&!!m.endWarning,"nb-date-picker__input-wrapper--disabled":m.disabled,"nb-date-picker__input-wrapper--readonly":m.readonly}));return p({open:V,close:H,focus:()=>w.value?.focus()}),(t,p)=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,[(0,a.createElementVNode)(`div`,{ref_key:`rootRef`,ref:C,class:(0,a.normalizeClass)(Qe.value)},[f.variant===`default`?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[t.$slots.label?(0,a.renderSlot)(t.$slots,`label`,{key:0}):f.label&&!P.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,for:g.value,required:f.required,disabled:f.disabled},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(i.t,{dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,d,[P.value&&f.label?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,for:g.value,required:f.required,disabled:f.disabled},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`nb-date-picker__input-wrapper`,$e.value])},[(0,a.createElementVNode)(`input`,(0,a.mergeProps)({id:g.value,ref_key:`inputRef`,ref:w},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:Ne.value,placeholder:f.placeholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,"aria-describedby":Fe.value,onInput:p[0]||=e=>Re(e),onFocus:L,onBlur:R,onKeydown:z}),null,16,ee),f.type===`simple`?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${A(f.modelValue)}`:`Choose date`,onClick:U},[(0,a.createVNode)(e.t,{name:(0,a.unref)(s.regular),size:16},null,8,[`name`])],8,te))],2)]),f.type===`range`?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ne,[P.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,for:_.value,required:f.required,disabled:f.disabled},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(f.endLabel),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`nb-date-picker__input-wrapper`,et.value])},[(0,a.createElementVNode)(`input`,{id:_.value,ref_key:`endInputRef`,ref:T,type:`text`,class:`nb-date-picker__field`,value:Pe.value,placeholder:f.endPlaceholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,"aria-describedby":Ie.value,onInput:p[1]||=e=>ze(e),onFocus:L,onBlur:R,onKeydown:z},null,40,re),(0,a.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${A(f.endValue)}`:`Choose end date`,onClick:U},[(0,a.createVNode)(e.t,{name:(0,a.unref)(s.regular),size:16},null,8,[`name`])],8,ie)],2)])):(0,a.createCommentVNode)(``,!0)]),_:1},8,[`gap`]),j.value?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:2,id:y.value,variant:j.value.variant,class:`nb-date-picker__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(j.value.text),1)]),_:1},8,[`id`,`variant`])):(0,a.createCommentVNode)(``,!0),M.value?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:3,id:Oe.value,variant:M.value.variant,class:`nb-date-picker__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(M.value.text),1)]),_:1},8,[`id`,`variant`])):(0,a.createCommentVNode)(``,!0),!j.value&&!M.value&&f.helper?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:4,id:v.value,variant:`helper`,class:`nb-date-picker__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(f.helper),1)]),_:1},8,[`id`])):(0,a.createCommentVNode)(``,!0)],64)):f.variant===`fluid`?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:1,dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,$e.value])},[f.label||t.$slots.label||N.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ae,[t.$slots.label?(0,a.renderSlot)(t.$slots,`label`,{key:0}):((0,a.openBlock)(),(0,a.createElementBlock)(`label`,{key:1,for:g.value,class:`nb-date-picker__inner-label`},[(0,a.createTextVNode)((0,a.toDisplayString)(f.label)+` `,1),f.required?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,se,`*`)):(0,a.createCommentVNode)(``,!0)],8,oe)),N.value?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:2,variant:N.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(N.value.text),1)]),_:1},8,[`variant`])):(0,a.createCommentVNode)(``,!0)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,ce,[(0,a.createElementVNode)(`input`,(0,a.mergeProps)({id:g.value,ref_key:`inputRef`,ref:w},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:Ne.value,placeholder:f.placeholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,onInput:p[2]||=e=>Re(e),onFocus:L,onBlur:R,onKeydown:z}),null,16,le),f.type===`simple`?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${A(f.modelValue)}`:`Choose date`,onClick:U},[(0,a.createVNode)(e.t,{name:(0,a.unref)(s.regular),size:16},null,8,[`name`])],8,ue))])],2),f.type===`range`?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:(0,a.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,et.value])},[Le.value||M.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,de,[(0,a.createElementVNode)(`label`,{for:_.value,class:`nb-date-picker__inner-label`},[(0,a.createTextVNode)((0,a.toDisplayString)(Le.value)+` `,1),f.required?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,pe,`*`)):(0,a.createCommentVNode)(``,!0)],8,fe),M.value?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:0,variant:M.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(M.value.text),1)]),_:1},8,[`variant`])):(0,a.createCommentVNode)(``,!0)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,me,[(0,a.createElementVNode)(`input`,{id:_.value,ref_key:`endInputRef`,ref:T,type:`text`,class:`nb-date-picker__field`,value:Pe.value,placeholder:f.endPlaceholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,onInput:p[3]||=e=>ze(e),onFocus:L,onBlur:R,onKeydown:z},null,40,he),(0,a.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${A(f.endValue)}`:`Choose end date`,onClick:U},[(0,a.createVNode)(e.t,{name:(0,a.unref)(s.regular),size:16},null,8,[`name`])],8,ge)])],2)):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`gap`])):(0,a.createCommentVNode)(``,!0)],2),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`},[x.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,ref_key:`calendarRef`,ref:E,role:`dialog`,"aria-modal":`true`,"aria-label":f.label?`${f.label} calendar`:`Date picker`,class:`nb-date-picker__calendar`},(0,a.unref)(Ee),{style:je.value,onKeydown:Ve,onMousedown:p[4]||=(0,a.withModifiers)(()=>{},[`prevent`])}),[(0,a.createElementVNode)(`div`,ve,[(0,a.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous year`,onClick:Ge},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:16},null,8,[`name`])]),(0,a.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous month`,onClick:Ue},[(0,a.createVNode)(e.t,{name:(0,a.unref)(l.regular),size:16},null,8,[`name`])]),(0,a.createElementVNode)(`span`,{id:ke.value,class:`nb-date-picker__cal-title`,"aria-live":`polite`},(0,a.toDisplayString)(qe.value),9,ye),(0,a.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next month`,onClick:We},[(0,a.createVNode)(e.t,{name:(0,a.unref)(o.regular),size:16},null,8,[`name`])]),(0,a.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next year`,onClick:Ke},[(0,a.createVNode)(e.t,{name:(0,a.unref)(u.regular),size:16},null,8,[`name`])])]),(0,a.createElementVNode)(`table`,{role:`grid`,"aria-labelledby":ke.value,class:`nb-date-picker__cal-table`},[(0,a.createElementVNode)(`thead`,null,[(0,a.createElementVNode)(`tr`,xe,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(Je.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`th`,{key:e.narrow,scope:`col`,class:`nb-date-picker__cal-weekday`,abbr:e.full},(0,a.toDisplayString)(e.narrow),9,Se))),128))])]),(0,a.createElementVNode)(`tbody`,null,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(Ze.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`tr`,{key:t},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`td`,{key:e.key,role:`gridcell`,"aria-selected":e.isSelected||void 0,"aria-disabled":e.isDisabled||void 0},[(0,a.createElementVNode)(`button`,{type:`button`,class:(0,a.normalizeClass)([`nb-date-picker__cal-day`,{"nb-date-picker__cal-day--outside":!e.inMonth,"nb-date-picker__cal-day--today":e.isToday,"nb-date-picker__cal-day--selected":e.isSelected,"nb-date-picker__cal-day--in-range":e.inRange,"nb-date-picker__cal-day--range-start":e.isRangeStart,"nb-date-picker__cal-day--range-end":e.isRangeEnd,"nb-date-picker__cal-day--disabled":e.isDisabled,"nb-date-picker__cal-day--focused":e.date===S.value}]),tabindex:e.date===S.value?0:-1,disabled:e.isDisabled,"aria-label":Me(e.date),"data-date":e.date,onClick:t=>Be(e.date)},(0,a.toDisplayString)(e.day),11,we)],8,Ce))),128))]))),128))])],8,be)],16,_e)):(0,a.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});