@featherk/ui 0.18.0 → 0.18.1

package/README.md

@@ -115,7 +115,7 @@ npm run build
 - `package.json` lists only CSS in `sideEffects`, so a root import tree-shakes to the same code and styles as the subpath. Keep other modules free of import-time side effects, or add them to `sideEffects`.
 - Keep shared state out of module scope: no module-level refs, Maps or `provide`/`inject` keys. An app can load both the ES and CommonJS builds, and the two copies don't share state. Create state in the component or composable and pass the instance, as `useActionCellMenu` does.
 - The repo's `scripts/check-entries.mjs` runs at the end of the build. It fails if an export target is missing, an entry imports an undeclared peer, any entry imports an optional peer (npm doesn't install those), or a stylesheet is not imported.
-- The repo's `scripts/check-peers.mjs` runs after it. It fails unless each `@featherk/*` peer range is `>=x.y.z` with a minimum of at least that sibling's current version, so npm never pairs this release with an older sibling that lacks what it imports. Packages release in lockstep, so a version bump means raising these minimums in `package.json` and `package-lock.json`.
+- The repo's `scripts/check-peers.mjs` runs after it. It fails unless each `@featherk/*` peer range is `>=x.y.z` with a minimum of at least that sibling's current version, so npm never pairs this release with an older sibling that lacks what it imports. Packages release in lockstep, so the root `version:patch|minor|major` scripts run `scripts/sync-peers.mjs`, which raises these minimums to the new version in `package.json` and `package-lock.json`.
 - For new component documentation, follow the docs authoring template in `docs/README.md`.
 
 ## Changelog

package/dist/chunks/picker.css

@@ -1 +1 @@
-.fkui-picker[data-v-9598aad4],.fkui-picker[data-v-43893bc7]{display:inline-flex;flex-direction:column;align-items:flex-start}.fkui-picker-row[data-v-43893bc7]{display:inline-flex;align-items:center;gap:1em}.fkui-range-calendar[data-v-43893bc7]{overscroll-behavior:contain}.fkui-picker[data-v-33cb65f4]{display:inline-flex;flex-direction:column;align-items:flex-start}
+.fkui-picker[data-v-9598aad4],.fkui-picker[data-v-8b45610e]{display:inline-flex;flex-direction:column;align-items:flex-start}.fkui-range-calendar[data-v-8b45610e]{overscroll-behavior:contain}.fkui-picker[data-v-33cb65f4]{display:inline-flex;flex-direction:column;align-items:flex-start}

package/dist/docs-manifest.mjs

@@ -1,7 +1,7 @@
 // Generated by scripts/generate-docs-manifest.mjs. Do not edit.
 export const packageName = "@featherk/ui";
 
-export const version = "0.18.0";
+export const version = "0.18.1";
 
 export const paths = {
   ActionCell: "table/ActionCell.md",
@@ -13,12 +13,12 @@ export const paths = {
 };
 
 export const docs = {
-  ActionCell: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.0/docs/table/ActionCell.md",
-  DateField: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.0/docs/picker/DateField.md",
-  DateRangeField: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.0/docs/picker/DateRangeField.md",
-  TimeField: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.0/docs/picker/TimeField.md",
-  USAddress: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.0/docs/address/USAddress.md",
-  useActionCellMenu: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.0/docs/table/useActionCellMenu.md",
+  ActionCell: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.1/docs/table/ActionCell.md",
+  DateField: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.1/docs/picker/DateField.md",
+  DateRangeField: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.1/docs/picker/DateRangeField.md",
+  TimeField: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.1/docs/picker/TimeField.md",
+  USAddress: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.1/docs/address/USAddress.md",
+  useActionCellMenu: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.18.1/docs/table/useActionCellMenu.md",
 };
 
 export const docUrl = (name, host = "https://cdn.jsdelivr.net/npm") =>

package/dist/picker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-vue-inputs"),r=require("@progress/kendo-vue-labels"),b=require("@featherk/composables/trap"),C=require("./chunks/shared-BHFhmbuH.cjs"),V=require("@progress/kendo-vue-common"),M=require("@progress/kendo-vue-popup"),D=require("@progress/kendo-vue-tooltip"),N=require("@featherk/icons"),w=a=>a==="incomplete"?"required":a,T=e.defineComponent({inheritAttrs:!1,__name:"DateField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,u=e.useModel(a,"modelValue"),l=e.useModel(a,"show"),m=e.ref(null),v=e.computed(()=>l.value&&!t.disabled&&!t.readonly),s=e.computed(()=>`${t.input.id}-error`),f=e.computed(()=>`${t.input.id}-hint`),d=e.computed(()=>{const c=t.input.validationMessage.value;if(!c)return"";const n=w(t.input.reason.value);return n&&t.messages?.error?.[n]||c}),k=e.computed(()=>d.value?s.value:t.messages?.hint?f.value:void 0);return b.usePopupTrap({isOpen:v,onRequestClose:()=>l.value=!1,triggerEl:m}),(c,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"fk-datepicker fkui-picker"},[a.label?(e.openBlock(),e.createBlock(e.unref(r.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.DatePicker),e.mergeProps({"fill-mode":"outline",rounded:"medium",size:"medium"},c.$attrs,{"model-value":u.value instanceof Date?u.value:void 0,"date-input":"masked",min:a.min??a.input.min??void 0,max:a.max??a.input.max??void 0,valid:a.input.isValid.value,"validation-message":d.value,disabled:a.disabled,show:v.value,"onUpdate:modelValue":n[0]||(n[0]=i=>u.value=i),onOpen:n[1]||(n[1]=i=>l.value=!a.readonly),onClose:n[2]||(n[2]=i=>l.value=!1)}),{masked:e.withCtx(()=>[e.createVNode(e.unref(g.MaskedTextBox),{id:a.input.id,mask:"00/00/0000",value:a.input.raw.value,placeholder:a.messages?.placeholder??a.input.placeholder.value,"show-clear-button":!1,disabled:a.disabled,readonly:a.readonly,"aria-described-by":k.value,"input-attributes":{"aria-invalid":!a.input.isValid.value},onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onClick:a.input.handleClick,onWheel:a.input.handleWheel,onBlur:a.input.handleBlur},null,8,["id","value","placeholder","disabled","readonly","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onClick","onWheel","onBlur"])]),_:1},16,["model-value","min","max","valid","validation-message","disabled","show"]),d.value?(e.openBlock(),e.createBlock(e.unref(r.Error),{key:1,id:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:2,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0)],512))}}),K=C._export_sfc(T,[["__scopeId","data-v-9598aad4"]]),$={class:"fk-daterangepicker fkui-picker"},S={class:"fkui-picker-row"},R=e.defineComponent({inheritAttrs:!1,__name:"DateRangeField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean},showClearButton:{type:Boolean,default:!0},views:{}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,u=e.useModel(a,"modelValue"),l=e.useModel(a,"show"),m=o=>u.value=o,v=e.ref(null),s=e.computed(()=>l.value&&!t.disabled&&!t.readonly),f=()=>{!t.disabled&&!t.readonly&&(l.value=!l.value)},d=e.computed(()=>{const o=Math.trunc(t.views??4);return Number.isFinite(o)?Math.min(Math.max(o,1),4):4}),k=e.computed(()=>`${t.input.id}-calendar`),c=e.computed(()=>`${t.input.id}-error`),n=e.computed(()=>`${t.input.id}-hint`),i=e.computed(()=>`${t.input.id}-span`),h=e.computed(()=>{if(t.input.validComputed.value!==!1)return"";const o=w(t.input.reason.value);return o&&t.messages?.error?.[o]||t.input.validationMessage.value}),x=e.computed(()=>{if(h.value)return c.value;const o=[t.input.validComputed.value&&t.input.spanDays.value?i.value:"",t.messages?.hint?n.value:""].filter(Boolean);return o.length?o.join(" "):void 0});return b.usePopupTrap({isOpen:s,onRequestClose:()=>l.value=!1,triggerEl:e.computed(()=>v.value?.$el??null),popupSelector:[".k-calendar",".k-popup"]}),(o,y)=>(e.openBlock(),e.createElementBlock("div",$,[a.label?(e.openBlock(),e.createBlock(e.unref(r.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createElementVNode("div",S,[e.createVNode(e.unref(g.MaskedTextBox),e.mergeProps({ref_key:"maskedTextBoxRef",ref:v,"fill-mode":"outline",rounded:"medium",size:"medium"},o.$attrs,{id:a.input.id,disabled:a.disabled,readonly:a.readonly,"show-clear-button":a.showClearButton&&!a.disabled&&!a.readonly,placeholder:a.messages?.placeholder??"Start Date - End Date",mask:"00/00/0000 - 00/00/0000",value:a.input.raw.value,valid:a.input.validComputed.value,"aria-described-by":x.value,"input-attributes":{"aria-invalid":a.input.validComputed.value===!1,"aria-haspopup":"grid","aria-expanded":s.value,"aria-controls":k.value},"input-suffix":"calendar-suffix",onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onWheel:a.input.handleWheel,onClick:a.input.handleClick,onBlur:a.input.handleBlur,onFocus:y[0]||(y[0]=B=>l.value=!1)}),{"calendar-suffix":e.withCtx(()=>[e.createVNode(e.unref(V.SvgIcon),{icon:e.unref(N.dateRangeIcon),class:"fkui-calendar-toggle",onMousedown:e.withModifiers(f,["prevent","stop"])},null,8,["icon"])]),_:1},16,["id","disabled","readonly","show-clear-button","placeholder","value","valid","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onWheel","onClick","onBlur"]),a.input.validComputed.value&&a.input.spanDays.value?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:0,id:i.value},{default:e.withCtx(()=>[e.createTextVNode(" ("+e.toDisplayString(a.input.spanDays.value)+" day"+e.toDisplayString(a.input.spanDays.value===1?"":"s")+") ",1)]),_:1},8,["id"])):e.createCommentVNode("",!0)]),h.value?(e.openBlock(),e.createBlock(e.unref(r.Error),{key:1,id:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:2,id:n.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(M.Popup),{anchor:"maskedTextBoxRef",show:s.value,animate:!1,class:"fkui-range-popup"},{default:e.withCtx(()=>[e.createVNode(e.unref(D.Tooltip),{"anchor-element":"pointer",position:"top","open-delay":280,"parent-title":!0},{default:e.withCtx(()=>[e.createVNode(e.unref(p.Calendar),{id:k.value,"model-value":u.value??void 0,class:"fkui-range-calendar",mode:"range","allow-reverse":!1,views:d.value,min:a.min??a.input.min,max:a.max??a.input.max,"onUpdate:modelValue":m,onChange:a.input.onCalendarChange,onKeydown:y[1]||(y[1]=e.withKeys(B=>l.value=!1,["escape"]))},null,8,["id","model-value","views","min","max","onChange"])]),_:1})]),_:1},8,["show"])]))}}),q=C._export_sfc(R,[["__scopeId","data-v-43893bc7"]]),I=e.defineComponent({inheritAttrs:!1,__name:"TimeField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,u=e.useModel(a,"modelValue"),l=e.useModel(a,"show"),m=e.ref(null),v=e.computed(()=>l.value&&!t.disabled&&!t.readonly),s=e.computed(()=>`${t.input.id}-error`),f=e.computed(()=>`${t.input.id}-hint`),d=e.computed(()=>{const n=t.input.validationMessage.value;if(!n)return"";const i=w(t.input.reason.value);return i&&t.messages?.error?.[i]||n}),k=e.computed(()=>d.value?s.value:t.messages?.hint?f.value:void 0),c=b.usePopupTrap({isOpen:v,onRequestClose:()=>l.value=!1,triggerEl:m,popupSelector:[".k-timeselector",".k-popup"],focusTrapOptions:{setReturnFocus:()=>c.lastCloseReason.value==="outside"?!1:m.value?.querySelector("input")??!1}});return(n,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"fk-timepicker fkui-picker"},[a.label?(e.openBlock(),e.createBlock(e.unref(r.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.TimePicker),e.mergeProps({"fill-mode":"outline",rounded:"medium",size:"medium",format:"hh:mm a"},n.$attrs,{"model-value":u.value instanceof Date?u.value:void 0,"date-input":"masked",min:a.min??a.input.min??void 0,max:a.max??a.input.max??void 0,valid:a.input.isValid.value,"validation-message":d.value,disabled:a.disabled,show:v.value,onChange:a.input.handleChange,"onUpdate:modelValue":i[0]||(i[0]=h=>u.value=h),onOpen:i[1]||(i[1]=h=>l.value=!a.readonly),onClose:i[2]||(i[2]=h=>l.value=!1)}),{masked:e.withCtx(()=>[e.createVNode(e.unref(g.MaskedTextBox),{id:a.input.id,mask:"Hh:Mm Aa",rules:a.input.rules,value:a.input.raw.value,placeholder:a.messages?.placeholder??a.input.placeholder.value,"show-clear-button":!1,disabled:a.disabled,readonly:a.readonly,"aria-described-by":k.value,"input-attributes":{"aria-invalid":!a.input.isValid.value},onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onClick:a.input.handleClick,onWheel:a.input.handleWheel,onBlur:a.input.handleBlur},null,8,["id","rules","value","placeholder","disabled","readonly","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onClick","onWheel","onBlur"])]),_:1},16,["model-value","min","max","valid","validation-message","disabled","show","onChange"]),d.value?(e.openBlock(),e.createBlock(e.unref(r.Error),{key:1,id:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:2,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0)],512))}}),E=C._export_sfc(I,[["__scopeId","data-v-33cb65f4"]]);exports.DateField=K;exports.DateRangeField=q;exports.TimeField=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("@progress/kendo-vue-dateinputs"),p=require("@progress/kendo-vue-inputs"),c=require("@progress/kendo-vue-labels"),b=require("@featherk/composables/trap"),w=require("./chunks/shared-BHFhmbuH.cjs"),B=require("@progress/kendo-vue-common"),V=require("@progress/kendo-vue-popup"),M=require("@progress/kendo-vue-tooltip"),T=require("@featherk/icons"),C=a=>a==="incomplete"?"required":a,N=e.defineComponent({inheritAttrs:!1,__name:"DateField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,d=e.useModel(a,"modelValue"),i=e.useModel(a,"show"),m=e.ref(null),v=e.computed(()=>i.value&&!t.disabled&&!t.readonly),u=e.computed(()=>`${t.input.id}-error`),f=e.computed(()=>`${t.input.id}-hint`),o=e.computed(()=>{const r=t.input.validationMessage.value;if(!r)return"";const n=C(t.input.reason.value);return n&&t.messages?.error?.[n]||r}),h=e.computed(()=>o.value?u.value:t.messages?.hint?f.value:void 0);return b.usePopupTrap({isOpen:v,onRequestClose:()=>i.value=!1,triggerEl:m}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"fk-datepicker fkui-picker"},[a.label?(e.openBlock(),e.createBlock(e.unref(c.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(g.DatePicker),e.mergeProps({"fill-mode":"outline",rounded:"medium",size:"medium"},r.$attrs,{"model-value":d.value instanceof Date?d.value:void 0,"date-input":"masked",min:a.min??a.input.min??void 0,max:a.max??a.input.max??void 0,valid:a.input.isValid.value,"validation-message":o.value,disabled:a.disabled,show:v.value,"onUpdate:modelValue":n[0]||(n[0]=l=>d.value=l),onOpen:n[1]||(n[1]=l=>i.value=!a.readonly),onClose:n[2]||(n[2]=l=>i.value=!1)}),{masked:e.withCtx(()=>[e.createVNode(e.unref(p.MaskedTextBox),{id:a.input.id,mask:"00/00/0000",value:a.input.raw.value,placeholder:a.messages?.placeholder??a.input.placeholder.value,"show-clear-button":!1,disabled:a.disabled,readonly:a.readonly,"aria-described-by":h.value,"input-attributes":{"aria-invalid":!a.input.isValid.value},onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onClick:a.input.handleClick,onWheel:a.input.handleWheel,onBlur:a.input.handleBlur},null,8,["id","value","placeholder","disabled","readonly","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onClick","onWheel","onBlur"])]),_:1},16,["model-value","min","max","valid","validation-message","disabled","show"]),o.value?(e.openBlock(),e.createBlock(e.unref(c.Error),{key:1,id:u.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(c.Hint),{key:2,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0)],512))}}),D=w._export_sfc(N,[["__scopeId","data-v-9598aad4"]]),K={class:"fk-daterangepicker fkui-picker"},$=e.defineComponent({inheritAttrs:!1,__name:"DateRangeField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean},showClearButton:{type:Boolean,default:!0},views:{}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,d=e.useModel(a,"modelValue"),i=e.useModel(a,"show"),m=s=>d.value=s,v=e.ref(null),u=e.computed(()=>i.value&&!t.disabled&&!t.readonly),f=()=>{!t.disabled&&!t.readonly&&(i.value=!i.value)},o=e.computed(()=>{const s=Math.trunc(t.views??4);return Number.isFinite(s)?Math.min(Math.max(s,1),4):4}),h=e.computed(()=>`${t.input.id}-calendar`),r=e.computed(()=>`${t.input.id}-error`),n=e.computed(()=>`${t.input.id}-hint`),l=e.computed(()=>{if(t.input.validComputed.value!==!1)return"";const s=C(t.input.reason.value);return s&&t.messages?.error?.[s]||t.input.validationMessage.value}),k=e.computed(()=>l.value?r.value:t.messages?.hint?n.value:void 0);return b.usePopupTrap({isOpen:u,onRequestClose:()=>i.value=!1,triggerEl:e.computed(()=>v.value?.$el??null),popupSelector:[".k-calendar",".k-popup"]}),(s,y)=>(e.openBlock(),e.createElementBlock("div",K,[a.label?(e.openBlock(),e.createBlock(e.unref(c.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.MaskedTextBox),e.mergeProps({ref_key:"maskedTextBoxRef",ref:v,"fill-mode":"outline",rounded:"medium",size:"medium"},s.$attrs,{id:a.input.id,disabled:a.disabled,readonly:a.readonly,"show-clear-button":a.showClearButton&&!a.disabled&&!a.readonly,placeholder:a.messages?.placeholder??"Start Date - End Date",mask:"00/00/0000 - 00/00/0000",value:a.input.raw.value,valid:a.input.validComputed.value,"aria-described-by":k.value,"input-attributes":{"aria-invalid":a.input.validComputed.value===!1,"aria-haspopup":"grid","aria-expanded":u.value,"aria-controls":h.value},"input-suffix":"calendar-suffix",onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onWheel:a.input.handleWheel,onClick:a.input.handleClick,onBlur:a.input.handleBlur,onFocus:y[0]||(y[0]=x=>i.value=!1)}),{"calendar-suffix":e.withCtx(()=>[e.createVNode(e.unref(B.SvgIcon),{icon:e.unref(T.dateRangeIcon),class:"fkui-calendar-toggle",onMousedown:e.withModifiers(f,["prevent","stop"])},null,8,["icon"])]),_:1},16,["id","disabled","readonly","show-clear-button","placeholder","value","valid","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onWheel","onClick","onBlur"]),l.value?(e.openBlock(),e.createBlock(e.unref(c.Error),{key:1,id:r.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(c.Hint),{key:2,id:n.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(V.Popup),{anchor:"maskedTextBoxRef",show:u.value,animate:!1,class:"fkui-range-popup"},{default:e.withCtx(()=>[e.createVNode(e.unref(M.Tooltip),{"anchor-element":"pointer",position:"top","open-delay":280,"parent-title":!0},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Calendar),{id:h.value,"model-value":d.value??void 0,class:"fkui-range-calendar",mode:"range","allow-reverse":!1,views:o.value,min:a.min??a.input.min,max:a.max??a.input.max,"onUpdate:modelValue":m,onChange:a.input.onCalendarChange,onKeydown:y[1]||(y[1]=e.withKeys(x=>i.value=!1,["escape"]))},null,8,["id","model-value","views","min","max","onChange"])]),_:1})]),_:1},8,["show"])]))}}),R=w._export_sfc($,[["__scopeId","data-v-8b45610e"]]),S=e.defineComponent({inheritAttrs:!1,__name:"TimeField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,d=e.useModel(a,"modelValue"),i=e.useModel(a,"show"),m=e.ref(null),v=e.computed(()=>i.value&&!t.disabled&&!t.readonly),u=e.computed(()=>`${t.input.id}-error`),f=e.computed(()=>`${t.input.id}-hint`),o=e.computed(()=>{const n=t.input.validationMessage.value;if(!n)return"";const l=C(t.input.reason.value);return l&&t.messages?.error?.[l]||n}),h=e.computed(()=>o.value?u.value:t.messages?.hint?f.value:void 0),r=b.usePopupTrap({isOpen:v,onRequestClose:()=>i.value=!1,triggerEl:m,popupSelector:[".k-timeselector",".k-popup"],focusTrapOptions:{setReturnFocus:()=>r.lastCloseReason.value==="outside"?!1:m.value?.querySelector("input")??!1}});return(n,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"fk-timepicker fkui-picker"},[a.label?(e.openBlock(),e.createBlock(e.unref(c.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(g.TimePicker),e.mergeProps({"fill-mode":"outline",rounded:"medium",size:"medium",format:"hh:mm a"},n.$attrs,{"model-value":d.value instanceof Date?d.value:void 0,"date-input":"masked",min:a.min??a.input.min??void 0,max:a.max??a.input.max??void 0,valid:a.input.isValid.value,"validation-message":o.value,disabled:a.disabled,show:v.value,onChange:a.input.handleChange,"onUpdate:modelValue":l[0]||(l[0]=k=>d.value=k),onOpen:l[1]||(l[1]=k=>i.value=!a.readonly),onClose:l[2]||(l[2]=k=>i.value=!1)}),{masked:e.withCtx(()=>[e.createVNode(e.unref(p.MaskedTextBox),{id:a.input.id,mask:"Hh:Mm Aa",rules:a.input.rules,value:a.input.raw.value,placeholder:a.messages?.placeholder??a.input.placeholder.value,"show-clear-button":!1,disabled:a.disabled,readonly:a.readonly,"aria-described-by":h.value,"input-attributes":{"aria-invalid":!a.input.isValid.value},onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onClick:a.input.handleClick,onWheel:a.input.handleWheel,onBlur:a.input.handleBlur},null,8,["id","rules","value","placeholder","disabled","readonly","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onClick","onWheel","onBlur"])]),_:1},16,["model-value","min","max","valid","validation-message","disabled","show","onChange"]),o.value?(e.openBlock(),e.createBlock(e.unref(c.Error),{key:1,id:u.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(c.Hint),{key:2,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0)],512))}}),q=w._export_sfc(S,[["__scopeId","data-v-33cb65f4"]]);exports.DateField=D;exports.DateRangeField=R;exports.TimeField=q;
 //# sourceMappingURL=picker.cjs.map

package/dist/picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"picker.cjs","sources":["../src/picker/errorKey.ts","../src/picker/DateField.vue","../src/picker/DateRangeField.vue","../src/picker/TimeField.vue"],"sourcesContent":["// The composables report a missing value as \"incomplete\"; messages call it\n// \"required\" to match USAddressMessages.\nexport const toErrorKey = <TKey extends string>(reason: string | undefined) =>\n  (reason === \"incomplete\" ? \"required\" : reason) as TKey | undefined;\n","<template>\n  <div ref=\"rootRef\" class=\"fk-datepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <DatePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"00/00/0000\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </DatePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { DatePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateInputReturn } from \"@featherk/composables/date\";\nimport type { DateFieldMessages, DateFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedDateInput`. */\n  input: UseMaskedDateInputReturn;\n  label?: string;\n  /** Calendar bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: DateFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedDateInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowCalendar` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<DateFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n","<template>\n  <div class=\"fk-daterangepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <div class=\"fkui-picker-row\">\n      <MaskedTextBox\n        ref=\"maskedTextBoxRef\"\n        fill-mode=\"outline\"\n        rounded=\"medium\"\n        size=\"medium\"\n        v-bind=\"$attrs\"\n        :id=\"input.id\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        :show-clear-button=\"showClearButton && !disabled && !readonly\"\n        :placeholder=\"messages?.placeholder ?? 'Start Date - End Date'\"\n        mask=\"00/00/0000 - 00/00/0000\"\n        :value=\"input.raw.value\"\n        :valid=\"input.validComputed.value\"\n        :aria-described-by=\"describedBy\"\n        :input-attributes=\"{\n          'aria-invalid': input.validComputed.value === false,\n          'aria-haspopup': 'grid',\n          'aria-expanded': isOpen,\n          'aria-controls': calendarId,\n        }\"\n        input-suffix=\"calendar-suffix\"\n        @change=\"input.handleChange\"\n        @keydown=\"input.handleKeyDown\"\n        @keyup=\"input.handleKeyUp\"\n        @wheel=\"input.handleWheel\"\n        @click=\"input.handleClick\"\n        @blur=\"input.handleBlur\"\n        @focus=\"show = false\"\n      >\n        <template #calendar-suffix>\n          <!-- mousedown.prevent keeps focus in the input; keyboard users open the calendar from the input. -->\n          <SvgIcon\n            :icon=\"dateRangeIcon\"\n            class=\"fkui-calendar-toggle\"\n            @mousedown.prevent.stop=\"toggleCalendar\"\n          />\n        </template>\n      </MaskedTextBox>\n      <Hint\n        v-if=\"input.validComputed.value && input.spanDays.value\"\n        :id=\"spanId\"\n      >\n        ({{ input.spanDays.value }} day{{\n          input.spanDays.value === 1 ? \"\" : \"s\"\n        }})\n      </Hint>\n    </div>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n\n    <Popup\n      anchor=\"maskedTextBoxRef\"\n      :show=\"isOpen\"\n      :animate=\"false\"\n      class=\"fkui-range-popup\"\n    >\n      <Tooltip\n        anchor-element=\"pointer\"\n        position=\"top\"\n        :open-delay=\"280\"\n        :parent-title=\"true\"\n      >\n        <Calendar\n          :id=\"calendarId\"\n          :model-value=\"model ?? undefined\"\n          class=\"fkui-range-calendar\"\n          mode=\"range\"\n          :allow-reverse=\"false\"\n          :views=\"calendarViews\"\n          :min=\"min ?? input.min\"\n          :max=\"max ?? input.max\"\n          @update:model-value=\"onCalendarValue\"\n          @change=\"input.onCalendarChange\"\n          @keydown.escape=\"show = false\"\n        />\n      </Tooltip>\n    </Popup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Calendar, type SelectionRange } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { SvgIcon } from \"@progress/kendo-vue-common\";\nimport { Popup } from \"@progress/kendo-vue-popup\";\nimport { Tooltip } from \"@progress/kendo-vue-tooltip\";\nimport { dateRangeIcon } from \"@featherk/icons\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateRangeInputReturn } from \"@featherk/composables/range\";\nimport type { DateRangeFieldErrorKey, DateRangeFieldMessages } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Return value of `useMaskedDateRangeInput`. */\n    input: UseMaskedDateRangeInputReturn;\n    label?: string;\n    /** Calendar bounds; default to the composable's `min`/`max`. */\n    min?: Date;\n    max?: Date;\n    messages?: DateRangeFieldMessages;\n    disabled?: boolean;\n    readonly?: boolean;\n    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */\n    showClearButton?: boolean;\n    /** Months shown in the calendar, 1 to 4 (default 4). */\n    views?: 1 | 2 | 3 | 4;\n  }>(),\n  { showClearButton: true },\n);\n\n/** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */\nconst model = defineModel<SelectionRange | null | undefined>();\n/** Must be the same ref passed to the composable as `isOpen`. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\n// Kendo Calendar's model type has no null, and in range mode it always emits a SelectionRange.\nconst onCalendarValue = (value: unknown) =>\n  (model.value = value as SelectionRange);\n\nconst maskedTextBoxRef = ref<InstanceType<typeof MaskedTextBox> | null>(null);\n\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\n\nconst toggleCalendar = () => {\n  if (!props.disabled && !props.readonly) show.value = !show.value;\n};\n\n// Clamped for untyped callers; the external styles are laid out for at most four months.\nconst calendarViews = computed(() => {\n  const views = Math.trunc(props.views ?? 4);\n  return Number.isFinite(views) ? Math.min(Math.max(views, 1), 4) : 4;\n});\n\nconst calendarId = computed(() => `${props.input.id}-calendar`);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\nconst spanId = computed(() => `${props.input.id}-span`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  if (props.input.validComputed.value !== false) return \"\";\n  const key = toErrorKey<DateRangeFieldErrorKey>(props.input.reason.value);\n  return (\n    (key && props.messages?.error?.[key]) || props.input.validationMessage.value\n  );\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  const ids = [\n    props.input.validComputed.value && props.input.spanDays.value\n      ? spanId.value\n      : \"\",\n    props.messages?.hint ? hintId.value : \"\",\n  ].filter(Boolean);\n  return ids.length ? ids.join(\" \") : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: computed(\n    () => (maskedTextBoxRef.value?.$el as HTMLElement | undefined) ?? null,\n  ),\n  popupSelector: [\".k-calendar\", \".k-popup\"],\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.fkui-picker-row {\n  display: inline-flex;\n  align-items: center;\n  gap: 1em;\n}\n.fkui-range-calendar {\n  overscroll-behavior: contain;\n}\n</style>\n","<template>\n  <div ref=\"rootRef\" class=\"fk-timepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <TimePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      format=\"hh:mm a\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @change=\"input.handleChange\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"Hh:Mm Aa\"\n          :rules=\"input.rules\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </TimePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { TimePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedTimeInputReturn } from \"@featherk/composables/time\";\nimport type { TimeFieldMessages, TimeFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedTimeInput`. */\n  input: UseMaskedTimeInputReturn;\n  label?: string;\n  /** Time list bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: TimeFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowPicker` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<TimeFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nconst trap = usePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n  popupSelector: [\".k-timeselector\", \".k-popup\"],\n  focusTrapOptions: {\n    // TimePicker focuses its time list before the trap activates, so the\n    // trap's default return target is removed with the popup (Set, Now, Cancel).\n    setReturnFocus: () =>\n      trap.lastCloseReason.value === \"outside\"\n        ? false\n        : (rootRef.value?.querySelector(\"input\") ?? false),\n  },\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n"],"names":["toErrorKey","reason","props","__props","model","_useModel","show","rootRef","ref","isOpen","computed","errorId","hintId","errorMessage","fallback","key","describedBy","usePopupTrap","_createElementBlock","_createBlock","_unref","Label","_createVNode","_mergeProps","$attrs","_cache","$event","MaskedTextBox","Error","Hint","_createTextVNode","_toDisplayString","onCalendarValue","value","maskedTextBoxRef","toggleCalendar","calendarViews","views","calendarId","spanId","ids","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","SvgIcon","dateRangeIcon","Popup","Tooltip","Calendar","trap"],"mappings":"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"}
+{"version":3,"file":"picker.cjs","sources":["../src/picker/errorKey.ts","../src/picker/DateField.vue","../src/picker/DateRangeField.vue","../src/picker/TimeField.vue"],"sourcesContent":["// The composables report a missing value as \"incomplete\"; messages call it\n// \"required\" to match USAddressMessages.\nexport const toErrorKey = <TKey extends string>(reason: string | undefined) =>\n  (reason === \"incomplete\" ? \"required\" : reason) as TKey | undefined;\n","<template>\n  <div ref=\"rootRef\" class=\"fk-datepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <DatePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"00/00/0000\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </DatePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { DatePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateInputReturn } from \"@featherk/composables/date\";\nimport type { DateFieldMessages, DateFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedDateInput`. */\n  input: UseMaskedDateInputReturn;\n  label?: string;\n  /** Calendar bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: DateFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedDateInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowCalendar` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<DateFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n","<template>\n  <div class=\"fk-daterangepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <MaskedTextBox\n      ref=\"maskedTextBoxRef\"\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :id=\"input.id\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :show-clear-button=\"showClearButton && !disabled && !readonly\"\n      :placeholder=\"messages?.placeholder ?? 'Start Date - End Date'\"\n      mask=\"00/00/0000 - 00/00/0000\"\n      :value=\"input.raw.value\"\n      :valid=\"input.validComputed.value\"\n      :aria-described-by=\"describedBy\"\n      :input-attributes=\"{\n        'aria-invalid': input.validComputed.value === false,\n        'aria-haspopup': 'grid',\n        'aria-expanded': isOpen,\n        'aria-controls': calendarId,\n      }\"\n      input-suffix=\"calendar-suffix\"\n      @change=\"input.handleChange\"\n      @keydown=\"input.handleKeyDown\"\n      @keyup=\"input.handleKeyUp\"\n      @wheel=\"input.handleWheel\"\n      @click=\"input.handleClick\"\n      @blur=\"input.handleBlur\"\n      @focus=\"show = false\"\n    >\n      <template #calendar-suffix>\n        <!-- mousedown.prevent keeps focus in the input; keyboard users open the calendar from the input. -->\n        <SvgIcon\n          :icon=\"dateRangeIcon\"\n          class=\"fkui-calendar-toggle\"\n          @mousedown.prevent.stop=\"toggleCalendar\"\n        />\n      </template>\n    </MaskedTextBox>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n\n    <Popup\n      anchor=\"maskedTextBoxRef\"\n      :show=\"isOpen\"\n      :animate=\"false\"\n      class=\"fkui-range-popup\"\n    >\n      <Tooltip\n        anchor-element=\"pointer\"\n        position=\"top\"\n        :open-delay=\"280\"\n        :parent-title=\"true\"\n      >\n        <Calendar\n          :id=\"calendarId\"\n          :model-value=\"model ?? undefined\"\n          class=\"fkui-range-calendar\"\n          mode=\"range\"\n          :allow-reverse=\"false\"\n          :views=\"calendarViews\"\n          :min=\"min ?? input.min\"\n          :max=\"max ?? input.max\"\n          @update:model-value=\"onCalendarValue\"\n          @change=\"input.onCalendarChange\"\n          @keydown.escape=\"show = false\"\n        />\n      </Tooltip>\n    </Popup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Calendar, type SelectionRange } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { SvgIcon } from \"@progress/kendo-vue-common\";\nimport { Popup } from \"@progress/kendo-vue-popup\";\nimport { Tooltip } from \"@progress/kendo-vue-tooltip\";\nimport { dateRangeIcon } from \"@featherk/icons\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateRangeInputReturn } from \"@featherk/composables/range\";\nimport type { DateRangeFieldErrorKey, DateRangeFieldMessages } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Return value of `useMaskedDateRangeInput`. */\n    input: UseMaskedDateRangeInputReturn;\n    label?: string;\n    /** Calendar bounds; default to the composable's `min`/`max`. */\n    min?: Date;\n    max?: Date;\n    messages?: DateRangeFieldMessages;\n    disabled?: boolean;\n    readonly?: boolean;\n    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */\n    showClearButton?: boolean;\n    /** Months shown in the calendar, 1 to 4 (default 4). */\n    views?: 1 | 2 | 3 | 4;\n  }>(),\n  { showClearButton: true },\n);\n\n/** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */\nconst model = defineModel<SelectionRange | null | undefined>();\n/** Must be the same ref passed to the composable as `isOpen`. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\n// Kendo Calendar's model type has no null, and in range mode it always emits a SelectionRange.\nconst onCalendarValue = (value: unknown) =>\n  (model.value = value as SelectionRange);\n\nconst maskedTextBoxRef = ref<InstanceType<typeof MaskedTextBox> | null>(null);\n\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\n\nconst toggleCalendar = () => {\n  if (!props.disabled && !props.readonly) show.value = !show.value;\n};\n\n// Clamped for untyped callers; the external styles are laid out for at most four months.\nconst calendarViews = computed(() => {\n  const views = Math.trunc(props.views ?? 4);\n  return Number.isFinite(views) ? Math.min(Math.max(views, 1), 4) : 4;\n});\n\nconst calendarId = computed(() => `${props.input.id}-calendar`);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  if (props.input.validComputed.value !== false) return \"\";\n  const key = toErrorKey<DateRangeFieldErrorKey>(props.input.reason.value);\n  return (\n    (key && props.messages?.error?.[key]) || props.input.validationMessage.value\n  );\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: computed(\n    () => (maskedTextBoxRef.value?.$el as HTMLElement | undefined) ?? null,\n  ),\n  popupSelector: [\".k-calendar\", \".k-popup\"],\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.fkui-range-calendar {\n  overscroll-behavior: contain;\n}\n</style>\n","<template>\n  <div ref=\"rootRef\" class=\"fk-timepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <TimePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      format=\"hh:mm a\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @change=\"input.handleChange\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"Hh:Mm Aa\"\n          :rules=\"input.rules\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </TimePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { TimePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedTimeInputReturn } from \"@featherk/composables/time\";\nimport type { TimeFieldMessages, TimeFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedTimeInput`. */\n  input: UseMaskedTimeInputReturn;\n  label?: string;\n  /** Time list bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: TimeFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowPicker` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<TimeFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nconst trap = usePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n  popupSelector: [\".k-timeselector\", \".k-popup\"],\n  focusTrapOptions: {\n    // TimePicker focuses its time list before the trap activates, so the\n    // trap's default return target is removed with the popup (Set, Now, Cancel).\n    setReturnFocus: () =>\n      trap.lastCloseReason.value === \"outside\"\n        ? false\n        : (rootRef.value?.querySelector(\"input\") ?? false),\n  },\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n"],"names":["toErrorKey","reason","props","__props","model","_useModel","show","rootRef","ref","isOpen","computed","errorId","hintId","errorMessage","fallback","key","describedBy","usePopupTrap","_createElementBlock","_createBlock","_unref","Label","_createVNode","_mergeProps","$attrs","_cache","$event","MaskedTextBox","Error","Hint","_createTextVNode","_toDisplayString","onCalendarValue","value","maskedTextBoxRef","toggleCalendar","calendarViews","views","calendarId","_openBlock","_hoisted_1","SvgIcon","dateRangeIcon","Popup","Tooltip","Calendar","trap"],"mappings":"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"}

package/dist/picker.mjs

@@ -1,17 +1,17 @@
-import "./chunks/picker.css";import { defineComponent as M, useModel as B, ref as $, computed as n, openBlock as o, createElementBlock as D, createBlock as c, unref as l, withCtx as u, createTextVNode as f, toDisplayString as m, createCommentVNode as p, createVNode as g, mergeProps as R, mergeModels as I, createElementVNode as N, withModifiers as P, withKeys as A } from "vue";
-import { DatePicker as z, Calendar as H, TimePicker as j } from "@progress/kendo-vue-dateinputs";
-import { MaskedTextBox as T } from "@progress/kendo-vue-inputs";
-import { Label as F, Error as W, Hint as K } from "@progress/kendo-vue-labels";
+import "./chunks/picker.css";import { defineComponent as M, useModel as x, ref as V, computed as n, openBlock as o, createElementBlock as $, createBlock as h, unref as l, withCtx as u, createTextVNode as y, toDisplayString as g, createCommentVNode as B, createVNode as f, mergeProps as R, mergeModels as D, withModifiers as q, withKeys as P } from "vue";
+import { DatePicker as A, Calendar as N, TimePicker as z } from "@progress/kendo-vue-dateinputs";
+import { MaskedTextBox as I } from "@progress/kendo-vue-inputs";
+import { Label as T, Error as F, Hint as W } from "@progress/kendo-vue-labels";
 import { usePopupTrap as E } from "@featherk/composables/trap";
 import { _ as O } from "./chunks/shared-CHgC5LLL.mjs";
-import { SvgIcon as L } from "@progress/kendo-vue-common";
-import { Popup as G } from "@progress/kendo-vue-popup";
-import { Tooltip as J } from "@progress/kendo-vue-tooltip";
-import { dateRangeIcon as Q } from "@featherk/icons";
-const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
+import { SvgIcon as H } from "@progress/kendo-vue-common";
+import { Popup as L } from "@progress/kendo-vue-popup";
+import { Tooltip as j } from "@progress/kendo-vue-tooltip";
+import { dateRangeIcon as G } from "@featherk/icons";
+const S = (e) => e === "incomplete" ? "required" : e, J = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "DateField",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ D({
     input: {},
     label: {},
     min: {},
@@ -27,49 +27,49 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
   }),
   emits: ["update:modelValue", "update:show"],
   setup(e) {
-    const a = e, v = B(e, "modelValue"), t = B(e, "show"), k = $(null), b = n(() => t.value && !a.disabled && !a.readonly), h = n(() => `${a.input.id}-error`), w = n(() => `${a.input.id}-hint`), r = n(() => {
-      const y = a.input.validationMessage.value;
-      if (!y) return "";
+    const a = e, r = x(e, "modelValue"), d = x(e, "show"), b = V(null), k = n(() => d.value && !a.disabled && !a.readonly), m = n(() => `${a.input.id}-error`), w = n(() => `${a.input.id}-hint`), s = n(() => {
+      const v = a.input.validationMessage.value;
+      if (!v) return "";
       const i = S(a.input.reason.value);
-      return i && a.messages?.error?.[i] || y;
-    }), x = n(() => r.value ? h.value : a.messages?.hint ? w.value : void 0);
+      return i && a.messages?.error?.[i] || v;
+    }), C = n(() => s.value ? m.value : a.messages?.hint ? w.value : void 0);
     return E({
-      isOpen: b,
-      onRequestClose: () => t.value = !1,
-      triggerEl: k
-    }), (y, i) => (o(), D("div", {
+      isOpen: k,
+      onRequestClose: () => d.value = !1,
+      triggerEl: b
+    }), (v, i) => (o(), $("div", {
       ref_key: "rootRef",
-      ref: k,
+      ref: b,
       class: "fk-datepicker fkui-picker"
     }, [
-      e.label ? (o(), c(l(F), {
+      e.label ? (o(), h(l(T), {
         key: 0,
         "editor-id": e.input.id
       }, {
         default: u(() => [
-          f(m(e.label), 1)
+          y(g(e.label), 1)
         ]),
         _: 1
-      }, 8, ["editor-id"])) : p("", !0),
-      g(l(z), R({
+      }, 8, ["editor-id"])) : B("", !0),
+      f(l(A), R({
         "fill-mode": "outline",
         rounded: "medium",
         size: "medium"
-      }, y.$attrs, {
-        "model-value": v.value instanceof Date ? v.value : void 0,
+      }, v.$attrs, {
+        "model-value": r.value instanceof Date ? r.value : void 0,
         "date-input": "masked",
         min: e.min ?? e.input.min ?? void 0,
         max: e.max ?? e.input.max ?? void 0,
         valid: e.input.isValid.value,
-        "validation-message": r.value,
+        "validation-message": s.value,
         disabled: e.disabled,
-        show: b.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (d) => v.value = d),
-        onOpen: i[1] || (i[1] = (d) => t.value = !e.readonly),
-        onClose: i[2] || (i[2] = (d) => t.value = !1)
+        show: k.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (t) => r.value = t),
+        onOpen: i[1] || (i[1] = (t) => d.value = !e.readonly),
+        onClose: i[2] || (i[2] = (t) => d.value = !1)
       }), {
         masked: u(() => [
-          g(l(T), {
+          f(l(I), {
             id: e.input.id,
             mask: "00/00/0000",
             value: e.input.raw.value,
@@ -77,7 +77,7 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
             "show-clear-button": !1,
             disabled: e.disabled,
             readonly: e.readonly,
-            "aria-described-by": x.value,
+            "aria-described-by": C.value,
             "input-attributes": { "aria-invalid": !e.input.isValid.value },
             onChange: e.input.handleChange,
             onKeydown: e.input.handleKeyDown,
@@ -89,29 +89,29 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 16, ["model-value", "min", "max", "valid", "validation-message", "disabled", "show"]),
-      r.value ? (o(), c(l(W), {
+      s.value ? (o(), h(l(F), {
         key: 1,
-        id: h.value
+        id: m.value
       }, {
         default: u(() => [
-          f(m(r.value), 1)
+          y(g(s.value), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : e.messages?.hint ? (o(), c(l(K), {
+      }, 8, ["id"])) : e.messages?.hint ? (o(), h(l(W), {
         key: 2,
         id: w.value
       }, {
         default: u(() => [
-          f(m(e.messages.hint), 1)
+          y(g(e.messages.hint), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : p("", !0)
+      }, 8, ["id"])) : B("", !0)
     ], 512));
   }
-}), me = /* @__PURE__ */ O(X, [["__scopeId", "data-v-9598aad4"]]), Y = { class: "fk-daterangepicker fkui-picker" }, Z = { class: "fkui-picker-row" }, _ = /* @__PURE__ */ M({
+}), oe = /* @__PURE__ */ O(J, [["__scopeId", "data-v-9598aad4"]]), Q = { class: "fk-daterangepicker fkui-picker" }, X = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "DateRangeField",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ D({
     input: {},
     label: {},
     min: {},
@@ -129,134 +129,116 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
   }),
   emits: ["update:modelValue", "update:show"],
   setup(e) {
-    const a = e, v = B(e, "modelValue"), t = B(e, "show"), k = (s) => v.value = s, b = $(null), h = n(() => t.value && !a.disabled && !a.readonly), w = () => {
-      !a.disabled && !a.readonly && (t.value = !t.value);
-    }, r = n(() => {
-      const s = Math.trunc(a.views ?? 4);
-      return Number.isFinite(s) ? Math.min(Math.max(s, 1), 4) : 4;
-    }), x = n(() => `${a.input.id}-calendar`), y = n(() => `${a.input.id}-error`), i = n(() => `${a.input.id}-hint`), d = n(() => `${a.input.id}-span`), C = n(() => {
+    const a = e, r = x(e, "modelValue"), d = x(e, "show"), b = (c) => r.value = c, k = V(null), m = n(() => d.value && !a.disabled && !a.readonly), w = () => {
+      !a.disabled && !a.readonly && (d.value = !d.value);
+    }, s = n(() => {
+      const c = Math.trunc(a.views ?? 4);
+      return Number.isFinite(c) ? Math.min(Math.max(c, 1), 4) : 4;
+    }), C = n(() => `${a.input.id}-calendar`), v = n(() => `${a.input.id}-error`), i = n(() => `${a.input.id}-hint`), t = n(() => {
       if (a.input.validComputed.value !== !1) return "";
-      const s = S(a.input.reason.value);
-      return s && a.messages?.error?.[s] || a.input.validationMessage.value;
-    }), U = n(() => {
-      if (C.value) return y.value;
-      const s = [
-        a.input.validComputed.value && a.input.spanDays.value ? d.value : "",
-        a.messages?.hint ? i.value : ""
-      ].filter(Boolean);
-      return s.length ? s.join(" ") : void 0;
-    });
+      const c = S(a.input.reason.value);
+      return c && a.messages?.error?.[c] || a.input.validationMessage.value;
+    }), p = n(() => t.value ? v.value : a.messages?.hint ? i.value : void 0);
     return E({
-      isOpen: h,
-      onRequestClose: () => t.value = !1,
+      isOpen: m,
+      onRequestClose: () => d.value = !1,
       triggerEl: n(
-        () => b.value?.$el ?? null
+        () => k.value?.$el ?? null
       ),
       popupSelector: [".k-calendar", ".k-popup"]
-    }), (s, V) => (o(), D("div", Y, [
-      e.label ? (o(), c(l(F), {
+    }), (c, K) => (o(), $("div", Q, [
+      e.label ? (o(), h(l(T), {
         key: 0,
         "editor-id": e.input.id
       }, {
         default: u(() => [
-          f(m(e.label), 1)
+          y(g(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["editor-id"])) : B("", !0),
+      f(l(I), R({
+        ref_key: "maskedTextBoxRef",
+        ref: k,
+        "fill-mode": "outline",
+        rounded: "medium",
+        size: "medium"
+      }, c.$attrs, {
+        id: e.input.id,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        "show-clear-button": e.showClearButton && !e.disabled && !e.readonly,
+        placeholder: e.messages?.placeholder ?? "Start Date - End Date",
+        mask: "00/00/0000 - 00/00/0000",
+        value: e.input.raw.value,
+        valid: e.input.validComputed.value,
+        "aria-described-by": p.value,
+        "input-attributes": {
+          "aria-invalid": e.input.validComputed.value === !1,
+          "aria-haspopup": "grid",
+          "aria-expanded": m.value,
+          "aria-controls": C.value
+        },
+        "input-suffix": "calendar-suffix",
+        onChange: e.input.handleChange,
+        onKeydown: e.input.handleKeyDown,
+        onKeyup: e.input.handleKeyUp,
+        onWheel: e.input.handleWheel,
+        onClick: e.input.handleClick,
+        onBlur: e.input.handleBlur,
+        onFocus: K[0] || (K[0] = (U) => d.value = !1)
+      }), {
+        "calendar-suffix": u(() => [
+          f(l(H), {
+            icon: l(G),
+            class: "fkui-calendar-toggle",
+            onMousedown: q(w, ["prevent", "stop"])
+          }, null, 8, ["icon"])
         ]),
         _: 1
-      }, 8, ["editor-id"])) : p("", !0),
-      N("div", Z, [
-        g(l(T), R({
-          ref_key: "maskedTextBoxRef",
-          ref: b,
-          "fill-mode": "outline",
-          rounded: "medium",
-          size: "medium"
-        }, s.$attrs, {
-          id: e.input.id,
-          disabled: e.disabled,
-          readonly: e.readonly,
-          "show-clear-button": e.showClearButton && !e.disabled && !e.readonly,
-          placeholder: e.messages?.placeholder ?? "Start Date - End Date",
-          mask: "00/00/0000 - 00/00/0000",
-          value: e.input.raw.value,
-          valid: e.input.validComputed.value,
-          "aria-described-by": U.value,
-          "input-attributes": {
-            "aria-invalid": e.input.validComputed.value === !1,
-            "aria-haspopup": "grid",
-            "aria-expanded": h.value,
-            "aria-controls": x.value
-          },
-          "input-suffix": "calendar-suffix",
-          onChange: e.input.handleChange,
-          onKeydown: e.input.handleKeyDown,
-          onKeyup: e.input.handleKeyUp,
-          onWheel: e.input.handleWheel,
-          onClick: e.input.handleClick,
-          onBlur: e.input.handleBlur,
-          onFocus: V[0] || (V[0] = (q) => t.value = !1)
-        }), {
-          "calendar-suffix": u(() => [
-            g(l(L), {
-              icon: l(Q),
-              class: "fkui-calendar-toggle",
-              onMousedown: P(w, ["prevent", "stop"])
-            }, null, 8, ["icon"])
-          ]),
-          _: 1
-        }, 16, ["id", "disabled", "readonly", "show-clear-button", "placeholder", "value", "valid", "aria-described-by", "input-attributes", "onChange", "onKeydown", "onKeyup", "onWheel", "onClick", "onBlur"]),
-        e.input.validComputed.value && e.input.spanDays.value ? (o(), c(l(K), {
-          key: 0,
-          id: d.value
-        }, {
-          default: u(() => [
-            f(" (" + m(e.input.spanDays.value) + " day" + m(e.input.spanDays.value === 1 ? "" : "s") + ") ", 1)
-          ]),
-          _: 1
-        }, 8, ["id"])) : p("", !0)
-      ]),
-      C.value ? (o(), c(l(W), {
+      }, 16, ["id", "disabled", "readonly", "show-clear-button", "placeholder", "value", "valid", "aria-described-by", "input-attributes", "onChange", "onKeydown", "onKeyup", "onWheel", "onClick", "onBlur"]),
+      t.value ? (o(), h(l(F), {
         key: 1,
-        id: y.value
+        id: v.value
       }, {
         default: u(() => [
-          f(m(C.value), 1)
+          y(g(t.value), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : e.messages?.hint ? (o(), c(l(K), {
+      }, 8, ["id"])) : e.messages?.hint ? (o(), h(l(W), {
         key: 2,
         id: i.value
       }, {
         default: u(() => [
-          f(m(e.messages.hint), 1)
+          y(g(e.messages.hint), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : p("", !0),
-      g(l(G), {
+      }, 8, ["id"])) : B("", !0),
+      f(l(L), {
         anchor: "maskedTextBoxRef",
-        show: h.value,
+        show: m.value,
         animate: !1,
         class: "fkui-range-popup"
       }, {
         default: u(() => [
-          g(l(J), {
+          f(l(j), {
             "anchor-element": "pointer",
             position: "top",
             "open-delay": 280,
             "parent-title": !0
           }, {
             default: u(() => [
-              g(l(H), {
-                id: x.value,
-                "model-value": v.value ?? void 0,
+              f(l(N), {
+                id: C.value,
+                "model-value": r.value ?? void 0,
                 class: "fkui-range-calendar",
                 mode: "range",
                 "allow-reverse": !1,
-                views: r.value,
+                views: s.value,
                 min: e.min ?? e.input.min,
                 max: e.max ?? e.input.max,
-                "onUpdate:modelValue": k,
+                "onUpdate:modelValue": b,
                 onChange: e.input.onCalendarChange,
-                onKeydown: V[1] || (V[1] = A((q) => t.value = !1, ["escape"]))
+                onKeydown: K[1] || (K[1] = P((U) => d.value = !1, ["escape"]))
               }, null, 8, ["id", "model-value", "views", "min", "max", "onChange"])
             ]),
             _: 1
@@ -266,10 +248,10 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
       }, 8, ["show"])
     ]));
   }
-}), ve = /* @__PURE__ */ O(_, [["__scopeId", "data-v-43893bc7"]]), ee = /* @__PURE__ */ M({
+}), se = /* @__PURE__ */ O(X, [["__scopeId", "data-v-8b45610e"]]), Y = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "TimeField",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ D({
     input: {},
     label: {},
     min: {},
@@ -285,57 +267,57 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
   }),
   emits: ["update:modelValue", "update:show"],
   setup(e) {
-    const a = e, v = B(e, "modelValue"), t = B(e, "show"), k = $(null), b = n(() => t.value && !a.disabled && !a.readonly), h = n(() => `${a.input.id}-error`), w = n(() => `${a.input.id}-hint`), r = n(() => {
+    const a = e, r = x(e, "modelValue"), d = x(e, "show"), b = V(null), k = n(() => d.value && !a.disabled && !a.readonly), m = n(() => `${a.input.id}-error`), w = n(() => `${a.input.id}-hint`), s = n(() => {
       const i = a.input.validationMessage.value;
       if (!i) return "";
-      const d = S(a.input.reason.value);
-      return d && a.messages?.error?.[d] || i;
-    }), x = n(() => r.value ? h.value : a.messages?.hint ? w.value : void 0), y = E({
-      isOpen: b,
-      onRequestClose: () => t.value = !1,
-      triggerEl: k,
+      const t = S(a.input.reason.value);
+      return t && a.messages?.error?.[t] || i;
+    }), C = n(() => s.value ? m.value : a.messages?.hint ? w.value : void 0), v = E({
+      isOpen: k,
+      onRequestClose: () => d.value = !1,
+      triggerEl: b,
       popupSelector: [".k-timeselector", ".k-popup"],
       focusTrapOptions: {
         // TimePicker focuses its time list before the trap activates, so the
         // trap's default return target is removed with the popup (Set, Now, Cancel).
-        setReturnFocus: () => y.lastCloseReason.value === "outside" ? !1 : k.value?.querySelector("input") ?? !1
+        setReturnFocus: () => v.lastCloseReason.value === "outside" ? !1 : b.value?.querySelector("input") ?? !1
       }
     });
-    return (i, d) => (o(), D("div", {
+    return (i, t) => (o(), $("div", {
       ref_key: "rootRef",
-      ref: k,
+      ref: b,
       class: "fk-timepicker fkui-picker"
     }, [
-      e.label ? (o(), c(l(F), {
+      e.label ? (o(), h(l(T), {
         key: 0,
         "editor-id": e.input.id
       }, {
         default: u(() => [
-          f(m(e.label), 1)
+          y(g(e.label), 1)
         ]),
         _: 1
-      }, 8, ["editor-id"])) : p("", !0),
-      g(l(j), R({
+      }, 8, ["editor-id"])) : B("", !0),
+      f(l(z), R({
         "fill-mode": "outline",
         rounded: "medium",
         size: "medium",
         format: "hh:mm a"
       }, i.$attrs, {
-        "model-value": v.value instanceof Date ? v.value : void 0,
+        "model-value": r.value instanceof Date ? r.value : void 0,
         "date-input": "masked",
         min: e.min ?? e.input.min ?? void 0,
         max: e.max ?? e.input.max ?? void 0,
         valid: e.input.isValid.value,
-        "validation-message": r.value,
+        "validation-message": s.value,
         disabled: e.disabled,
-        show: b.value,
+        show: k.value,
         onChange: e.input.handleChange,
-        "onUpdate:modelValue": d[0] || (d[0] = (C) => v.value = C),
-        onOpen: d[1] || (d[1] = (C) => t.value = !e.readonly),
-        onClose: d[2] || (d[2] = (C) => t.value = !1)
+        "onUpdate:modelValue": t[0] || (t[0] = (p) => r.value = p),
+        onOpen: t[1] || (t[1] = (p) => d.value = !e.readonly),
+        onClose: t[2] || (t[2] = (p) => d.value = !1)
       }), {
         masked: u(() => [
-          g(l(T), {
+          f(l(I), {
             id: e.input.id,
             mask: "Hh:Mm Aa",
             rules: e.input.rules,
@@ -344,7 +326,7 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
             "show-clear-button": !1,
             disabled: e.disabled,
             readonly: e.readonly,
-            "aria-described-by": x.value,
+            "aria-described-by": C.value,
             "input-attributes": { "aria-invalid": !e.input.isValid.value },
             onChange: e.input.handleChange,
             onKeydown: e.input.handleKeyDown,
@@ -356,29 +338,29 @@ const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 16, ["model-value", "min", "max", "valid", "validation-message", "disabled", "show", "onChange"]),
-      r.value ? (o(), c(l(W), {
+      s.value ? (o(), h(l(F), {
         key: 1,
-        id: h.value
+        id: m.value
       }, {
         default: u(() => [
-          f(m(r.value), 1)
+          y(g(s.value), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : e.messages?.hint ? (o(), c(l(K), {
+      }, 8, ["id"])) : e.messages?.hint ? (o(), h(l(W), {
         key: 2,
         id: w.value
       }, {
         default: u(() => [
-          f(m(e.messages.hint), 1)
+          y(g(e.messages.hint), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : p("", !0)
+      }, 8, ["id"])) : B("", !0)
     ], 512));
   }
-}), ce = /* @__PURE__ */ O(ee, [["__scopeId", "data-v-33cb65f4"]]);
+}), re = /* @__PURE__ */ O(Y, [["__scopeId", "data-v-33cb65f4"]]);
 export {
-  me as DateField,
-  ve as DateRangeField,
-  ce as TimeField
+  oe as DateField,
+  se as DateRangeField,
+  re as TimeField
 };
 //# sourceMappingURL=picker.mjs.map

package/dist/picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"picker.mjs","sources":["../src/picker/errorKey.ts","../src/picker/DateField.vue","../src/picker/DateRangeField.vue","../src/picker/TimeField.vue"],"sourcesContent":["// The composables report a missing value as \"incomplete\"; messages call it\n// \"required\" to match USAddressMessages.\nexport const toErrorKey = <TKey extends string>(reason: string | undefined) =>\n  (reason === \"incomplete\" ? \"required\" : reason) as TKey | undefined;\n","<template>\n  <div ref=\"rootRef\" class=\"fk-datepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <DatePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"00/00/0000\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </DatePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { DatePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateInputReturn } from \"@featherk/composables/date\";\nimport type { DateFieldMessages, DateFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedDateInput`. */\n  input: UseMaskedDateInputReturn;\n  label?: string;\n  /** Calendar bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: DateFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedDateInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowCalendar` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<DateFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n","<template>\n  <div class=\"fk-daterangepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <div class=\"fkui-picker-row\">\n      <MaskedTextBox\n        ref=\"maskedTextBoxRef\"\n        fill-mode=\"outline\"\n        rounded=\"medium\"\n        size=\"medium\"\n        v-bind=\"$attrs\"\n        :id=\"input.id\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        :show-clear-button=\"showClearButton && !disabled && !readonly\"\n        :placeholder=\"messages?.placeholder ?? 'Start Date - End Date'\"\n        mask=\"00/00/0000 - 00/00/0000\"\n        :value=\"input.raw.value\"\n        :valid=\"input.validComputed.value\"\n        :aria-described-by=\"describedBy\"\n        :input-attributes=\"{\n          'aria-invalid': input.validComputed.value === false,\n          'aria-haspopup': 'grid',\n          'aria-expanded': isOpen,\n          'aria-controls': calendarId,\n        }\"\n        input-suffix=\"calendar-suffix\"\n        @change=\"input.handleChange\"\n        @keydown=\"input.handleKeyDown\"\n        @keyup=\"input.handleKeyUp\"\n        @wheel=\"input.handleWheel\"\n        @click=\"input.handleClick\"\n        @blur=\"input.handleBlur\"\n        @focus=\"show = false\"\n      >\n        <template #calendar-suffix>\n          <!-- mousedown.prevent keeps focus in the input; keyboard users open the calendar from the input. -->\n          <SvgIcon\n            :icon=\"dateRangeIcon\"\n            class=\"fkui-calendar-toggle\"\n            @mousedown.prevent.stop=\"toggleCalendar\"\n          />\n        </template>\n      </MaskedTextBox>\n      <Hint\n        v-if=\"input.validComputed.value && input.spanDays.value\"\n        :id=\"spanId\"\n      >\n        ({{ input.spanDays.value }} day{{\n          input.spanDays.value === 1 ? \"\" : \"s\"\n        }})\n      </Hint>\n    </div>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n\n    <Popup\n      anchor=\"maskedTextBoxRef\"\n      :show=\"isOpen\"\n      :animate=\"false\"\n      class=\"fkui-range-popup\"\n    >\n      <Tooltip\n        anchor-element=\"pointer\"\n        position=\"top\"\n        :open-delay=\"280\"\n        :parent-title=\"true\"\n      >\n        <Calendar\n          :id=\"calendarId\"\n          :model-value=\"model ?? undefined\"\n          class=\"fkui-range-calendar\"\n          mode=\"range\"\n          :allow-reverse=\"false\"\n          :views=\"calendarViews\"\n          :min=\"min ?? input.min\"\n          :max=\"max ?? input.max\"\n          @update:model-value=\"onCalendarValue\"\n          @change=\"input.onCalendarChange\"\n          @keydown.escape=\"show = false\"\n        />\n      </Tooltip>\n    </Popup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Calendar, type SelectionRange } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { SvgIcon } from \"@progress/kendo-vue-common\";\nimport { Popup } from \"@progress/kendo-vue-popup\";\nimport { Tooltip } from \"@progress/kendo-vue-tooltip\";\nimport { dateRangeIcon } from \"@featherk/icons\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateRangeInputReturn } from \"@featherk/composables/range\";\nimport type { DateRangeFieldErrorKey, DateRangeFieldMessages } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Return value of `useMaskedDateRangeInput`. */\n    input: UseMaskedDateRangeInputReturn;\n    label?: string;\n    /** Calendar bounds; default to the composable's `min`/`max`. */\n    min?: Date;\n    max?: Date;\n    messages?: DateRangeFieldMessages;\n    disabled?: boolean;\n    readonly?: boolean;\n    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */\n    showClearButton?: boolean;\n    /** Months shown in the calendar, 1 to 4 (default 4). */\n    views?: 1 | 2 | 3 | 4;\n  }>(),\n  { showClearButton: true },\n);\n\n/** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */\nconst model = defineModel<SelectionRange | null | undefined>();\n/** Must be the same ref passed to the composable as `isOpen`. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\n// Kendo Calendar's model type has no null, and in range mode it always emits a SelectionRange.\nconst onCalendarValue = (value: unknown) =>\n  (model.value = value as SelectionRange);\n\nconst maskedTextBoxRef = ref<InstanceType<typeof MaskedTextBox> | null>(null);\n\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\n\nconst toggleCalendar = () => {\n  if (!props.disabled && !props.readonly) show.value = !show.value;\n};\n\n// Clamped for untyped callers; the external styles are laid out for at most four months.\nconst calendarViews = computed(() => {\n  const views = Math.trunc(props.views ?? 4);\n  return Number.isFinite(views) ? Math.min(Math.max(views, 1), 4) : 4;\n});\n\nconst calendarId = computed(() => `${props.input.id}-calendar`);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\nconst spanId = computed(() => `${props.input.id}-span`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  if (props.input.validComputed.value !== false) return \"\";\n  const key = toErrorKey<DateRangeFieldErrorKey>(props.input.reason.value);\n  return (\n    (key && props.messages?.error?.[key]) || props.input.validationMessage.value\n  );\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  const ids = [\n    props.input.validComputed.value && props.input.spanDays.value\n      ? spanId.value\n      : \"\",\n    props.messages?.hint ? hintId.value : \"\",\n  ].filter(Boolean);\n  return ids.length ? ids.join(\" \") : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: computed(\n    () => (maskedTextBoxRef.value?.$el as HTMLElement | undefined) ?? null,\n  ),\n  popupSelector: [\".k-calendar\", \".k-popup\"],\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.fkui-picker-row {\n  display: inline-flex;\n  align-items: center;\n  gap: 1em;\n}\n.fkui-range-calendar {\n  overscroll-behavior: contain;\n}\n</style>\n","<template>\n  <div ref=\"rootRef\" class=\"fk-timepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <TimePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      format=\"hh:mm a\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @change=\"input.handleChange\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"Hh:Mm Aa\"\n          :rules=\"input.rules\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </TimePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { TimePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedTimeInputReturn } from \"@featherk/composables/time\";\nimport type { TimeFieldMessages, TimeFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedTimeInput`. */\n  input: UseMaskedTimeInputReturn;\n  label?: string;\n  /** Time list bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: TimeFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowPicker` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<TimeFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nconst trap = usePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n  popupSelector: [\".k-timeselector\", \".k-popup\"],\n  focusTrapOptions: {\n    // TimePicker focuses its time list before the trap activates, so the\n    // trap's default return target is removed with the popup (Set, Now, Cancel).\n    setReturnFocus: () =>\n      trap.lastCloseReason.value === \"outside\"\n        ? false\n        : (rootRef.value?.querySelector(\"input\") ?? false),\n  },\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n"],"names":["toErrorKey","reason","props","__props","model","_useModel","show","rootRef","ref","isOpen","computed","errorId","hintId","errorMessage","fallback","key","describedBy","usePopupTrap","_createElementBlock","_createBlock","_unref","Label","_createVNode","_mergeProps","$attrs","_cache","$event","MaskedTextBox","Error","Hint","_createTextVNode","_toDisplayString","onCalendarValue","value","maskedTextBoxRef","toggleCalendar","calendarViews","views","calendarId","spanId","ids","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","SvgIcon","dateRangeIcon","Popup","Tooltip","Calendar","trap"],"mappings":"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"}
+{"version":3,"file":"picker.mjs","sources":["../src/picker/errorKey.ts","../src/picker/DateField.vue","../src/picker/DateRangeField.vue","../src/picker/TimeField.vue"],"sourcesContent":["// The composables report a missing value as \"incomplete\"; messages call it\n// \"required\" to match USAddressMessages.\nexport const toErrorKey = <TKey extends string>(reason: string | undefined) =>\n  (reason === \"incomplete\" ? \"required\" : reason) as TKey | undefined;\n","<template>\n  <div ref=\"rootRef\" class=\"fk-datepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <DatePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"00/00/0000\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </DatePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { DatePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateInputReturn } from \"@featherk/composables/date\";\nimport type { DateFieldMessages, DateFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedDateInput`. */\n  input: UseMaskedDateInputReturn;\n  label?: string;\n  /** Calendar bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: DateFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedDateInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowCalendar` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<DateFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n","<template>\n  <div class=\"fk-daterangepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <MaskedTextBox\n      ref=\"maskedTextBoxRef\"\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :id=\"input.id\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :show-clear-button=\"showClearButton && !disabled && !readonly\"\n      :placeholder=\"messages?.placeholder ?? 'Start Date - End Date'\"\n      mask=\"00/00/0000 - 00/00/0000\"\n      :value=\"input.raw.value\"\n      :valid=\"input.validComputed.value\"\n      :aria-described-by=\"describedBy\"\n      :input-attributes=\"{\n        'aria-invalid': input.validComputed.value === false,\n        'aria-haspopup': 'grid',\n        'aria-expanded': isOpen,\n        'aria-controls': calendarId,\n      }\"\n      input-suffix=\"calendar-suffix\"\n      @change=\"input.handleChange\"\n      @keydown=\"input.handleKeyDown\"\n      @keyup=\"input.handleKeyUp\"\n      @wheel=\"input.handleWheel\"\n      @click=\"input.handleClick\"\n      @blur=\"input.handleBlur\"\n      @focus=\"show = false\"\n    >\n      <template #calendar-suffix>\n        <!-- mousedown.prevent keeps focus in the input; keyboard users open the calendar from the input. -->\n        <SvgIcon\n          :icon=\"dateRangeIcon\"\n          class=\"fkui-calendar-toggle\"\n          @mousedown.prevent.stop=\"toggleCalendar\"\n        />\n      </template>\n    </MaskedTextBox>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n\n    <Popup\n      anchor=\"maskedTextBoxRef\"\n      :show=\"isOpen\"\n      :animate=\"false\"\n      class=\"fkui-range-popup\"\n    >\n      <Tooltip\n        anchor-element=\"pointer\"\n        position=\"top\"\n        :open-delay=\"280\"\n        :parent-title=\"true\"\n      >\n        <Calendar\n          :id=\"calendarId\"\n          :model-value=\"model ?? undefined\"\n          class=\"fkui-range-calendar\"\n          mode=\"range\"\n          :allow-reverse=\"false\"\n          :views=\"calendarViews\"\n          :min=\"min ?? input.min\"\n          :max=\"max ?? input.max\"\n          @update:model-value=\"onCalendarValue\"\n          @change=\"input.onCalendarChange\"\n          @keydown.escape=\"show = false\"\n        />\n      </Tooltip>\n    </Popup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Calendar, type SelectionRange } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { SvgIcon } from \"@progress/kendo-vue-common\";\nimport { Popup } from \"@progress/kendo-vue-popup\";\nimport { Tooltip } from \"@progress/kendo-vue-tooltip\";\nimport { dateRangeIcon } from \"@featherk/icons\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateRangeInputReturn } from \"@featherk/composables/range\";\nimport type { DateRangeFieldErrorKey, DateRangeFieldMessages } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Return value of `useMaskedDateRangeInput`. */\n    input: UseMaskedDateRangeInputReturn;\n    label?: string;\n    /** Calendar bounds; default to the composable's `min`/`max`. */\n    min?: Date;\n    max?: Date;\n    messages?: DateRangeFieldMessages;\n    disabled?: boolean;\n    readonly?: boolean;\n    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */\n    showClearButton?: boolean;\n    /** Months shown in the calendar, 1 to 4 (default 4). */\n    views?: 1 | 2 | 3 | 4;\n  }>(),\n  { showClearButton: true },\n);\n\n/** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */\nconst model = defineModel<SelectionRange | null | undefined>();\n/** Must be the same ref passed to the composable as `isOpen`. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\n// Kendo Calendar's model type has no null, and in range mode it always emits a SelectionRange.\nconst onCalendarValue = (value: unknown) =>\n  (model.value = value as SelectionRange);\n\nconst maskedTextBoxRef = ref<InstanceType<typeof MaskedTextBox> | null>(null);\n\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\n\nconst toggleCalendar = () => {\n  if (!props.disabled && !props.readonly) show.value = !show.value;\n};\n\n// Clamped for untyped callers; the external styles are laid out for at most four months.\nconst calendarViews = computed(() => {\n  const views = Math.trunc(props.views ?? 4);\n  return Number.isFinite(views) ? Math.min(Math.max(views, 1), 4) : 4;\n});\n\nconst calendarId = computed(() => `${props.input.id}-calendar`);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  if (props.input.validComputed.value !== false) return \"\";\n  const key = toErrorKey<DateRangeFieldErrorKey>(props.input.reason.value);\n  return (\n    (key && props.messages?.error?.[key]) || props.input.validationMessage.value\n  );\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: computed(\n    () => (maskedTextBoxRef.value?.$el as HTMLElement | undefined) ?? null,\n  ),\n  popupSelector: [\".k-calendar\", \".k-popup\"],\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.fkui-range-calendar {\n  overscroll-behavior: contain;\n}\n</style>\n","<template>\n  <div ref=\"rootRef\" class=\"fk-timepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <TimePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      format=\"hh:mm a\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @change=\"input.handleChange\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"Hh:Mm Aa\"\n          :rules=\"input.rules\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </TimePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { TimePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedTimeInputReturn } from \"@featherk/composables/time\";\nimport type { TimeFieldMessages, TimeFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedTimeInput`. */\n  input: UseMaskedTimeInputReturn;\n  label?: string;\n  /** Time list bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: TimeFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowPicker` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<TimeFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nconst trap = usePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n  popupSelector: [\".k-timeselector\", \".k-popup\"],\n  focusTrapOptions: {\n    // TimePicker focuses its time list before the trap activates, so the\n    // trap's default return target is removed with the popup (Set, Now, Cancel).\n    setReturnFocus: () =>\n      trap.lastCloseReason.value === \"outside\"\n        ? false\n        : (rootRef.value?.querySelector(\"input\") ?? false),\n  },\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n"],"names":["toErrorKey","reason","props","__props","model","_useModel","show","rootRef","ref","isOpen","computed","errorId","hintId","errorMessage","fallback","key","describedBy","usePopupTrap","_createElementBlock","_createBlock","_unref","Label","_createVNode","_mergeProps","$attrs","_cache","$event","MaskedTextBox","Error","Hint","_createTextVNode","_toDisplayString","onCalendarValue","value","maskedTextBoxRef","toggleCalendar","calendarViews","views","calendarId","_openBlock","_hoisted_1","SvgIcon","dateRangeIcon","Popup","Tooltip","Calendar","trap"],"mappings":"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"}

package/docs/picker/DateRangeField.md

@@ -2,7 +2,7 @@
 
 `DateRangeField` renders a masked date range input with a range-mode calendar popup, driven by a parent-owned `useMaskedDateRangeInput`.
 
-It wires the `MaskedTextBox` and its handlers, the calendar icon toggle, the anchored `Popup`, a `Tooltip` around a range-mode `Calendar`, the day-span `Hint`, `Label`, `Error` and the popup focus trap.
+It wires the `MaskedTextBox` and its handlers, the calendar icon toggle, the anchored `Popup`, a `Tooltip` around a range-mode `Calendar`, `Hint`, `Label`, `Error` and the popup focus trap.
 
 ## Import
 
@@ -91,9 +91,9 @@ Typed input is reported through the composable's `onChange`.
 
 ## Notes
 
-- The input `id` comes from the composable's `id` option. Use a unique id per instance. The day-span hint (for example `(10 days)`) is built in and not part of `messages`. The calendar, error and hints get `<id>-calendar`, `<id>-error`, `<id>-hint` and `<id>-span`.
+- The input `id` comes from the composable's `id` option. Use a unique id per instance. The calendar, error and hint get `<id>-calendar`, `<id>-error` and `<id>-hint`.
 - Keyboard: Space or Alt+ArrowDown opens the calendar, ArrowUp/ArrowDown step the date part under the caret, Escape closes the calendar. Focus is trapped in the calendar while it is open.
-- The input has `aria-haspopup="grid"`, `aria-expanded` and `aria-controls` for the calendar. `aria-describedby` points to the error while invalid, otherwise to the span and hint. `aria-invalid` and the invalid styling follow the composable's `validComputed`: nothing is flagged before the first blur, and afterwards they update as the user types, together with the error text.
+- The input has `aria-haspopup="grid"`, `aria-expanded` and `aria-controls` for the calendar. `aria-describedby` points to the error while invalid, otherwise to the hint. `aria-invalid` and the invalid styling follow the composable's `validComputed`: nothing is flagged before the first blur, and afterwards they update as the user types, together with the error text.
 - The calendar icon is mouse-only (`mousedown.prevent` keeps focus in the input). Keyboard users open the calendar from the input.
 - With the FeatherK external styles, four months show as a 2×2 grid and two as one row.
 - Styling comes from `@featherk/styles`: the component root has the `fk-daterangepicker` class used by its external styles.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@featherk/ui",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -51,8 +51,8 @@
   },
   "peerDependencies": {
     "vue": "^3.5.0",
-    "@featherk/composables": ">=0.18.0",
-    "@featherk/icons": ">=0.18.0",
+    "@featherk/composables": ">=0.18.1",
+    "@featherk/icons": ">=0.18.1",
     "@progress/kendo-svg-icons": "^4.5.0",
     "@progress/kendo-vue-buttons": "^6.4.1",
     "@progress/kendo-vue-common": "^6.4.1",