@mekari/pixel3-date-picker 0.0.1-dev.0

package/dist/calendar-panel.d.mts

@@ -0,0 +1,231 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import * as vue from 'vue';
+
+declare const CalendarPanel: vue.DefineComponent<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}, () => vue_jsx_runtime.JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar")[], "update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onMouseEnter?: ((...args: any[]) => any) | undefined;
+    onMouseLeave?: ((...args: any[]) => any) | undefined;
+    onUpdateCalendar?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "date" | "month" | "year" | "week" | "biweek";
+    isRange: boolean;
+    isShowShortcut: boolean;
+    disabledDate: (date: Date) => boolean;
+    disabledMonth: (month: number, year: number) => boolean;
+    disabledYear: (year: number) => boolean;
+    getDateStatus: (date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined;
+    getMonthStatus: (month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+    getYearStatus: (year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+}, {}>;
+declare const CalendarPanelRange: vue.DefineComponent<{
+    modelValue: {
+        type: vue.PropType<Date[]>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: vue.PropType<Date[]>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "date" | "month" | "year" | "week" | "biweek";
+    isRange: boolean;
+    isShowShortcut: boolean;
+    disabledDate: (date: Date) => boolean;
+    disabledMonth: (month: number, year: number) => boolean;
+    disabledYear: (year: number) => boolean;
+    getDateStatus: (date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined;
+    getMonthStatus: (month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+    getYearStatus: (year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+}, {}>;
+
+export { CalendarPanel, CalendarPanelRange };

package/dist/calendar-panel.d.ts

@@ -0,0 +1,231 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import * as vue from 'vue';
+
+declare const CalendarPanel: vue.DefineComponent<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}, () => vue_jsx_runtime.JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar")[], "update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onMouseEnter?: ((...args: any[]) => any) | undefined;
+    onMouseLeave?: ((...args: any[]) => any) | undefined;
+    onUpdateCalendar?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "date" | "month" | "year" | "week" | "biweek";
+    isRange: boolean;
+    isShowShortcut: boolean;
+    disabledDate: (date: Date) => boolean;
+    disabledMonth: (month: number, year: number) => boolean;
+    disabledYear: (year: number) => boolean;
+    getDateStatus: (date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined;
+    getMonthStatus: (month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+    getYearStatus: (year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+}, {}>;
+declare const CalendarPanelRange: vue.DefineComponent<{
+    modelValue: {
+        type: vue.PropType<Date[]>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: vue.PropType<Date[]>;
+    };
+    defaultValue: {
+        type: vue.PropType<Date>;
+    };
+    type: {
+        type: vue.PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: vue.PropType<Date>;
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: vue.PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: vue.PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: vue.PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: vue.PropType<(date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: vue.PropType<(month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: vue.PropType<(year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: vue.PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "date" | "month" | "year" | "week" | "biweek";
+    isRange: boolean;
+    isShowShortcut: boolean;
+    disabledDate: (date: Date) => boolean;
+    disabledMonth: (month: number, year: number) => boolean;
+    disabledYear: (year: number) => boolean;
+    getDateStatus: (date: Date) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined;
+    getMonthStatus: (month: number, year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+    getYearStatus: (year: number) => _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined;
+}, {}>;
+
+export { CalendarPanel, CalendarPanelRange };