@skdx/vue 0.27.0 → 0.29.0

package/dist/date-picker/DatePicker.vue.d.ts

@@ -1,72 +1,74 @@
-import { type CalendarSelectionMode, type CalendarValue } from '../calendar/dateMath.js';
-import type { Granularity } from '../utils/dateSegments.js';
-/**
- * Root of a date picker: composes Popover's open/positioning machinery with
- * `SkdxCalendar`'s date-grid logic — a date picker is just "a Calendar shown
- * in a Popper popup that closes on selection". Owns the selected `value`
- * and the popup's `open` state, handing both down to every other
- * `SkdxDatePicker*` part via context. Renders no DOM of its own.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxDatePickerContent`'s enter
- * or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:value`, `v-model:open`) or uncontrolled
- * (`default-value`, `default-open`).
- *
- * With a `name`, the selection is submitted by the surrounding `<form>` as
- * local-time `YYYY-MM-DD` strings, exactly like `<input type="date">` — one
- * entry in `single` mode, one entry per date in `multiple`, and start then end
- * in `range`. `required` reports `valueMissing` while nothing is selected, and
- * `checkValidity()`/`reportValidity()` — exposed on this root — delegate to
- * those inputs. Resetting the owning `<form>` restores the selection the picker
- * was declared with, emitting `value-change` so a controlled parent follows it.
- */
+import { type CalendarSelectionMode, type CalendarValue, type CalendarValueInput } from '../calendar/dateMath.js';
+import type { Granularity } from '../utils/date-segments.js';
+/** Calendar in a Popper popup, owning `value` and `open` distributed via context. */
 type __VLS_Props = {
-    /**
-     * Disables `SkdxDatePickerTrigger` and prevents the popup opening.
-     *
-     * Part of the shared DatePicker contract, and it was missing here: without
-     * it a disabled date picker could not be expressed at all in Vue, and
-     * `_trigger.css` — which keys the whole disabled treatment on
-     * `[data-disabled]` — painted it as an enabled control, hover included, in
-     * every theme.
+    /** Disables trigger and prevents popup opening.
+     * @default false
      */
     disabled?: boolean;
-    /**
-     * How many dates the composed calendar selects at once, which decides the
-     * shape of `value` — see `CalendarSelectionMode`. Also decides when the
-     * popup auto-closes: immediately in `single`, once the range is closed in
-     * `range`, never in `multiple`.
+    /** Selection mode (single/multiple/range); determines `value` shape.
+     * @default 'single'
      */
     selectionMode?: CalendarSelectionMode;
-    /** Current selection, for controlled usage. Pair with `v-model:value`. Its shape follows `selectionMode`. */
-    value?: CalendarValue;
-    /** Initial selection, for uncontrolled usage. Its shape follows `selectionMode`. */
-    defaultValue?: CalendarValue;
-    /** Whether the popup is open, for controlled usage. Pair with `v-model:open`. */
-    open?: boolean;
-    /** Initial open state, for uncontrolled usage. */
-    defaultOpen?: boolean;
     /**
-     * How far down `SkdxDatePickerInput` and `SkdxDatePickerTimeField` are
-     * editable. `'day'` is date-only; anything past it is date-time mode, which
-     * also stops the popup auto-closing on a calendar selection — the user
-     * still has a time to set.
+     * Current selection for controlled usage; shape follows mode.
+     * @default undefined
+     */
+    value?: CalendarValueInput | undefined;
+    /**
+     * Initial selection, used only when the picker is uncontrolled.
+     * @default undefined
+     */
+    defaultValue?: CalendarValueInput | undefined;
+    /** Whether popup is open for controlled usage. */
+    open?: boolean | undefined;
+    /** Initial open state for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Granularity down to which entry is editable (day/hour/minute/second).
+     * @default 'day'
      */
     granularity?: Granularity;
+    /** Text shown when no selection exists; ignored with custom `children`.
+     * @default 'Select date'
+     */
+    placeholder?: string;
+    /**
+     * BCP 47 locale tag for trigger formatting (ignored when `children` replaces).
+     * @default undefined
+     */
+    locale?: string | undefined;
+    /** Derive popup with typed-entry field (single mode only).
+     * @default false
+     */
+    showInput?: boolean;
     /**
-     * Form field name. The selection is submitted under it as local-time
-     * `YYYY-MM-DD` strings — one entry in `single` mode, one entry per date in
-     * `multiple`, and start then end in `range`.
+     * Form field name; submits as YYYY-MM-DD strings.
+     * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
-     * Marks the picker required: with nothing selected it reports
-     * `valueMissing`. A range still anchored on its start counts as nothing
-     * selected. Only meaningful alongside `name`.
+     * Form id this picker submits into.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /** Marks picker required; valueMissing while unselected.
+     * @default false
      */
     required?: boolean;
+    /** Close popup after selection (not in multiple mode).
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /** Makes picker non-editable; trigger still opens, everything focusable, no selection changes.
+     * @default false
+     */
+    readOnly?: boolean;
+    /** Marks picker invalid via data-invalid / aria-invalid.
+     * @default false
+     */
+    invalid?: boolean;
 };
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {
@@ -77,6 +79,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     checkValidity: () => boolean;
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the first hidden input, like `HTMLInputElement.setCustomValidity()`; `''` clears it. */
+    setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
@@ -84,21 +88,23 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "value-change": (value: CalendarValue) => any;
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onUpdate:value"?: ((value: CalendarValue) => any) | undefined;
-    "onValue-change"?: ((value: CalendarValue) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onUpdate:value"?: (value: CalendarValue) => any;
+    "onValue-change"?: (value: CalendarValue) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
     disabled: boolean;
-    open: boolean;
+    placeholder: string;
+    open: boolean | undefined;
     defaultOpen: boolean;
+    readOnly: boolean;
     required: boolean;
-    name: string;
-    value: CalendarValue;
-    defaultValue: CalendarValue;
+    invalid: boolean;
+    closeOnSelect: boolean;
     selectionMode: CalendarSelectionMode;
     granularity: Granularity;
+    showInput: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/date-picker/DatePicker.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const C=require("../utils/useFormReset.cjs"),B=require("../utils/useOpenChangeComplete.cjs"),u=require("../calendar/dateMath.cjs"),E=require("../utils/PopperRoot.vue.cjs"),m=require("./context.cjs");let e=require("vue");var O=["name","^value","required"],b=(0,e.defineComponent)({inheritAttrs:!1,__name:"DatePicker",props:{disabled:{type:Boolean,default:!1},selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},granularity:{default:"day"},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete"],setup(r,{expose:v,emit:g}){function h(t){return t?Array.isArray(t)?t:u.isDateRange(t)?t.end===null?[]:[t.start,t.end]:[t]:[]}const n=r,a=g,y=(0,e.ref)(null),l=(0,e.ref)(null),i=(0,e.ref)(n.defaultValue??u.emptySelection(n.selectionMode)),d=(0,e.computed)(()=>n.value!==void 0?n.value:i.value),c=(0,e.ref)(n.defaultOpen),s=(0,e.computed)(()=>n.open??c.value);B.useOpenChangeComplete(s,l,t=>a("open-change-complete",t));function p(t){n.value===void 0&&(i.value=t),a("update:value",t),a("value-change",t)}function _(t){n.open===void 0&&(c.value=t),a("update:open",t),a("open-change",t)}(0,e.provide)(m.DATE_PICKER_CONTEXT,{disabled:(0,e.computed)(()=>n.disabled),triggerRef:y,contentRef:l,contentId:m.nextDatePickerContentId(),value:d,get selectionMode(){return n.selectionMode},get granularity(){return n.granularity},onValueChange:p,open:s,setOpen:_});const f=(0,e.computed)(()=>h(d.value).map(u.toISODateString)),o=(0,e.ref)([]),q=n.value??n.defaultValue??u.emptySelection(n.selectionMode);return C.useFormReset(()=>o.value[0],()=>p(q)),v({checkValidity:()=>o.value[0]?.checkValidity()??!0,reportValidity:()=>o.value[0]?.reportValidity()??!0}),(t,D)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(E.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}),r.name?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(f.value.length>0?f.value:[""],(k,V)=>((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:V,ref_for:!0,ref_key:"hiddenEls",ref:o,type:"text","aria-hidden":"true",tabindex:"-1",name:r.name,"^value":k,required:r.required,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,O))),128)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=b;
+const b=require("../utils/useFormReset.cjs"),D=require("../utils/useOpenChangeComplete.cjs"),P=require("../utils/PopperRoot.vue.cjs"),h=require("../utils/date-value.cjs"),u=require("../calendar/dateMath.cjs"),d=require("./context.cjs"),E=require("./DatePickerAnatomy.vue.cjs");let e=require("vue");var I=["name","^value","required","form"],S=(0,e.defineComponent)({inheritAttrs:!1,__name:"DatePicker",props:{disabled:{type:Boolean,default:!1},selectionMode:{default:"single"},value:{},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},granularity:{default:"day"},placeholder:{default:"Select date"},locale:{},showInput:{type:Boolean,default:!1},name:{},form:{},required:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete"],setup(a,{expose:g,emit:q}){function V(t){return t?Array.isArray(t)?t:u.isDateRange(t)?t.end===null?[]:[t.start,t.end]:[t]:[]}const l=a,n=q,k=(0,e.ref)(null),i=(0,e.ref)(null),r=(0,e.computed)(()=>h.toCalendarValue(l.value,l.selectionMode,"value")),c=(0,e.computed)(()=>h.toCalendarValue(l.defaultValue,l.selectionMode,"defaultValue")??u.emptySelection(l.selectionMode)),s=(0,e.ref)(c.value),p=(0,e.computed)(()=>r.value!==void 0?r.value:s.value),f=(0,e.ref)(l.defaultOpen),m=(0,e.computed)(()=>l.disabled?!1:l.open??f.value);D.useOpenChangeComplete(m,i,t=>n("open-change-complete",t));function v(t){r.value===void 0&&(s.value=t),n("update:value",t),n("value-change",t)}function C(t){l.disabled||(l.open===void 0&&(f.value=t),n("update:open",t),n("open-change",t))}(0,e.provide)(d.DATE_PICKER_CONTEXT,{disabled:(0,e.computed)(()=>l.disabled),triggerRef:k,contentRef:i,contentId:d.nextDatePickerContentId(),triggerId:d.nextDatePickerTriggerId(),value:p,get selectionMode(){return l.selectionMode},get granularity(){return l.granularity},closeOnSelect:(0,e.computed)(()=>l.closeOnSelect),readOnly:(0,e.computed)(()=>l.readOnly),invalid:(0,e.computed)(()=>l.invalid),onValueChange:v,open:m,setOpen:C});const y=(0,e.computed)(()=>V(p.value).map(u.toISODateString)),o=(0,e.ref)([]),_=r.value??c.value;return b.useFormReset(()=>o.value[0],()=>v(_)),g({checkValidity:()=>o.value[0]?.checkValidity()??!0,reportValidity:()=>o.value[0]?.reportValidity()??!0,setCustomValidity:t=>o.value[0]?.setCustomValidity(t)}),(t,M)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(P.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createVNode)(E.default,(0,e.mergeProps)(t.$attrs,{placeholder:l.placeholder,locale:a.locale,"show-input":l.showInput}),null,16,["placeholder","locale","show-input"])])]),_:3}),a.name?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(y.value.length>0?y.value:[""],(B,O)=>((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:O,ref_for:!0,ref_key:"hiddenEls",ref:o,type:"text","aria-hidden":"true",tabindex:"-1",name:a.name,"^value":B,required:a.required,form:a.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,I))),128)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=S;

package/dist/date-picker/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useFormReset as e}from"../utils/useFormReset.js";import{useOpenChangeComplete as a}from"../utils/useOpenChangeComplete.js";import{emptySelection as t,isDateRange as n,toISODateString as l}from"../calendar/dateMath.js";import o from"../utils/PopperRoot.vue.js";import{DATE_PICKER_CONTEXT as u,nextDatePickerContentId as r}from"./context.js";import{Fragment as i,computed as d,createCommentVNode as s,createElementBlock as p,createVNode as c,defineComponent as m,openBlock as v,provide as f,ref as g,renderList as y,renderSlot as h,withCtx as C}from"vue";var V=["name","^value","required"],k=/* @__PURE__ */m({inheritAttrs:!1,__name:"DatePicker",props:{disabled:{type:Boolean,default:!1},selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},granularity:{default:"day"},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete"],setup(m,{expose:k,emit:x}){const O=m,R=x,_=g(null),B=g(null),M=g(O.defaultValue??t(O.selectionMode)),b=d(()=>void 0!==O.value?O.value:M.value),j=g(O.defaultOpen),D=d(()=>O.open??j.value);function E(e){void 0===O.value&&(M.value=e),R("update:value",e),R("value-change",e)}a(D,B,e=>R("open-change-complete",e)),f(u,{disabled:d(()=>O.disabled),triggerRef:_,contentRef:B,contentId:r(),value:b,get selectionMode(){return O.selectionMode},get granularity(){return O.granularity},onValueChange:E,open:D,setOpen:function(e){void 0===O.open&&(j.value=e),R("update:open",e),R("open-change",e)}});const q=d(()=>{return(e=b.value,e?Array.isArray(e)?e:n(e)?null===e.end?[]:[e.start,e.end]:[e]:[]).map(l);var e}),A=g([]),I=O.value??O.defaultValue??t(O.selectionMode);return e(()=>A.value[0],()=>E(I)),k({checkValidity:()=>A.value[0]?.checkValidity()??!0,reportValidity:()=>A.value[0]?.reportValidity()??!0}),(e,a)=>(v(),p(i,null,[c(o,null,{default:C(()=>[h(e.$slots,"default")]),_:3}),m.name?(v(!0),p(i,{key:0},y(q.value.length>0?q.value:[""],(e,a)=>(v(),p("input",{key:a,ref_for:!0,ref_key:"hiddenEls",ref:A,type:"text","aria-hidden":"true",tabindex:"-1",name:m.name,"^value":e,required:m.required,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,V))),128)):s("",!0)],64))}});export{k as default};
+import{useFormReset as e}from"../utils/useFormReset.js";import{useOpenChangeComplete as a}from"../utils/useOpenChangeComplete.js";import t from"../utils/PopperRoot.vue.js";import{toCalendarValue as l}from"../utils/date-value.js";import{emptySelection as o,isDateRange as n,toISODateString as r}from"../calendar/dateMath.js";import{DATE_PICKER_CONTEXT as u,nextDatePickerContentId as d,nextDatePickerTriggerId as i}from"./context.js";import s from"./DatePickerAnatomy.vue.js";import{Fragment as p,computed as c,createCommentVNode as m,createElementBlock as v,createVNode as f,defineComponent as y,mergeProps as g,openBlock as h,provide as C,ref as O,renderList as V,renderSlot as k,withCtx as x}from"vue";var B=["name","^value","required","form"],I=/* @__PURE__ */y({inheritAttrs:!1,__name:"DatePicker",props:{disabled:{type:Boolean,default:!1},selectionMode:{default:"single"},value:{},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},granularity:{default:"day"},placeholder:{default:"Select date"},locale:{},showInput:{type:Boolean,default:!1},name:{},form:{},required:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete"],setup(y,{expose:I,emit:S}){const b=y,j=S,D=O(null),M=O(null),P=c(()=>l(b.value,b.selectionMode,"value")),R=c(()=>l(b.defaultValue,b.selectionMode,"defaultValue")??o(b.selectionMode)),_=O(R.value),w=c(()=>void 0!==P.value?P.value:_.value),A=O(b.defaultOpen),E=c(()=>!b.disabled&&(b.open??A.value));function q(e){void 0===P.value&&(_.value=e),j("update:value",e),j("value-change",e)}a(E,M,e=>j("open-change-complete",e)),C(u,{disabled:c(()=>b.disabled),triggerRef:D,contentRef:M,contentId:d(),triggerId:i(),value:w,get selectionMode(){return b.selectionMode},get granularity(){return b.granularity},closeOnSelect:c(()=>b.closeOnSelect),readOnly:c(()=>b.readOnly),invalid:c(()=>b.invalid),onValueChange:q,open:E,setOpen:function(e){b.disabled||(void 0===b.open&&(A.value=e),j("update:open",e),j("open-change",e))}});const T=c(()=>{return(e=w.value,e?Array.isArray(e)?e:n(e)?null===e.end?[]:[e.start,e.end]:[e]:[]).map(r);var e}),F=O([]),N=P.value??R.value;return e(()=>F.value[0],()=>q(N)),I({checkValidity:()=>F.value[0]?.checkValidity()??!0,reportValidity:()=>F.value[0]?.reportValidity()??!0,setCustomValidity:e=>F.value[0]?.setCustomValidity(e)}),(e,a)=>(h(),v(p,null,[f(t,null,{default:x(()=>[k(e.$slots,"default",{},()=>[f(s,g(e.$attrs,{placeholder:b.placeholder,locale:y.locale,"show-input":b.showInput}),null,16,["placeholder","locale","show-input"])])]),_:3}),y.name?(h(!0),v(p,{key:0},V(T.value.length>0?T.value:[""],(e,a)=>(h(),v("input",{key:a,ref_for:!0,ref_key:"hiddenEls",ref:F,type:"text","aria-hidden":"true",tabindex:"-1",name:y.name,"^value":e,required:y.required,form:y.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,B))),128)):m("",!0)],64))}});export{I as default};

package/dist/date-picker/DatePickerAnatomy.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DatePickerAnatomy.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/date-picker/DatePickerAnatomy.vue.d.cts

@@ -0,0 +1,8 @@
+/** Default anatomy when the date picker slot is empty: trigger, portalled popup, typed field, calendar, and time field. */
+type __VLS_Props = {
+    placeholder: string;
+    locale?: string | undefined;
+    showInput: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/date-picker/DatePickerAnatomy.vue.d.ts

@@ -0,0 +1,8 @@
+/** Default anatomy when the date picker slot is empty: trigger, portalled popup, typed field, calendar, and time field. */
+type __VLS_Props = {
+    placeholder: string;
+    locale?: string | undefined;
+    showInput: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/date-picker/DatePickerAnatomy.vue.js

@@ -0,0 +1 @@
+import e from"./DatePickerAnatomy.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/date-picker/DatePickerAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const p=require("../utils/injectRequired.cjs"),_=require("../calendar/dateMath.cjs"),q=require("./context.cjs"),f=require("./DatePickerCalendar.vue.cjs"),m=require("./DatePickerContent.vue.cjs"),k=require("./DatePickerInput.vue.cjs"),P=require("./DatePickerPortal.vue.cjs"),y=require("./DatePickerTimeField.vue.cjs"),D=require("./DatePickerTrigger.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({inheritAttrs:!1,__name:"DatePickerAnatomy",props:{placeholder:{},locale:{},showInput:{type:Boolean}},setup(o){const i=o,u=(0,e.useAttrs)(),l=(0,e.computed)(()=>u.id?{"aria-labelledby":u.id}:{}),c=p.injectRequired(q.DATE_PICKER_CONTEXT,"<SkdxDatePickerAnatomy> must be used inside <SkdxDatePicker>.");function a(t,r){return t.toLocaleString(i.locale,{dateStyle:"medium",...r?{timeStyle:"short"}:{}})}function d(t,r){if(!t)return null;if(Array.isArray(t))return t.length?t.map(n=>a(n,r)).join(", "):null;if(_.isDateRange(t)){const n=a(t.start,r);return t.end?`${n} – ${a(t.end,r)}`:n}return a(t,r)}const s=(0,e.computed)(()=>d(c.value.value,c.granularity!=="day")??i.placeholder);return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(D.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(t.$attrs)),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(s.value),1)]),_:1},16),(0,e.createVNode)(P.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(m.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(l.value)),{default:(0,e.withCtx)(()=>[o.showInput?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(f.default),(0,e.createVNode)(y.default)]),_:1},16)]),_:1})],64))}});exports.default=g;

package/dist/date-picker/DatePickerAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{isDateRange as t}from"../calendar/dateMath.js";import{DATE_PICKER_CONTEXT as r}from"./context.js";import a from"./DatePickerCalendar.vue.js";import o from"./DatePickerContent.vue.js";import i from"./DatePickerInput.vue.js";import n from"./DatePickerPortal.vue.js";import s from"./DatePickerTimeField.vue.js";import l from"./DatePickerTrigger.vue.js";import{Fragment as u,computed as m,createBlock as c,createCommentVNode as d,createElementBlock as p,createTextVNode as f,createVNode as k,defineComponent as v,guardReactiveProps as P,normalizeProps as j,openBlock as y,toDisplayString as D,useAttrs as g,withCtx as h}from"vue";var A=/* @__PURE__ */v({inheritAttrs:!1,__name:"DatePickerAnatomy",props:{placeholder:{},locale:{},showInput:{type:Boolean}},setup(v){const A=v,C=g(),_=m(()=>C.id?{"aria-labelledby":C.id}:{}),x=e(r,"<SkdxDatePickerAnatomy> must be used inside <SkdxDatePicker>.");function S(e,t){return e.toLocaleString(A.locale,{dateStyle:"medium",...t?{timeStyle:"short"}:{}})}const T=m(()=>function(e,r){if(!e)return null;if(Array.isArray(e))return e.length?e.map(e=>S(e,r)).join(", "):null;if(t(e)){const t=S(e.start,r);return e.end?`${t} – ${S(e.end,r)}`:t}return S(e,r)}(x.value.value,"day"!==x.granularity)??A.placeholder);return(e,t)=>(y(),p(u,null,[k(l,j(P(e.$attrs)),{default:h(()=>[f(D(T.value),1)]),_:1},16),k(n,null,{default:h(()=>[k(o,j(P(_.value)),{default:h(()=>[v.showInput?(y(),c(i,{key:0})):d("",!0),k(a),k(s)]),_:1},16)]),_:1})],64))}});export{A as default};

package/dist/date-picker/DatePickerCalendar.vue.d.cts

@@ -1,69 +1,135 @@
-/**
- * The `SkdxCalendar` root (all its ARIA `grid` semantics and keyboard
- * navigation included), pre-wired to the `SkdxDatePicker`'s `value` and
- * `selectionMode`. Accepts every `SkdxCalendar` prop except those two, which
- * the date picker controls itself — compose it with the same `SkdxCalendar*`
- * header/grid/cell parts you'd use with a standalone `SkdxCalendar`. Must be
- * used inside `SkdxDatePicker`.
- *
- * The popup closes only on a *complete* selection: right away in `single`
- * mode, once the second date closes the range in `range` mode, and never in
- * `multiple` mode, where the user keeps picking until they dismiss it — and
- * never at all past `granularity="day"`, where a `SkdxDatePickerTimeField`
- * still has to be filled in.
- */
+import { type CalendarPageBehavior, type CalendarValue, type CalendarView } from '../calendar/dateMath.cjs';
+/** Calendar root with grid ARIA semantics, pre-wired to the picker's value and selection mode. */
 type __VLS_Props = {
     /**
-     * Currently displayed month, for controlled calendar navigation.
-     * @default undefined — uncontrolled, tracks its own displayed month internally.
+     * Currently displayed month, for controlled navigation.
+     * @default undefined
      */
     month?: Date;
     /**
      * Initially displayed month, for uncontrolled usage.
-     * @default undefined — defaults to the month containing today (or the selected value).
+     * @default undefined
      */
     defaultMonth?: Date;
     /**
-     * How many consecutive months to display, starting at `month`.
-     * @default 1 — via SkdxCalendar's own default when omitted.
+     * Number of consecutive months to display, starting at month.
+     * @default 1
      */
     numberOfMonths?: number;
     /**
-     * BCP 47 tag used to derive month and weekday names, and the first day of the week.
-     * @default undefined — the runtime's own locale.
+     * BCP 47 tag for month/weekday names and week start day.
+     * @default undefined
      */
     locale?: string;
     /**
      * Earliest selectable date; earlier days render disabled.
-     * @default undefined — no lower bound.
+     * @default undefined
      */
     minDate?: Date;
     /**
      * Latest selectable date; later days render disabled.
-     * @default undefined — no upper bound.
+     * @default undefined
      */
     maxDate?: Date;
     /**
      * First day of the week shown in the grid (0 = Sunday).
-     * @default undefined — derived from `locale` by SkdxCalendar.
+     * @default undefined
      */
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Disables all cells; no tab stop.
+     * @default undefined
+     */
+    disabled?: boolean;
     /**
      * Predicate marking individual dates as unselectable, independent of `minDate`/`maxDate`.
-     * @default undefined — every in-range date is selectable.
+     * @default undefined
      */
-    disabled?: (date: Date) => boolean;
+    isDateDisabled?: (date: Date) => boolean;
     /**
      * Predicate marking dates as unavailable — focusable and `aria-disabled`, but not selectable.
-     * @default undefined — every date is available.
+     * @default undefined
+     */
+    isDateUnavailable?: (date: Date) => boolean;
+    /**
+     * Makes this calendar non-editable, OR'd with the picker's `readOnly`.
+     * @default undefined
+     */
+    readOnly?: boolean;
+    /**
+     * Displayed grid (day, month, or year); controlled calendar view.
+     * @default undefined
+     */
+    view?: CalendarView;
+    /**
+     * Initial grid view, clamped to minView / maxView.
+     * @default 'day'
+     */
+    defaultView?: CalendarView;
+    /**
+     * Most granular view; navigation-only above minView.
+     * @default 'day'
+     */
+    minView?: CalendarView;
+    /**
+     * Least granular view the calendar steps up to; sets heading range.
+     * @default 'year'
+     */
+    maxView?: CalendarView;
+    /**
+     * Grid's roving tab stop date, for controlled focus.
+     * @default undefined
+     */
+    focusedDate?: Date;
+    /**
+     * Initially focused date, for uncontrolled usage.
+     * @default undefined
+     */
+    defaultFocusedDate?: Date;
+    /**
+     * Whether each week row is labelled with its ISO-8601 week number.
+     * @default false
+     */
+    weekNumbers?: boolean;
+    /**
+     * Date treated as today; pass explicitly when server and client clocks differ.
+     * @default undefined
+     */
+    today?: Date;
+    /**
+     * Navigation step: `'visible'` pages the whole span, `'single'` one month.
+     * @default 'visible'
+     */
+    pageBehavior?: CalendarPageBehavior;
+    /**
+     * Whether adjacent-month days shown in the grid can be picked.
+     * @default false
+     */
+    outsideDaySelectable?: boolean;
+    /**
+     * Words the selection-change announcement in multiple and range modes.
+     * @default undefined
+     */
+    getSelectionAnnouncement?: (value: CalendarValue, locale?: string) => string;
+    /**
+     * Words the announcement made when a navigation button pages the grid.
+     * @default undefined
      */
-    isDateUnavailable?: (isoDate: string) => boolean;
+    getMonthAnnouncement?: (month: Date, locale: string | undefined) => string;
 };
-declare var __VLS_9: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "month-change": (month: Date) => any;
+    "focus-change": (date: Date) => any;
+    "view-change": (view: CalendarView) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onMonth-change"?: (month: Date) => any;
+    "onFocus-change"?: (date: Date) => any;
+    "onView-change"?: (view: CalendarView) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/date-picker/DatePickerCalendar.vue.d.ts

@@ -1,69 +1,135 @@
-/**
- * The `SkdxCalendar` root (all its ARIA `grid` semantics and keyboard
- * navigation included), pre-wired to the `SkdxDatePicker`'s `value` and
- * `selectionMode`. Accepts every `SkdxCalendar` prop except those two, which
- * the date picker controls itself — compose it with the same `SkdxCalendar*`
- * header/grid/cell parts you'd use with a standalone `SkdxCalendar`. Must be
- * used inside `SkdxDatePicker`.
- *
- * The popup closes only on a *complete* selection: right away in `single`
- * mode, once the second date closes the range in `range` mode, and never in
- * `multiple` mode, where the user keeps picking until they dismiss it — and
- * never at all past `granularity="day"`, where a `SkdxDatePickerTimeField`
- * still has to be filled in.
- */
+import { type CalendarPageBehavior, type CalendarValue, type CalendarView } from '../calendar/dateMath.js';
+/** Calendar root with grid ARIA semantics, pre-wired to the picker's value and selection mode. */
 type __VLS_Props = {
     /**
-     * Currently displayed month, for controlled calendar navigation.
-     * @default undefined — uncontrolled, tracks its own displayed month internally.
+     * Currently displayed month, for controlled navigation.
+     * @default undefined
      */
     month?: Date;
     /**
      * Initially displayed month, for uncontrolled usage.
-     * @default undefined — defaults to the month containing today (or the selected value).
+     * @default undefined
      */
     defaultMonth?: Date;
     /**
-     * How many consecutive months to display, starting at `month`.
-     * @default 1 — via SkdxCalendar's own default when omitted.
+     * Number of consecutive months to display, starting at month.
+     * @default 1
      */
     numberOfMonths?: number;
     /**
-     * BCP 47 tag used to derive month and weekday names, and the first day of the week.
-     * @default undefined — the runtime's own locale.
+     * BCP 47 tag for month/weekday names and week start day.
+     * @default undefined
      */
     locale?: string;
     /**
      * Earliest selectable date; earlier days render disabled.
-     * @default undefined — no lower bound.
+     * @default undefined
      */
     minDate?: Date;
     /**
      * Latest selectable date; later days render disabled.
-     * @default undefined — no upper bound.
+     * @default undefined
      */
     maxDate?: Date;
     /**
      * First day of the week shown in the grid (0 = Sunday).
-     * @default undefined — derived from `locale` by SkdxCalendar.
+     * @default undefined
      */
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Disables all cells; no tab stop.
+     * @default undefined
+     */
+    disabled?: boolean;
     /**
      * Predicate marking individual dates as unselectable, independent of `minDate`/`maxDate`.
-     * @default undefined — every in-range date is selectable.
+     * @default undefined
      */
-    disabled?: (date: Date) => boolean;
+    isDateDisabled?: (date: Date) => boolean;
     /**
      * Predicate marking dates as unavailable — focusable and `aria-disabled`, but not selectable.
-     * @default undefined — every date is available.
+     * @default undefined
+     */
+    isDateUnavailable?: (date: Date) => boolean;
+    /**
+     * Makes this calendar non-editable, OR'd with the picker's `readOnly`.
+     * @default undefined
+     */
+    readOnly?: boolean;
+    /**
+     * Displayed grid (day, month, or year); controlled calendar view.
+     * @default undefined
+     */
+    view?: CalendarView;
+    /**
+     * Initial grid view, clamped to minView / maxView.
+     * @default 'day'
+     */
+    defaultView?: CalendarView;
+    /**
+     * Most granular view; navigation-only above minView.
+     * @default 'day'
+     */
+    minView?: CalendarView;
+    /**
+     * Least granular view the calendar steps up to; sets heading range.
+     * @default 'year'
+     */
+    maxView?: CalendarView;
+    /**
+     * Grid's roving tab stop date, for controlled focus.
+     * @default undefined
+     */
+    focusedDate?: Date;
+    /**
+     * Initially focused date, for uncontrolled usage.
+     * @default undefined
+     */
+    defaultFocusedDate?: Date;
+    /**
+     * Whether each week row is labelled with its ISO-8601 week number.
+     * @default false
+     */
+    weekNumbers?: boolean;
+    /**
+     * Date treated as today; pass explicitly when server and client clocks differ.
+     * @default undefined
+     */
+    today?: Date;
+    /**
+     * Navigation step: `'visible'` pages the whole span, `'single'` one month.
+     * @default 'visible'
+     */
+    pageBehavior?: CalendarPageBehavior;
+    /**
+     * Whether adjacent-month days shown in the grid can be picked.
+     * @default false
+     */
+    outsideDaySelectable?: boolean;
+    /**
+     * Words the selection-change announcement in multiple and range modes.
+     * @default undefined
+     */
+    getSelectionAnnouncement?: (value: CalendarValue, locale?: string) => string;
+    /**
+     * Words the announcement made when a navigation button pages the grid.
+     * @default undefined
      */
-    isDateUnavailable?: (isoDate: string) => boolean;
+    getMonthAnnouncement?: (month: Date, locale: string | undefined) => string;
 };
-declare var __VLS_9: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "month-change": (month: Date) => any;
+    "focus-change": (date: Date) => any;
+    "view-change": (view: CalendarView) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onMonth-change"?: (month: Date) => any;
+    "onFocus-change"?: (date: Date) => any;
+    "onView-change"?: (view: CalendarView) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/date-picker/DatePickerCalendar.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("../calendar/dateMath.cjs"),u=require("../calendar/Calendar.vue.cjs"),d=require("./context.cjs");let a=require("vue");var o=(0,a.defineComponent)({__name:"DatePickerCalendar",props:{month:{},defaultMonth:{},numberOfMonths:{},locale:{},minDate:{},maxDate:{},weekStartsOn:{},disabled:{type:Function},isDateUnavailable:{type:Function}},setup(e){const n=(0,a.inject)(d.DATE_PICKER_CONTEXT);if(!n)throw new Error("SkdxDatePickerCalendar must be used within SkdxDatePicker.");function l(t){return Array.isArray(t)?!1:i.isDateRange(t)?t.end!==null:t!==null}function r(t){n.onValueChange(t),n.granularity==="day"&&l(t)&&n.setOpen(!1)}return(t,s)=>((0,a.openBlock)(),(0,a.createBlock)(u.default,{class:"skdx-date-picker__calendar","data-part":"calendar",value:(0,a.unref)(n).value.value,"selection-mode":(0,a.unref)(n).selectionMode,month:e.month,"default-month":e.defaultMonth,"number-of-months":e.numberOfMonths,locale:e.locale,"min-date":e.minDate,"max-date":e.maxDate,"week-starts-on":e.weekStartsOn,disabled:e.disabled,"is-date-unavailable":e.isDateUnavailable,"onUpdate:value":r},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(t.$slots,"default")]),_:3},8,["value","selection-mode","month","default-month","number-of-months","locale","min-date","max-date","week-starts-on","disabled","is-date-unavailable"]))}});exports.default=o;
+const r=require("../utils/injectRequired.cjs"),s=require("../calendar/dateMath.cjs"),m=require("../calendar/Calendar.vue.cjs"),f=require("./context.cjs");let n=require("vue");var h=(0,n.defineComponent)({__name:"DatePickerCalendar",props:{month:{},defaultMonth:{},numberOfMonths:{},locale:{},minDate:{},maxDate:{},weekStartsOn:{},disabled:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},readOnly:{type:Boolean},view:{},defaultView:{},minView:{},maxView:{},focusedDate:{},defaultFocusedDate:{},weekNumbers:{type:Boolean},today:{},pageBehavior:{},outsideDaySelectable:{type:Boolean},getSelectionAnnouncement:{type:Function},getMonthAnnouncement:{type:Function}},emits:["view-change","month-change","focus-change"],setup(e,{emit:d}){const u=d,a=r.injectRequired(f.DATE_PICKER_CONTEXT,"SkdxDatePickerCalendar must be used within SkdxDatePicker.");function o(t){return Array.isArray(t)?!1:s.isDateRange(t)?t.end!==null:t!==null}function c(t){a.onValueChange(t),a.closeOnSelect.value&&a.granularity==="day"&&o(t)&&a.setOpen(!1)}return(t,i)=>((0,n.openBlock)(),(0,n.createBlock)(m.default,{class:"skdx-date-picker__calendar","data-part":"calendar",value:(0,n.unref)(a).value.value,"selection-mode":(0,n.unref)(a).selectionMode,month:e.month,"default-month":e.defaultMonth,"number-of-months":e.numberOfMonths,locale:e.locale,"min-date":e.minDate,"max-date":e.maxDate,"week-starts-on":e.weekStartsOn,disabled:e.disabled,"read-only":e.readOnly||(0,n.unref)(a).readOnly.value,view:e.view,"default-view":e.defaultView,"min-view":e.minView,"max-view":e.maxView,"is-date-disabled":e.isDateDisabled,"is-date-unavailable":e.isDateUnavailable,"focused-date":e.focusedDate,"default-focused-date":e.defaultFocusedDate,"week-numbers":e.weekNumbers,today:e.today,"page-behavior":e.pageBehavior,"outside-day-selectable":e.outsideDaySelectable,"get-selection-announcement":e.getSelectionAnnouncement,"get-month-announcement":e.getMonthAnnouncement,"onUpdate:value":c,onViewChange:i[0]||(i[0]=l=>u("view-change",l)),onMonthChange:i[1]||(i[1]=l=>u("month-change",l)),onFocusChange:i[2]||(i[2]=l=>u("focus-change",l))},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,"default")]),_:3},8,["value","selection-mode","month","default-month","number-of-months","locale","min-date","max-date","week-starts-on","disabled","read-only","view","default-view","min-view","max-view","is-date-disabled","is-date-unavailable","focused-date","default-focused-date","week-numbers","today","page-behavior","outside-day-selectable","get-selection-announcement","get-month-announcement"]))}});exports.default=h;

package/dist/date-picker/DatePickerCalendar.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{isDateRange as e}from"../calendar/dateMath.js";import a from"../calendar/Calendar.vue.js";import{DATE_PICKER_CONTEXT as t}from"./context.js";import{createBlock as n,defineComponent as l,inject as o,openBlock as r,renderSlot as s,unref as d,withCtx as i}from"vue";var u=/* @__PURE__ */l({__name:"DatePickerCalendar",props:{month:{},defaultMonth:{},numberOfMonths:{},locale:{},minDate:{},maxDate:{},weekStartsOn:{},disabled:{type:Function},isDateUnavailable:{type:Function}},setup(l){const u=o(t);if(!u)throw new Error("SkdxDatePickerCalendar must be used within SkdxDatePicker.");function m(a){u.onValueChange(a),"day"===u.granularity&&function(a){return!Array.isArray(a)&&(e(a)?null!==a.end:null!==a)}(a)&&u.setOpen(!1)}return(e,t)=>(r(),n(a,{class:"skdx-date-picker__calendar","data-part":"calendar",value:d(u).value.value,"selection-mode":d(u).selectionMode,month:l.month,"default-month":l.defaultMonth,"number-of-months":l.numberOfMonths,locale:l.locale,"min-date":l.minDate,"max-date":l.maxDate,"week-starts-on":l.weekStartsOn,disabled:l.disabled,"is-date-unavailable":l.isDateUnavailable,"onUpdate:value":m},{default:i(()=>[s(e.$slots,"default")]),_:3},8,["value","selection-mode","month","default-month","number-of-months","locale","min-date","max-date","week-starts-on","disabled","is-date-unavailable"]))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{isDateRange as a}from"../calendar/dateMath.js";import t from"../calendar/Calendar.vue.js";import{DATE_PICKER_CONTEXT as n}from"./context.js";import{createBlock as o,defineComponent as i,openBlock as l,renderSlot as d,unref as s,withCtx as u}from"vue";var c=/* @__PURE__ */i({__name:"DatePickerCalendar",props:{month:{},defaultMonth:{},numberOfMonths:{},locale:{},minDate:{},maxDate:{},weekStartsOn:{},disabled:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},readOnly:{type:Boolean},view:{},defaultView:{},minView:{},maxView:{},focusedDate:{},defaultFocusedDate:{},weekNumbers:{type:Boolean},today:{},pageBehavior:{},outsideDaySelectable:{type:Boolean},getSelectionAnnouncement:{type:Function},getMonthAnnouncement:{type:Function}},emits:["view-change","month-change","focus-change"],setup(i,{emit:c}){const r=c,m=e(n,"SkdxDatePickerCalendar must be used within SkdxDatePicker.");function f(e){m.onValueChange(e),m.closeOnSelect.value&&"day"===m.granularity&&function(e){return!Array.isArray(e)&&(a(e)?null!==e.end:null!==e)}(e)&&m.setOpen(!1)}return(e,a)=>(l(),o(t,{class:"skdx-date-picker__calendar","data-part":"calendar",value:s(m).value.value,"selection-mode":s(m).selectionMode,month:i.month,"default-month":i.defaultMonth,"number-of-months":i.numberOfMonths,locale:i.locale,"min-date":i.minDate,"max-date":i.maxDate,"week-starts-on":i.weekStartsOn,disabled:i.disabled,"read-only":i.readOnly||s(m).readOnly.value,view:i.view,"default-view":i.defaultView,"min-view":i.minView,"max-view":i.maxView,"is-date-disabled":i.isDateDisabled,"is-date-unavailable":i.isDateUnavailable,"focused-date":i.focusedDate,"default-focused-date":i.defaultFocusedDate,"week-numbers":i.weekNumbers,today:i.today,"page-behavior":i.pageBehavior,"outside-day-selectable":i.outsideDaySelectable,"get-selection-announcement":i.getSelectionAnnouncement,"get-month-announcement":i.getMonthAnnouncement,"onUpdate:value":f,onViewChange:a[0]||(a[0]=e=>r("view-change",e)),onMonthChange:a[1]||(a[1]=e=>r("month-change",e)),onFocusChange:a[2]||(a[2]=e=>r("focus-change",e))},{default:u(()=>[d(e.$slots,"default")]),_:3},8,["value","selection-mode","month","default-month","number-of-months","locale","min-date","max-date","week-starts-on","disabled","read-only","view","default-view","min-view","max-view","is-date-disabled","is-date-unavailable","focused-date","default-focused-date","week-numbers","today","page-behavior","outside-day-selectable","get-selection-announcement","get-month-announcement"]))}});export{c as default};

package/dist/date-picker/DatePickerClose.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * Closes the `SkdxDatePicker` popup on click without changing the selected
- * date. Renders a `<button type="button">`. Must be used inside
- * `SkdxDatePicker`.
- */
+/** Closes the `SkdxDatePicker` popup on click without changing the selected date, rendered as a `<button type="button">`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {