@skdx/vue 0.27.0 → 0.29.0

package/dist/calendar/Calendar.vue.d.cts

@@ -1,68 +1,104 @@
-import { type CalendarSelectionMode, type CalendarValue } from './dateMath.cjs';
-/**
- * The Vue implementation of the shared Calendar contract (see
- * `@skdx/shared`'s `calendarContract`). Month-grid date picker (WAI-ARIA
- * `grid` pattern), built on plain native `Date` math and `Intl` for names —
- * no date-library dependency. Renders a plain `<div>` — layout of the header
- * vs. grid is entirely up to your CSS.
- *
- * `selectionMode` decides what `value` holds: a `Date` (`'single'`, the
- * default), a `Date[]` (`'multiple'`), or a `{ start, end }` `DateRange`
- * (`'range'`, where `end` stays `null` until the second date closes it).
- * Month and weekday names come from `Intl` for `locale`, so nothing here
- * ships a hardcoded English name table.
- *
- * Works controlled (`v-model:value` / `v-model:month`) or uncontrolled
- * (`defaultValue` / `defaultMonth`).
- */
+import { type DateInput } from '../utils/date-value.cjs';
+import { type CalendarPageBehavior, type CalendarSelectionMode, type CalendarValue, type CalendarValueInput, type CalendarView } from './dateMath.cjs';
+/** Month-grid date picker (WAI-ARIA grid) built on native Date math and Intl for names. */
 type __VLS_Props = {
+    /** How many dates can be selected at once; determines the shape of value — see CalendarSelectionMode. */
+    selectionMode?: CalendarSelectionMode | undefined;
+    /** Current selection, for controlled usage; pair with v-model:value or @value-change — see CalendarValueInput. */
+    value?: CalendarValueInput | undefined;
+    /** Initial selection, for uncontrolled usage, in the same forms `value` takes. Defaults to `null` (`[]` for `multiple`). */
+    defaultValue?: CalendarValueInput | undefined;
+    /** Displayed month, for controlled usage. Pair with `v-model:month` or `@month-change`. Takes a `Date` or an ISO string, including a bare `'2026-08'`. */
+    month?: DateInput | undefined;
+    /** Initially displayed month, for uncontrolled usage, in the same forms `month` takes. Defaults to the selection's month, or the current month. */
+    defaultMonth?: DateInput | undefined;
+    /** Roving tab stop date for controlled usage; moves with arrow keys and selects nothing. */
+    focusedDate?: DateInput | undefined;
+    /** Initially focused date, for uncontrolled usage, in the same forms `focusedDate` takes. Defaults to the selection's anchor date, else the displayed month. */
+    defaultFocusedDate?: DateInput | undefined;
+    /** Consecutive months to display. Render one grid per month with matching `monthOffset`. @default 1 */
+    numberOfMonths?: number | undefined;
     /**
-     * How many dates can be selected at once. Determines the shape of `value` —
-     * see `CalendarSelectionMode`.
+     * BCP 47 tag to derive month and weekday names via Intl, and default `weekStartsOn`.
+     * @default undefined
      */
-    selectionMode?: CalendarSelectionMode;
-    /** Current selection, for controlled usage. Pair with `v-model:value` or `@value-change`. Its shape follows `selectionMode`. */
-    value?: CalendarValue;
-    /** Initial selection, for uncontrolled usage. Defaults to `null` (`[]` for `multiple`). */
-    defaultValue?: CalendarValue;
-    /** Displayed month, for controlled usage. Pair with `v-model:month` or `@month-change`. */
-    month?: Date;
-    /** Initially displayed month, for uncontrolled usage. Defaults to the selection's month, or the current month. */
-    defaultMonth?: Date;
-    /** How many consecutive months to display, starting at `month` — render one `SkdxCalendarGrid` per month with a matching `monthOffset`. */
-    numberOfMonths?: number;
-    /** BCP 47 tag used to derive month and weekday names (via `Intl`) and, when `weekStartsOn` is omitted, the first day of the week. */
-    locale?: string;
-    /** Earliest selectable date; earlier dates render disabled. */
-    minDate?: Date;
-    /** Latest selectable date; later dates render disabled. */
-    maxDate?: Date;
-    /** Day of week the grid's first column represents (`0` = Sunday … `6` = Saturday). Derived from `locale` when omitted. */
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    /** Predicate marking arbitrary dates as disabled, in addition to `minDate`/`maxDate`. */
-    disabled?: (date: Date) => boolean;
+    locale?: string | undefined;
     /**
-     * Predicate marking dates as *unavailable* — a booked hotel night, a closed
-     * clinic day. Receives the cell's local `YYYY-MM-DD` string.
-     *
-     * Distinct from `disabled`: an unavailable cell stays keyboard-reachable and
-     * is announced as `aria-disabled`, so a screen-reader user can arrow onto it
-     * and hear *why* it can't be picked, where a `disabled` cell is skipped
-     * entirely.
+     * Earliest selectable date; earlier dates render disabled. Takes a `Date` or an ISO-8601 string.
+     * @default undefined
      */
-    isDateUnavailable?: (isoDate: string) => boolean;
+    minDate?: DateInput | undefined;
     /**
-     * Words the polite live-region message announced after a selection change in
-     * `multiple` and `range` mode — the state that changed lives across several
-     * cells, so no cell's own `aria-selected` flip carries it. Return `''` to
-     * announce nothing.
-     *
-     * The month and weekday names around it are already localized by `locale`;
-     * this sentence is the one string in the calendar that a `locale` cannot
-     * translate on its own.
-     * @default undefined — the built-in English wording ("Range selected, 1 May to 8 May.").
+     * Latest selectable date; later dates render disabled. Takes a `Date` or an ISO-8601 string.
+     * @default undefined
      */
-    getSelectionAnnouncement?: (value: CalendarValue, locale: string | undefined) => string;
+    maxDate?: DateInput | undefined;
+    /** Day of week the grid's first column represents (0=Sunday…6=Saturday). @default derived from locale via Intl.Locale week info, falling back to 0 (Sunday) */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    /**
+     * Label each week with its ISO-8601 number via rowheader and columnheader.
+     * @default false
+     */
+    weekNumbers?: boolean | undefined;
+    /**
+     * Grid showing: day, month, or year view; pair with v-model:view.
+     * @default undefined
+     */
+    view?: CalendarView | undefined;
+    /**
+     * Grid shown first for uncontrolled usage, clamped to `minView`/`maxView`.
+     * @default 'day'
+     */
+    defaultView?: CalendarView | undefined;
+    /**
+     * Most granular view the calendar can step to.
+     * @default 'day'
+     */
+    minView?: CalendarView | undefined;
+    /**
+     * Least granular view the calendar can step to and extent of the Heading button.
+     * @default 'year'
+     */
+    maxView?: CalendarView | undefined;
+    /**
+     * Allow selecting days from adjacent months.
+     * @default false
+     */
+    outsideDaySelectable?: boolean | undefined;
+    /**
+     * Navigation step size: 'visible' pages by the whole displayed span, 'single' always moves one month.
+     * @default 'visible'
+     */
+    pageBehavior?: CalendarPageBehavior | undefined;
+    /**
+     * The date treated as today: carries data-today and aria-current="date".
+     * @default undefined — `new Date()`, read once at setup
+     */
+    today?: DateInput | undefined;
+    /**
+     * Non-editable: cells stay focusable, nothing changes the selection, grid carries aria-readonly="true".
+     * @default false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Disables the whole calendar: cells carry the native disabled attribute, grid carries aria-disabled="true".
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /** Mark dates as disabled beyond minDate/maxDate; disabled cells are not focusable or clickable. */
+    isDateDisabled?: ((date: Date) => boolean) | undefined;
+    /** Mark dates as unavailable; unlike isDateDisabled, unavailable cells stay keyboard-reachable via aria-disabled. */
+    isDateUnavailable?: ((date: Date) => boolean) | undefined;
+    /**
+     * Announce selection changes in multiple and range mode; return empty string to announce nothing.
+     * @default undefined — built-in English wording, e.g. "Range selected, 1 May to 8 May."
+     */
+    getSelectionAnnouncement?: ((value: CalendarValue, locale: string | undefined) => string) | undefined;
+    /**
+     * Announce navigation button paging; return empty string to announce nothing.
+     * @default undefined — `formatMonthLabel`, e.g. "février 2026"
+     */
+    getMonthAnnouncement?: ((month: Date, locale: string | undefined) => string) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -73,25 +109,38 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "value-change": (value: CalendarValue) => any;
     "update:month": (month: Date) => any;
     "month-change": (month: Date) => any;
+    "update:focusedDate": (date: Date) => any;
+    "focus-change": (date: Date) => any;
+    "update:view": (view: CalendarView) => any;
+    "view-change": (view: CalendarView) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: CalendarValue) => any) | undefined;
-    "onValue-change"?: ((value: CalendarValue) => any) | undefined;
-    "onUpdate:month"?: ((month: Date) => any) | undefined;
-    "onMonth-change"?: ((month: Date) => any) | undefined;
+    "onUpdate:value"?: (value: CalendarValue) => any;
+    "onValue-change"?: (value: CalendarValue) => any;
+    "onUpdate:month"?: (month: Date) => any;
+    "onMonth-change"?: (month: Date) => any;
+    "onUpdate:focusedDate"?: (date: Date) => any;
+    "onFocus-change"?: (date: Date) => any;
+    "onUpdate:view"?: (view: CalendarView) => any;
+    "onView-change"?: (view: CalendarView) => any;
 }>, {
-    disabled: (date: Date) => boolean;
-    value: CalendarValue;
-    month: Date;
-    defaultValue: CalendarValue;
-    locale: string;
-    selectionMode: CalendarSelectionMode;
-    defaultMonth: Date;
-    numberOfMonths: number;
-    minDate: Date;
-    maxDate: Date;
-    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    isDateUnavailable: (isoDate: string) => boolean;
-    getSelectionAnnouncement: (value: CalendarValue, locale: string | undefined) => string;
+    disabled: boolean | undefined;
+    defaultValue: CalendarValueInput | undefined;
+    readOnly: boolean | undefined;
+    value: CalendarValueInput | undefined;
+    month: DateInput | undefined;
+    selectionMode: CalendarSelectionMode | undefined;
+    defaultMonth: DateInput | undefined;
+    focusedDate: DateInput | undefined;
+    defaultFocusedDate: DateInput | undefined;
+    numberOfMonths: number | undefined;
+    weekNumbers: boolean | undefined;
+    defaultView: CalendarView | undefined;
+    minView: CalendarView | undefined;
+    maxView: CalendarView | undefined;
+    outsideDaySelectable: boolean | undefined;
+    pageBehavior: CalendarPageBehavior | undefined;
+    isDateDisabled: ((date: Date) => boolean) | undefined;
+    isDateUnavailable: ((date: Date) => boolean) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/calendar/Calendar.vue.d.ts

@@ -1,68 +1,104 @@
-import { type CalendarSelectionMode, type CalendarValue } from './dateMath.js';
-/**
- * The Vue implementation of the shared Calendar contract (see
- * `@skdx/shared`'s `calendarContract`). Month-grid date picker (WAI-ARIA
- * `grid` pattern), built on plain native `Date` math and `Intl` for names —
- * no date-library dependency. Renders a plain `<div>` — layout of the header
- * vs. grid is entirely up to your CSS.
- *
- * `selectionMode` decides what `value` holds: a `Date` (`'single'`, the
- * default), a `Date[]` (`'multiple'`), or a `{ start, end }` `DateRange`
- * (`'range'`, where `end` stays `null` until the second date closes it).
- * Month and weekday names come from `Intl` for `locale`, so nothing here
- * ships a hardcoded English name table.
- *
- * Works controlled (`v-model:value` / `v-model:month`) or uncontrolled
- * (`defaultValue` / `defaultMonth`).
- */
+import { type DateInput } from '../utils/date-value.js';
+import { type CalendarPageBehavior, type CalendarSelectionMode, type CalendarValue, type CalendarValueInput, type CalendarView } from './dateMath.js';
+/** Month-grid date picker (WAI-ARIA grid) built on native Date math and Intl for names. */
 type __VLS_Props = {
+    /** How many dates can be selected at once; determines the shape of value — see CalendarSelectionMode. */
+    selectionMode?: CalendarSelectionMode | undefined;
+    /** Current selection, for controlled usage; pair with v-model:value or @value-change — see CalendarValueInput. */
+    value?: CalendarValueInput | undefined;
+    /** Initial selection, for uncontrolled usage, in the same forms `value` takes. Defaults to `null` (`[]` for `multiple`). */
+    defaultValue?: CalendarValueInput | undefined;
+    /** Displayed month, for controlled usage. Pair with `v-model:month` or `@month-change`. Takes a `Date` or an ISO string, including a bare `'2026-08'`. */
+    month?: DateInput | undefined;
+    /** Initially displayed month, for uncontrolled usage, in the same forms `month` takes. Defaults to the selection's month, or the current month. */
+    defaultMonth?: DateInput | undefined;
+    /** Roving tab stop date for controlled usage; moves with arrow keys and selects nothing. */
+    focusedDate?: DateInput | undefined;
+    /** Initially focused date, for uncontrolled usage, in the same forms `focusedDate` takes. Defaults to the selection's anchor date, else the displayed month. */
+    defaultFocusedDate?: DateInput | undefined;
+    /** Consecutive months to display. Render one grid per month with matching `monthOffset`. @default 1 */
+    numberOfMonths?: number | undefined;
     /**
-     * How many dates can be selected at once. Determines the shape of `value` —
-     * see `CalendarSelectionMode`.
+     * BCP 47 tag to derive month and weekday names via Intl, and default `weekStartsOn`.
+     * @default undefined
      */
-    selectionMode?: CalendarSelectionMode;
-    /** Current selection, for controlled usage. Pair with `v-model:value` or `@value-change`. Its shape follows `selectionMode`. */
-    value?: CalendarValue;
-    /** Initial selection, for uncontrolled usage. Defaults to `null` (`[]` for `multiple`). */
-    defaultValue?: CalendarValue;
-    /** Displayed month, for controlled usage. Pair with `v-model:month` or `@month-change`. */
-    month?: Date;
-    /** Initially displayed month, for uncontrolled usage. Defaults to the selection's month, or the current month. */
-    defaultMonth?: Date;
-    /** How many consecutive months to display, starting at `month` — render one `SkdxCalendarGrid` per month with a matching `monthOffset`. */
-    numberOfMonths?: number;
-    /** BCP 47 tag used to derive month and weekday names (via `Intl`) and, when `weekStartsOn` is omitted, the first day of the week. */
-    locale?: string;
-    /** Earliest selectable date; earlier dates render disabled. */
-    minDate?: Date;
-    /** Latest selectable date; later dates render disabled. */
-    maxDate?: Date;
-    /** Day of week the grid's first column represents (`0` = Sunday … `6` = Saturday). Derived from `locale` when omitted. */
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    /** Predicate marking arbitrary dates as disabled, in addition to `minDate`/`maxDate`. */
-    disabled?: (date: Date) => boolean;
+    locale?: string | undefined;
     /**
-     * Predicate marking dates as *unavailable* — a booked hotel night, a closed
-     * clinic day. Receives the cell's local `YYYY-MM-DD` string.
-     *
-     * Distinct from `disabled`: an unavailable cell stays keyboard-reachable and
-     * is announced as `aria-disabled`, so a screen-reader user can arrow onto it
-     * and hear *why* it can't be picked, where a `disabled` cell is skipped
-     * entirely.
+     * Earliest selectable date; earlier dates render disabled. Takes a `Date` or an ISO-8601 string.
+     * @default undefined
      */
-    isDateUnavailable?: (isoDate: string) => boolean;
+    minDate?: DateInput | undefined;
     /**
-     * Words the polite live-region message announced after a selection change in
-     * `multiple` and `range` mode — the state that changed lives across several
-     * cells, so no cell's own `aria-selected` flip carries it. Return `''` to
-     * announce nothing.
-     *
-     * The month and weekday names around it are already localized by `locale`;
-     * this sentence is the one string in the calendar that a `locale` cannot
-     * translate on its own.
-     * @default undefined — the built-in English wording ("Range selected, 1 May to 8 May.").
+     * Latest selectable date; later dates render disabled. Takes a `Date` or an ISO-8601 string.
+     * @default undefined
      */
-    getSelectionAnnouncement?: (value: CalendarValue, locale: string | undefined) => string;
+    maxDate?: DateInput | undefined;
+    /** Day of week the grid's first column represents (0=Sunday…6=Saturday). @default derived from locale via Intl.Locale week info, falling back to 0 (Sunday) */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    /**
+     * Label each week with its ISO-8601 number via rowheader and columnheader.
+     * @default false
+     */
+    weekNumbers?: boolean | undefined;
+    /**
+     * Grid showing: day, month, or year view; pair with v-model:view.
+     * @default undefined
+     */
+    view?: CalendarView | undefined;
+    /**
+     * Grid shown first for uncontrolled usage, clamped to `minView`/`maxView`.
+     * @default 'day'
+     */
+    defaultView?: CalendarView | undefined;
+    /**
+     * Most granular view the calendar can step to.
+     * @default 'day'
+     */
+    minView?: CalendarView | undefined;
+    /**
+     * Least granular view the calendar can step to and extent of the Heading button.
+     * @default 'year'
+     */
+    maxView?: CalendarView | undefined;
+    /**
+     * Allow selecting days from adjacent months.
+     * @default false
+     */
+    outsideDaySelectable?: boolean | undefined;
+    /**
+     * Navigation step size: 'visible' pages by the whole displayed span, 'single' always moves one month.
+     * @default 'visible'
+     */
+    pageBehavior?: CalendarPageBehavior | undefined;
+    /**
+     * The date treated as today: carries data-today and aria-current="date".
+     * @default undefined — `new Date()`, read once at setup
+     */
+    today?: DateInput | undefined;
+    /**
+     * Non-editable: cells stay focusable, nothing changes the selection, grid carries aria-readonly="true".
+     * @default false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Disables the whole calendar: cells carry the native disabled attribute, grid carries aria-disabled="true".
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /** Mark dates as disabled beyond minDate/maxDate; disabled cells are not focusable or clickable. */
+    isDateDisabled?: ((date: Date) => boolean) | undefined;
+    /** Mark dates as unavailable; unlike isDateDisabled, unavailable cells stay keyboard-reachable via aria-disabled. */
+    isDateUnavailable?: ((date: Date) => boolean) | undefined;
+    /**
+     * Announce selection changes in multiple and range mode; return empty string to announce nothing.
+     * @default undefined — built-in English wording, e.g. "Range selected, 1 May to 8 May."
+     */
+    getSelectionAnnouncement?: ((value: CalendarValue, locale: string | undefined) => string) | undefined;
+    /**
+     * Announce navigation button paging; return empty string to announce nothing.
+     * @default undefined — `formatMonthLabel`, e.g. "février 2026"
+     */
+    getMonthAnnouncement?: ((month: Date, locale: string | undefined) => string) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -73,25 +109,38 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "value-change": (value: CalendarValue) => any;
     "update:month": (month: Date) => any;
     "month-change": (month: Date) => any;
+    "update:focusedDate": (date: Date) => any;
+    "focus-change": (date: Date) => any;
+    "update:view": (view: CalendarView) => any;
+    "view-change": (view: CalendarView) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: CalendarValue) => any) | undefined;
-    "onValue-change"?: ((value: CalendarValue) => any) | undefined;
-    "onUpdate:month"?: ((month: Date) => any) | undefined;
-    "onMonth-change"?: ((month: Date) => any) | undefined;
+    "onUpdate:value"?: (value: CalendarValue) => any;
+    "onValue-change"?: (value: CalendarValue) => any;
+    "onUpdate:month"?: (month: Date) => any;
+    "onMonth-change"?: (month: Date) => any;
+    "onUpdate:focusedDate"?: (date: Date) => any;
+    "onFocus-change"?: (date: Date) => any;
+    "onUpdate:view"?: (view: CalendarView) => any;
+    "onView-change"?: (view: CalendarView) => any;
 }>, {
-    disabled: (date: Date) => boolean;
-    value: CalendarValue;
-    month: Date;
-    defaultValue: CalendarValue;
-    locale: string;
-    selectionMode: CalendarSelectionMode;
-    defaultMonth: Date;
-    numberOfMonths: number;
-    minDate: Date;
-    maxDate: Date;
-    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    isDateUnavailable: (isoDate: string) => boolean;
-    getSelectionAnnouncement: (value: CalendarValue, locale: string | undefined) => string;
+    disabled: boolean | undefined;
+    defaultValue: CalendarValueInput | undefined;
+    readOnly: boolean | undefined;
+    value: CalendarValueInput | undefined;
+    month: DateInput | undefined;
+    selectionMode: CalendarSelectionMode | undefined;
+    defaultMonth: DateInput | undefined;
+    focusedDate: DateInput | undefined;
+    defaultFocusedDate: DateInput | undefined;
+    numberOfMonths: number | undefined;
+    weekNumbers: boolean | undefined;
+    defaultView: CalendarView | undefined;
+    minView: CalendarView | undefined;
+    maxView: CalendarView | undefined;
+    outsideDaySelectable: boolean | undefined;
+    pageBehavior: CalendarPageBehavior | undefined;
+    isDateDisabled: ((date: Date) => boolean) | undefined;
+    isDateUnavailable: ((date: Date) => boolean) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/calendar/Calendar.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const O=require("../utils/liveAnnouncer.cjs"),S=require("./context.cjs"),s=require("./locale.cjs"),o=require("./dateMath.cjs");let t=require("vue");var q={class:"skdx-calendar","data-part":"root","data-skdx-component":"calendar"},y=(0,t.defineComponent)({__name:"Calendar",props:{selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},month:{default:void 0},defaultMonth:{default:void 0},numberOfMonths:{default:1},locale:{default:void 0},minDate:{default:void 0},maxDate:{default:void 0},weekStartsOn:{default:void 0},disabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},getSelectionAnnouncement:{type:Function,default:void 0}},emits:["update:value","value-change","update:month","month-change"],setup(f,{emit:h}){const e=f,u=h,v=(0,t.ref)(e.defaultValue??o.emptySelection(e.selectionMode)),l=(0,t.computed)(()=>e.value!==void 0?e.value:v.value),m=(0,t.ref)(o.startOfMonth(e.defaultMonth??o.anchorOf(l.value)??new Date)),r=(0,t.computed)(()=>e.month!==void 0?e.month:m.value),p=(0,t.computed)(()=>Array.from({length:Math.max(1,e.numberOfMonths)},(n,a)=>o.addMonths(r.value,a))),d=(0,t.computed)(()=>e.weekStartsOn??s.getLocaleWeekStartsOn(e.locale)),g=(0,t.computed)(()=>{const n=s.getWeekDayNames(e.locale,d.value,"short"),a=s.getWeekDayNames(e.locale,d.value,"long");return n.map((c,k)=>({short:c,long:a[k]}))}),i=(0,t.ref)(o.anchorOf(l.value)??r.value);(0,t.watch)(l,n=>{e.selectionMode==="single"&&n instanceof Date&&(i.value=n)});function _(n){const a=o.nextSelection(e.selectionMode,l.value,n);e.value===void 0&&(v.value=a),u("update:value",a),u("value-change",a);const c=(e.getSelectionAnnouncement??o.selectionAnnouncement)(a,e.locale);c&&O.announce(c)}function D(n){const a=o.startOfMonth(n);e.month===void 0&&(m.value=a),u("update:month",a),u("month-change",a)}function M(n){i.value=n}return(0,t.provide)(S.CALENDAR_CONTEXT,{value:l,get selectionMode(){return e.selectionMode},month:r,months:p,focusedDate:i,get weekStartsOn(){return d.value},get locale(){return e.locale},weekDayNames:g,get minDate(){return e.minDate},get maxDate(){return e.maxDate},get disabled(){return e.disabled},get isDateUnavailable(){return e.isDateUnavailable},onValueChange:_,onMonthChange:D,setFocusedDate:M}),(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",q,[(0,t.renderSlot)(n.$slots,"default")]))}});exports.default=y;
+const V=require("../utils/liveAnnouncer.cjs"),h=require("../utils/calendar-locale.cjs"),u=require("../utils/date-value.cjs"),U=require("./context.cjs"),o=require("./dateMath.cjs"),I=require("./CalendarAnatomy.vue.cjs");let a=require("vue");var z=(0,a.defineComponent)({__name:"Calendar",props:{selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},month:{default:void 0},defaultMonth:{default:void 0},focusedDate:{default:void 0},defaultFocusedDate:{default:void 0},numberOfMonths:{default:1},locale:{},minDate:{},maxDate:{},weekStartsOn:{},weekNumbers:{type:Boolean,default:!1},view:{},defaultView:{default:"day"},minView:{default:"day"},maxView:{default:"year"},outsideDaySelectable:{type:Boolean,default:!1},pageBehavior:{default:"visible"},today:{},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},getSelectionAnnouncement:{},getMonthAnnouncement:{}},emits:["update:value","value-change","update:month","month-change","update:focusedDate","focus-change","update:view","view-change"],setup(B,{emit:F}){const e=B,d=F,p=(0,a.computed)(()=>u.toCalendarValue(e.value,e.selectionMode,"value")),D=(0,a.computed)(()=>u.toDate(e.month,"month")??void 0),b=(0,a.computed)(()=>u.toDate(e.minDate,"minDate")??void 0),_=(0,a.computed)(()=>u.toDate(e.maxDate,"maxDate")??void 0),O=(0,a.ref)(u.toCalendarValue(e.defaultValue,e.selectionMode,"defaultValue")??o.emptySelection(e.selectionMode)),c=(0,a.computed)(()=>p.value!==void 0?p.value:O.value),E=new Date,x=(0,a.computed)(()=>u.toDate(e.today,"today")??E);(0,a.watch)(c,n=>o.warnInstantDate(o.anchorOf(n),"value"),{immediate:!0});const S=(0,a.ref)(o.startOfMonth(u.toDate(e.defaultMonth,"defaultMonth")??o.anchorOf(c.value)??x.value)),s=(0,a.computed)(()=>D.value!==void 0?D.value:S.value),g=(0,a.computed)(()=>Array.from({length:Math.max(1,e.numberOfMonths)},(n,t)=>o.addMonths(s.value,t))),w=(0,a.computed)(()=>e.weekStartsOn??h.getLocaleWeekStartsOn(e.locale)),L=(0,a.computed)(()=>{const n=h.getWeekDayNames(e.locale,w.value,"short"),t=h.getWeekDayNames(e.locale,w.value,"long");return n.map((l,f)=>({short:l,long:t[f]}))}),M=(0,a.computed)(()=>o.resolveCalendarDisabled(e.disabled,e.isDateDisabled)),y=(0,a.computed)(()=>u.toDate(e.focusedDate,"focusedDate")??void 0),k=(0,a.ref)(u.toDate(e.defaultFocusedDate,"defaultFocusedDate")??o.anchorOf(c.value)??s.value),v=(0,a.computed)(()=>y.value!==void 0?y.value:k.value);(0,a.watch)(c,n=>{const t=o.anchorOf(n);t&&(g.value.some(l=>o.isSameMonth(t,l))||(i(t),m(t)))});function P(n){if(e.readOnly||M.value.disabled)return;const t=o.nextSelection(e.selectionMode,c.value,n);p.value===void 0&&(O.value=t),d("update:value",t),d("value-change",t);const l=(e.getSelectionAnnouncement??o.selectionAnnouncement)(t,e.locale);l&&V.announce(l)}function m(n){const t=o.startOfMonth(n);D.value===void 0&&(S.value=t),d("update:month",t),d("month-change",t)}function i(n){const t=o.clampToDateRange(n,b.value,_.value);o.isSameDay(t,v.value)||(y.value===void 0&&(k.value=t),d("update:focusedDate",t),d("focus-change",t))}const A=(0,a.ref)(null),q=(0,a.ref)(e.defaultView),r=(0,a.computed)(()=>o.clampView(e.view??q.value,e.minView,e.maxView));function C(n){const t=o.clampView(n,e.minView,e.maxView);t!==r.value&&(e.view===void 0&&(q.value=t),d("update:view",t),d("view-change",t))}function R(n){i(n),g.value.some(t=>o.isSameMonth(n,t))||m(n),C(o.CALENDAR_VIEWS[o.CALENDAR_VIEWS.indexOf(r.value)-1]??"day")}function T(n){if(r.value!=="day"){const W=r.value==="month"?12:240,N=o.addMonths(v.value,n*W);i(N),V.announce(o.formatViewPageLabel(N,r.value,e.locale));return}const t=e.pageBehavior==="single"?1:Math.max(1,e.numberOfMonths),l=o.addMonths(s.value,n*t);m(l),i(o.clampToMonth(v.value,l));const f=(e.getMonthAnnouncement??h.formatMonthLabel)(o.startOfMonth(l),e.locale);f&&V.announce(f)}return(0,a.provide)(U.CALENDAR_CONTEXT,{value:c,get selectionMode(){return e.selectionMode},month:s,months:g,focusedDate:v,today:x,get weekStartsOn(){return w.value},get weekNumbers(){return e.weekNumbers},get locale(){return e.locale},weekDayNames:L,get minDate(){return b.value},get maxDate(){return _.value},get readOnly(){return e.readOnly},get disabled(){return M.value.disabled},get isDateDisabled(){return M.value.isDateDisabled},get outsideDaySelectable(){return e.outsideDaySelectable},get isDateUnavailable(){return e.isDateUnavailable},onValueChange:P,onMonthChange:m,pageMonths:T,setFocusedDate:i,get view(){return r.value},get minView(){return e.minView},get maxView(){return e.maxView},setView:C,navigateToUnit:R,rootRef:A}),(n,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{ref_key:"rootRef",ref:A,class:"skdx-calendar","data-part":"root","data-skdx-component":"calendar"},[(0,a.renderSlot)(n.$slots,"default",{},()=>[(0,a.createVNode)(I.default)])],512))}});exports.default=z;

package/dist/calendar/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{announce as e}from"../utils/liveAnnouncer.js";import{CALENDAR_CONTEXT as a}from"./context.js";import{getLocaleWeekStartsOn as t,getWeekDayNames as n}from"./locale.js";import{addMonths as o,anchorOf as l,emptySelection as u,nextSelection as s,selectionAnnouncement as d,startOfMonth as i}from"./dateMath.js";import{computed as r,createElementBlock as c,defineComponent as v,openBlock as m,provide as f,ref as h,renderSlot as p,watch as g}from"vue";var D={class:"skdx-calendar","data-part":"root","data-skdx-component":"calendar"},M=/* @__PURE__ */v({__name:"Calendar",props:{selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},month:{default:void 0},defaultMonth:{default:void 0},numberOfMonths:{default:1},locale:{default:void 0},minDate:{default:void 0},maxDate:{default:void 0},weekStartsOn:{default:void 0},disabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},getSelectionAnnouncement:{type:Function,default:void 0}},emits:["update:value","value-change","update:month","month-change"],setup(v,{emit:M}){const k=v,x=M,O=h(k.defaultValue??u(k.selectionMode)),S=r(()=>void 0!==k.value?k.value:O.value),b=h(i(k.defaultMonth??l(S.value)??/* @__PURE__ */new Date)),y=r(()=>void 0!==k.month?k.month:b.value),A=r(()=>Array.from({length:Math.max(1,k.numberOfMonths)},(e,a)=>o(y.value,a))),w=r(()=>k.weekStartsOn??t(k.locale)),C=r(()=>{const e=n(k.locale,w.value,"short"),a=n(k.locale,w.value,"long");return e.map((e,t)=>({short:e,long:a[t]}))}),j=h(l(S.value)??y.value);return g(S,e=>{"single"===k.selectionMode&&e instanceof Date&&(j.value=e)}),f(a,{value:S,get selectionMode(){return k.selectionMode},month:y,months:A,focusedDate:j,get weekStartsOn(){return w.value},get locale(){return k.locale},weekDayNames:C,get minDate(){return k.minDate},get maxDate(){return k.maxDate},get disabled(){return k.disabled},get isDateUnavailable(){return k.isDateUnavailable},onValueChange:function(a){const t=s(k.selectionMode,S.value,a);void 0===k.value&&(O.value=t),x("update:value",t),x("value-change",t);const n=(k.getSelectionAnnouncement??d)(t,k.locale);n&&e(n)},onMonthChange:function(e){const a=i(e);void 0===k.month&&(b.value=a),x("update:month",a),x("month-change",a)},setFocusedDate:function(e){j.value=e}}),(e,a)=>(m(),c("div",D,[p(e.$slots,"default")]))}});export{M as default};
+import{announce as e}from"../utils/liveAnnouncer.js";import{formatMonthLabel as a,getLocaleWeekStartsOn as t,getWeekDayNames as o}from"../utils/calendar-locale.js";import{toCalendarValue as l,toDate as n}from"../utils/date-value.js";import{CALENDAR_CONTEXT as u}from"./context.js";import{CALENDAR_VIEWS as s,addMonths as d,anchorOf as i,clampToDateRange as r,clampToMonth as v,clampView as c,emptySelection as m,formatViewPageLabel as f,isSameDay as h,isSameMonth as D,nextSelection as g,resolveCalendarDisabled as p,selectionAnnouncement as w,startOfMonth as y,warnInstantDate as b}from"./dateMath.js";import M from"./CalendarAnatomy.vue.js";import{computed as V,createElementBlock as x,createVNode as O,defineComponent as S,openBlock as k,provide as A,ref as C,renderSlot as N,watch as B}from"vue";var j=/* @__PURE__ */S({__name:"Calendar",props:{selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},month:{default:void 0},defaultMonth:{default:void 0},focusedDate:{default:void 0},defaultFocusedDate:{default:void 0},numberOfMonths:{default:1},locale:{},minDate:{},maxDate:{},weekStartsOn:{},weekNumbers:{type:Boolean,default:!1},view:{},defaultView:{default:"day"},minView:{default:"day"},maxView:{default:"year"},outsideDaySelectable:{type:Boolean,default:!1},pageBehavior:{default:"visible"},today:{},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},getSelectionAnnouncement:{},getMonthAnnouncement:{}},emits:["update:value","value-change","update:month","month-change","update:focusedDate","focus-change","update:view","view-change"],setup(S,{emit:j}){const F=S,E=j,L=V(()=>l(F.value,F.selectionMode,"value")),R=V(()=>n(F.month,"month")??void 0),T=V(()=>n(F.minDate,"minDate")??void 0),_=V(()=>n(F.maxDate,"maxDate")??void 0),U=C(l(F.defaultValue,F.selectionMode,"defaultValue")??m(F.selectionMode)),W=V(()=>void 0!==L.value?L.value:U.value),I=/* @__PURE__ */new Date,P=V(()=>n(F.today,"today")??I);B(W,e=>b(i(e),"value"),{immediate:!0});const X=C(y(n(F.defaultMonth,"defaultMonth")??i(W.value)??P.value)),$=V(()=>void 0!==R.value?R.value:X.value),q=V(()=>Array.from({length:Math.max(1,F.numberOfMonths)},(e,a)=>d($.value,a))),z=V(()=>F.weekStartsOn??t(F.locale)),G=V(()=>{const e=o(F.locale,z.value,"short"),a=o(F.locale,z.value,"long");return e.map((e,t)=>({short:e,long:a[t]}))}),H=V(()=>p(F.disabled,F.isDateDisabled)),J=V(()=>n(F.focusedDate,"focusedDate")??void 0),K=C(n(F.defaultFocusedDate,"defaultFocusedDate")??i(W.value)??$.value),Q=V(()=>void 0!==J.value?J.value:K.value);function Y(e){const a=y(e);void 0===R.value&&(X.value=a),E("update:month",a),E("month-change",a)}function Z(e){const a=r(e,T.value,_.value);h(a,Q.value)||(void 0===J.value&&(K.value=a),E("update:focusedDate",a),E("focus-change",a))}B(W,e=>{const a=i(e);a&&(q.value.some(e=>D(a,e))||(Z(a),Y(a)))});const ee=C(null),ae=C(F.defaultView),te=V(()=>c(F.view??ae.value,F.minView,F.maxView));function oe(e){const a=c(e,F.minView,F.maxView);a!==te.value&&(void 0===F.view&&(ae.value=a),E("update:view",a),E("view-change",a))}return A(u,{value:W,get selectionMode(){return F.selectionMode},month:$,months:q,focusedDate:Q,today:P,get weekStartsOn(){return z.value},get weekNumbers(){return F.weekNumbers},get locale(){return F.locale},weekDayNames:G,get minDate(){return T.value},get maxDate(){return _.value},get readOnly(){return F.readOnly},get disabled(){return H.value.disabled},get isDateDisabled(){return H.value.isDateDisabled},get outsideDaySelectable(){return F.outsideDaySelectable},get isDateUnavailable(){return F.isDateUnavailable},onValueChange:function(a){if(F.readOnly||H.value.disabled)return;const t=g(F.selectionMode,W.value,a);void 0===L.value&&(U.value=t),E("update:value",t),E("value-change",t);const o=(F.getSelectionAnnouncement??w)(t,F.locale);o&&e(o)},onMonthChange:Y,pageMonths:function(t){if("day"!==te.value){const a="month"===te.value?12:240,o=d(Q.value,t*a);return Z(o),void e(f(o,te.value,F.locale))}const o="single"===F.pageBehavior?1:Math.max(1,F.numberOfMonths),l=d($.value,t*o);Y(l),Z(v(Q.value,l));const n=(F.getMonthAnnouncement??a)(y(l),F.locale);n&&e(n)},setFocusedDate:Z,get view(){return te.value},get minView(){return F.minView},get maxView(){return F.maxView},setView:oe,navigateToUnit:function(e){Z(e),q.value.some(a=>D(e,a))||Y(e),oe(s[s.indexOf(te.value)-1]??"day")},rootRef:ee}),(e,a)=>(k(),x("div",{ref_key:"rootRef",ref:ee,class:"skdx-calendar","data-part":"root","data-skdx-component":"calendar"},[N(e.$slots,"default",{},()=>[O(M)])],512))}});export{j as default};

package/dist/calendar/CalendarAnatomy.vue.cjs

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

package/dist/calendar/CalendarAnatomy.vue.d.cts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/calendar/CalendarAnatomy.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/calendar/CalendarAnatomy.vue.js

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

package/dist/calendar/CalendarAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/Glyph.vue.cjs"),d=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),i=require("./CalendarGrid.vue.cjs"),_=require("./CalendarGridBody.vue.cjs"),s=require("./CalendarGridHead.vue.cjs"),m=require("./CalendarHeader.vue.cjs"),u=require("./CalendarHeading.vue.cjs"),q=require("./CalendarMonthGrid.vue.cjs"),f=require("./CalendarNextButton.vue.cjs"),C=require("./CalendarPreviousButton.vue.cjs"),h=require("./CalendarYearGrid.vue.cjs");let e=require("vue");var k=(0,e.defineComponent)({__name:"CalendarAnatomy",setup(p){const o=d.injectRequired(c.CALENDAR_CONTEXT,"<SkdxCalendarAnatomy> must be used inside <SkdxCalendar>."),t=(0,e.computed)(()=>o.months.value),r=(0,e.computed)(()=>t.value.length>1);return(N,B)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(m.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(C.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{name:"chevron-left"})]),_:1}),r.value?(0,e.createCommentVNode)("",!0):((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0})),(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{name:"chevron-right"})]),_:1})]),_:1}),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.value,(l,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:l.toISOString()},[r.value?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0,"month-offset":a},null,8,["month-offset"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(i.default,{"month-offset":a},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(s.default),(0,e.createVNode)(_.default)]),_:1},8,["month-offset"])],64))),128)),(0,e.createVNode)(q.default),(0,e.createVNode)(h.default)],64))}});exports.default=k;

package/dist/calendar/CalendarAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Glyph.vue.js";import{injectRequired as r}from"../utils/injectRequired.js";import{CALENDAR_CONTEXT as t}from"./context.js";import a from"./CalendarGrid.vue.js";import o from"./CalendarGridBody.vue.js";import n from"./CalendarGridHead.vue.js";import l from"./CalendarHeader.vue.js";import m from"./CalendarHeading.vue.js";import s from"./CalendarMonthGrid.vue.js";import u from"./CalendarNextButton.vue.js";import d from"./CalendarPreviousButton.vue.js";import i from"./CalendarYearGrid.vue.js";import{Fragment as f,computed as v,createBlock as p,createCommentVNode as C,createElementBlock as c,createVNode as j,defineComponent as h,openBlock as k,renderList as y,withCtx as _}from"vue";var x=/* @__PURE__ */h({__name:"CalendarAnatomy",setup(h){const x=r(t,"<SkdxCalendarAnatomy> must be used inside <SkdxCalendar>."),B=v(()=>x.months.value),G=v(()=>B.value.length>1);return(r,t)=>(k(),c(f,null,[j(l,null,{default:_(()=>[j(d,null,{default:_(()=>[j(e,{name:"chevron-left"})]),_:1}),G.value?C("",!0):(k(),p(m,{key:0})),j(u,null,{default:_(()=>[j(e,{name:"chevron-right"})]),_:1})]),_:1}),(k(!0),c(f,null,y(B.value,(e,r)=>(k(),c(f,{key:e.toISOString()},[G.value?(k(),p(m,{key:0,"month-offset":r},null,8,["month-offset"])):C("",!0),j(a,{"month-offset":r},{default:_(()=>[j(n),j(o)]),_:1},8,["month-offset"])],64))),128)),j(s),j(i)],64))}});export{x as default};

package/dist/calendar/CalendarCell.vue.d.cts

@@ -1,26 +1,8 @@
-/**
- * Single selectable `role="gridcell"` date within a `SkdxCalendar`. Renders a
- * `<button type="button">` with `aria-selected`, `data-state="selected"`
- * when chosen, `data-today`, `data-outside-month`, `data-disabled`, and a
- * roving `tabindex` (`0` only for the currently focused date, `-1`
- * otherwise). Clicking selects the date. Defaults to the day-of-month number
- * as its content.
- *
- * In `range` selection mode, every cell from the range's start to its end is
- * `aria-selected`, and carries exactly one of `data-range-start`,
- * `data-range-middle` or `data-range-end` for styling the band.
- *
- * Two distinct ways to refuse a date:
- * - **disabled** — outside `minDate`/`maxDate`, outside the displayed month,
- *   or matching the `disabled` predicate. Natively `disabled`, so it is not
- *   focusable and does not fire clicks.
- * - **unavailable** — matching `isDateUnavailable`. Focusable and announced as
- *   `aria-disabled="true"` with a `data-unavailable` hook, so a screen-reader
- *   user can land on it and hear that it is taken; clicks are ignored.
- */
+import { type DateInput } from '../utils/date-value.cjs';
+/** Single selectable role="gridcell" date; renders a button with aria-selected and roving tabindex. */
 type __VLS_Props = {
-    /** The date value this calendar grid cell represents and selects when activated. */
-    date: Date;
+    /** The date value this calendar grid cell represents and selects when activated; takes a Date or ISO-8601 string. */
+    date: DateInput;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/calendar/CalendarCell.vue.d.ts

@@ -1,26 +1,8 @@
-/**
- * Single selectable `role="gridcell"` date within a `SkdxCalendar`. Renders a
- * `<button type="button">` with `aria-selected`, `data-state="selected"`
- * when chosen, `data-today`, `data-outside-month`, `data-disabled`, and a
- * roving `tabindex` (`0` only for the currently focused date, `-1`
- * otherwise). Clicking selects the date. Defaults to the day-of-month number
- * as its content.
- *
- * In `range` selection mode, every cell from the range's start to its end is
- * `aria-selected`, and carries exactly one of `data-range-start`,
- * `data-range-middle` or `data-range-end` for styling the band.
- *
- * Two distinct ways to refuse a date:
- * - **disabled** — outside `minDate`/`maxDate`, outside the displayed month,
- *   or matching the `disabled` predicate. Natively `disabled`, so it is not
- *   focusable and does not fire clicks.
- * - **unavailable** — matching `isDateUnavailable`. Focusable and announced as
- *   `aria-disabled="true"` with a `data-unavailable` hook, so a screen-reader
- *   user can land on it and hear that it is taken; clicks are ignored.
- */
+import { type DateInput } from '../utils/date-value.js';
+/** Single selectable role="gridcell" date; renders a button with aria-selected and roving tabindex. */
 type __VLS_Props = {
-    /** The date value this calendar grid cell represents and selects when activated. */
-    date: Date;
+    /** The date value this calendar grid cell represents and selects when activated; takes a Date or ISO-8601 string. */
+    date: DateInput;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/calendar/CalendarCell.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("./context.cjs"),d=require("./dateMath.cjs");let e=require("vue");var C=["aria-selected","aria-disabled","data-skdx-calendar-cell","data-state","data-today","data-outside-month","data-disabled","data-unavailable","data-range-start","data-range-middle","data-range-end","tabindex","disabled"],h=(0,e.defineComponent)({__name:"CalendarCell",props:{date:{}},setup(o){const t=o,s=(0,e.inject)(v.CALENDAR_CONTEXT);if(!s)throw new Error("SkdxCalendarCell must be used within SkdxCalendar");const a=s,m=(0,e.inject)(v.CALENDAR_GRID_CONTEXT,null),p=(0,e.computed)(()=>m?.gridMonth.value??a.month.value),u=(0,e.computed)(()=>d.toISODateString(t.date)),r=(0,e.computed)(()=>!d.isSameMonth(t.date,p.value)),l=(0,e.computed)(()=>r.value||d.isDateDisabled(t.date,a.minDate,a.maxDate,a.disabled)),n=(0,e.computed)(()=>!l.value&&(a.isDateUnavailable?.(u.value)??!1)),c=(0,e.computed)(()=>d.isDateSelected(a.value.value,t.date)),i=(0,e.computed)(()=>d.isDateRange(a.value.value)?d.rangePositionOf(a.value.value,t.date):void 0),D=(0,e.computed)(()=>d.isSameDay(t.date,new Date)),b=(0,e.computed)(()=>d.isSameDay(t.date,a.focusedDate.value));function g(){if(!l.value){if(n.value){a.setFocusedDate(t.date);return}a.onValueChange(t.date),a.setFocusedDate(t.date)}}return(_,x)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-calendar__cell","data-part":"cell",type:"button",role:"gridcell","aria-selected":c.value,"aria-disabled":n.value?"true":void 0,"data-skdx-calendar-cell":u.value,"data-state":c.value?"selected":void 0,"data-today":D.value?"":void 0,"data-outside-month":r.value?"":void 0,"data-disabled":l.value?"":void 0,"data-unavailable":n.value?"":void 0,"data-range-start":i.value==="start"?"":void 0,"data-range-middle":i.value==="middle"?"":void 0,"data-range-end":i.value==="end"?"":void 0,tabindex:b.value?0:-1,disabled:l.value,onClick:g},[(0,e.renderSlot)(_.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.date.getDate()),1)])],8,C))}});exports.default=h;
+const C=require("../utils/injectRequired.cjs"),q=require("../utils/calendar-locale.cjs"),S=require("../utils/date-value.cjs"),v=require("./context.cjs"),l=require("./dateMath.cjs");let a=require("vue");var f=["aria-selected","aria-disabled","aria-current","aria-label","data-skdx-calendar-cell","data-state","data-today","data-outside-month","data-disabled","data-unavailable","data-range-start","data-range-middle","data-range-end","tabindex","disabled"],x=(0,a.defineComponent)({__name:"CalendarCell",props:{date:{}},setup(m){const _=m,e=C.injectRequired(v.CALENDAR_CONTEXT,"SkdxCalendarCell must be used within SkdxCalendar"),b=(0,a.inject)(v.CALENDAR_GRID_CONTEXT,null),s=(0,a.computed)(()=>b?.gridMonth.value??e.month.value),t=(0,a.computed)(()=>S.toDate(_.date,"date")??s.value),p=(0,a.computed)(()=>l.toISODateString(t.value)),u=(0,a.computed)(()=>!l.isSameMonth(t.value,s.value)),d=(0,a.computed)(()=>e.disabled||u.value&&!e.outsideDaySelectable||l.isDateDisabled(t.value,e.minDate,e.maxDate,e.isDateDisabled)),i=(0,a.computed)(()=>!d.value&&(e.isDateUnavailable?.(t.value)??!1)),r=(0,a.computed)(()=>l.isDateSelected(e.value.value,t.value)),o=(0,a.computed)(()=>l.isDateRange(e.value.value)?l.rangePositionOf(e.value.value,t.value):void 0),c=(0,a.computed)(()=>l.isSameDay(t.value,e.today.value)),D=(0,a.computed)(()=>q.formatDateLabel(t.value,e.locale)),g=(0,a.computed)(()=>l.isSameDay(t.value,e.focusedDate.value));function h(){if(!d.value){if(i.value){e.setFocusedDate(t.value);return}e.onValueChange(t.value),e.setFocusedDate(t.value),u.value&&!e.months.value.some(n=>l.isSameMonth(t.value,n))&&e.onMonthChange(t.value)}}return(n,y)=>((0,a.openBlock)(),(0,a.createElementBlock)("button",{class:"skdx-calendar__cell","data-part":"cell",type:"button",role:"gridcell","aria-selected":r.value,"aria-disabled":i.value?"true":void 0,"aria-current":c.value?"date":void 0,"aria-label":D.value,"data-skdx-calendar-cell":p.value,"data-state":r.value?"selected":void 0,"data-today":c.value?"":void 0,"data-outside-month":u.value?"":void 0,"data-disabled":d.value?"":void 0,"data-unavailable":i.value?"":void 0,"data-range-start":o.value==="start"?"":void 0,"data-range-middle":o.value==="middle"?"":void 0,"data-range-end":o.value==="end"?"":void 0,tabindex:g.value?0:-1,disabled:d.value,onClick:h},[(0,a.renderSlot)(n.$slots,"default",{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(t.value.getDate()),1)])],8,f))}});exports.default=x;