@lovince/ui-vue 0.0.0-stage → 0.1.0

package/dist/components/calendar.d.ts

@@ -0,0 +1,421 @@
+import { PropType } from 'vue';
+import { CalendarMode, CalendarMonth, IsoDate, Weekday } from '@lovince/ui-headless';
+export type { CalendarMode, CalendarMonth };
+/**
+ * A month grid, or several side by side: one tab stop, arrows by day and week,
+ * Page Up/Down by month. Values are `YYYY-MM-DD` strings in single mode
+ * (`v-model`) and range mode (`v-model:start` and `v-model:end`).
+ */
+export declare const CalendarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    mode: {
+        type: PropType<CalendarMode>;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    start: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    end: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Any date in the first month shown (`v-model:month`). Defaults to the value's month, or today's. */
+    month: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: PropType<Weekday>;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    min: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    max: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    isDateDisabled: {
+        type: PropType<(date: IsoDate) => boolean>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: string;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: IsoDate) => boolean;
+    'update:start': (value: IsoDate | undefined) => boolean;
+    'update:end': (value: IsoDate | undefined) => boolean;
+    'update:month': (value: IsoDate) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: PropType<CalendarMode>;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    start: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    end: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Any date in the first month shown (`v-model:month`). Defaults to the value's month, or today's. */
+    month: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    numberOfMonths: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: PropType<Weekday>;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    min: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    max: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    isDateDisabled: {
+        type: PropType<(date: IsoDate) => boolean>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: string;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:start"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:end"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:month"?: ((value: string) => any) | undefined;
+}>, {
+    mode: CalendarMode;
+    as: string | import('vue').Component;
+    asChild: boolean;
+    disabled: boolean;
+    dir: "ltr" | "rtl";
+    start: string;
+    end: string;
+    min: string;
+    max: string;
+    locale: string;
+    month: string;
+    numberOfMonths: number;
+    weekStartsOn: Weekday;
+    readonly: boolean;
+    modelValue: string;
+    defaultValue: string;
+    isDateDisabled: (date: IsoDate) => boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/** The month's name. Announced politely, so paging reads out where you landed. */
+export declare const CalendarHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    month: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    month: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    month: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CalendarPrev: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CalendarNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CalendarGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    month: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    month: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    month: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/** The weekday column heading; `abbr` carries the full name for screen readers. */
+export declare const CalendarHeadCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CalendarCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    date: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    date: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    as: {
+        default: string;
+        type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CalendarDay: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** The grid's month, so days of the months either side are marked `data-outside`. */
+    month: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    date: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** The grid's month, so days of the months either side are marked `data-outside`. */
+    month: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    date: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    as: {
+        readonly default: "button";
+        readonly type: PropType<string | import('vue').Component>;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    month: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;