@mekari/pixel3-date-picker 0.1.6-dev.0 → 0.1.6-dev.1

package/dist/date-picker.d.ts

@@ -1,325 +1,11 @@
-import * as vue_jsx_runtime from 'vue/jsx-runtime';
-import { CalendarPanel } from './modules/date-picker.props.js';
-import * as vue from 'vue';
+import 'vue/jsx-runtime';
+export { MpDatePicker } from './index.js';
+import './modules/date-picker.types.js';
+import './modules/date-picker.props.js';
+import 'vue';
 import './components/parts/date.js';
 import '@mekari/pixel3-styled-system/types';
 import '@mekari/pixel3-styled-system/css';
 import '@mekari/pixel3-styled-system/recipes';
 import './components/parts/month.js';
 import './components/parts/year.js';
-
-declare const MpDatePicker: vue.DefineComponent<{
-    id: {
-        type: vue.PropType<string>;
-    };
-    modelValue: {
-        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
-    };
-    type: {
-        type: vue.PropType<CalendarPanel>;
-        default: string;
-    };
-    valueType: {
-        type: vue.PropType<"string" | "date" | "timestamp">;
-        default: string;
-    };
-    format: {
-        type: vue.PropType<string>;
-    };
-    rangeSeparator: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    placeholder: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    errorMessage: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    disabledMessage: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    lang: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-    inputAttr: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    contentAttr: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    isRange: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isReadOnly: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isDisabled: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isClearable: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isInvalid: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    usePortal: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isKeepAlive: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isInline: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isNotClickable: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isDisableHeader: {
-        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;
-    };
-    defaultDate: {
-        type: DateConstructor;
-        default(): Date;
-    };
-    isShowHour: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isShowMinute: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isShowSecond: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    hourStep: {
-        type: vue.PropType<number>;
-        default: number;
-    };
-    minuteStep: {
-        type: vue.PropType<number>;
-        default: number;
-    };
-    secondStep: {
-        type: vue.PropType<number>;
-        default: number;
-    };
-    isUse12h: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    disabledTime: {
-        type: FunctionConstructor;
-        default: () => boolean;
-    };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "error")[], "update:modelValue" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    id: {
-        type: vue.PropType<string>;
-    };
-    modelValue: {
-        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
-    };
-    type: {
-        type: vue.PropType<CalendarPanel>;
-        default: string;
-    };
-    valueType: {
-        type: vue.PropType<"string" | "date" | "timestamp">;
-        default: string;
-    };
-    format: {
-        type: vue.PropType<string>;
-    };
-    rangeSeparator: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    placeholder: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    errorMessage: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    disabledMessage: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    lang: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-    inputAttr: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    contentAttr: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    isRange: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isReadOnly: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isDisabled: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isClearable: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isInvalid: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    usePortal: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isKeepAlive: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isInline: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isNotClickable: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isDisableHeader: {
-        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;
-    };
-    defaultDate: {
-        type: DateConstructor;
-        default(): Date;
-    };
-    isShowHour: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isShowMinute: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    isShowSecond: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    hourStep: {
-        type: vue.PropType<number>;
-        default: number;
-    };
-    minuteStep: {
-        type: vue.PropType<number>;
-        default: number;
-    };
-    secondStep: {
-        type: vue.PropType<number>;
-        default: number;
-    };
-    isUse12h: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    disabledTime: {
-        type: FunctionConstructor;
-        default: () => boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-}, {
-    type: CalendarPanel;
-    valueType: "string" | "date" | "timestamp";
-    rangeSeparator: string;
-    placeholder: string;
-    errorMessage: string;
-    disabledMessage: string;
-    lang: Record<string, any>;
-    inputAttr: Record<string, any>;
-    contentAttr: Record<string, any>;
-    isRange: boolean;
-    isReadOnly: boolean;
-    isDisabled: boolean;
-    isClearable: boolean;
-    isInvalid: boolean;
-    usePortal: boolean;
-    isKeepAlive: boolean;
-    isInline: boolean;
-    isNotClickable: boolean;
-    isDisableHeader: boolean;
-    isShowShortcut: boolean;
-    disabledDate: (date: Date) => boolean;
-    disabledMonth: (month: number, year: number) => boolean;
-    disabledYear: (year: number) => boolean;
-    defaultDate: Date;
-    isShowHour: boolean;
-    isShowMinute: boolean;
-    isShowSecond: boolean;
-    hourStep: number;
-    minuteStep: number;
-    secondStep: number;
-    isUse12h: boolean;
-    disabledTime: Function;
-}, {}>;
-
-export { MpDatePicker };

package/dist/date-picker.js

@@ -1934,12 +1934,12 @@ function useDatePicker(props, emit) {
   __name(onClosePopover, "onClosePopover");
   function onBlur() {
     onClosePopover();
-    const inputEl = document.getElementById(`${getId}-control`);
+    const inputEl = document.getElementById(`${getId}`);
     inputEl == null ? void 0 : inputEl.blur();
   }
   __name(onBlur, "onBlur");
   function handleForceFocusToInput() {
-    const inputEl = document.getElementById(`${getId}-control`);
+    const inputEl = document.getElementById(`${getId}`);
     inputEl == null ? void 0 : inputEl.focus();
   }
   __name(handleForceFocusToInput, "handleForceFocusToInput");

package/dist/date-picker.mjs

@@ -1,23 +1,23 @@
 import {
   MpDatePicker
-} from "./chunk-I5U3YP2I.mjs";
-import "./chunk-P7JOEQIL.mjs";
-import "./chunk-ARDAXR6E.mjs";
-import "./chunk-7CLF67SP.mjs";
-import "./chunk-IZITNJFI.mjs";
+} from "./chunk-K4TP3SYJ.mjs";
+import "./chunk-PJ5NBVPN.mjs";
+import "./chunk-73ITB7M5.mjs";
 import "./chunk-V6D6W7RO.mjs";
 import "./chunk-64EO4HV7.mjs";
 import "./chunk-5MFHZK63.mjs";
 import "./chunk-O43S64IA.mjs";
-import "./chunk-MO5D3TCF.mjs";
+import "./chunk-7CLF67SP.mjs";
+import "./chunk-IZITNJFI.mjs";
+import "./chunk-AMVBN624.mjs";
 import "./chunk-OYJNIILC.mjs";
-import "./chunk-5VRVDIXN.mjs";
 import "./chunk-MRP3X6QP.mjs";
+import "./chunk-KTYQJMW4.mjs";
 import "./chunk-EQWT6VDG.mjs";
 import "./chunk-J5BK7Z2U.mjs";
 import "./chunk-AGAA7XTC.mjs";
 import "./chunk-3VROFGJH.mjs";
-import "./chunk-KTYQJMW4.mjs";
+import "./chunk-5VRVDIXN.mjs";
 import "./chunk-OMV7LXBW.mjs";
 import "./chunk-WK62QUOT.mjs";
 import "./chunk-IRNTTSB7.mjs";

package/dist/index.d.mts

@@ -1,10 +1,326 @@
-export { MpDatePicker } from './date-picker.mjs';
-import 'vue/jsx-runtime';
-import './modules/date-picker.props.mjs';
-import 'vue';
+import { DatePickerValueType } from './modules/date-picker.types.mjs';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import { CalendarPanel } from './modules/date-picker.props.mjs';
+import * as vue from 'vue';
 import './components/parts/date.mjs';
 import '@mekari/pixel3-styled-system/types';
 import '@mekari/pixel3-styled-system/css';
 import '@mekari/pixel3-styled-system/recipes';
 import './components/parts/month.mjs';
 import './components/parts/year.mjs';
+
+declare const MpDatePicker: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    modelValue: {
+        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
+    };
+    type: {
+        type: vue.PropType<CalendarPanel>;
+        default: string;
+    };
+    valueType: {
+        type: vue.PropType<DatePickerValueType>;
+        default: string;
+    };
+    format: {
+        type: vue.PropType<string>;
+    };
+    rangeSeparator: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    errorMessage: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabledMessage: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    lang: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    inputAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    contentAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isReadOnly: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isClearable: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isInvalid: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isNotClickable: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisableHeader: {
+        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;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "error")[], "update:modelValue" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    modelValue: {
+        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
+    };
+    type: {
+        type: vue.PropType<CalendarPanel>;
+        default: string;
+    };
+    valueType: {
+        type: vue.PropType<DatePickerValueType>;
+        default: string;
+    };
+    format: {
+        type: vue.PropType<string>;
+    };
+    rangeSeparator: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    errorMessage: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabledMessage: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    lang: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    inputAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    contentAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isRange: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isReadOnly: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isClearable: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isInvalid: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isNotClickable: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisableHeader: {
+        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;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}, {
+    type: CalendarPanel;
+    valueType: DatePickerValueType;
+    rangeSeparator: string;
+    placeholder: string;
+    errorMessage: string;
+    disabledMessage: string;
+    lang: Record<string, any>;
+    inputAttr: Record<string, any>;
+    contentAttr: Record<string, any>;
+    isRange: boolean;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    isClearable: boolean;
+    isInvalid: boolean;
+    usePortal: boolean;
+    isKeepAlive: boolean;
+    isInline: boolean;
+    isNotClickable: boolean;
+    isDisableHeader: boolean;
+    isShowShortcut: boolean;
+    disabledDate: (date: Date) => boolean;
+    disabledMonth: (month: number, year: number) => boolean;
+    disabledYear: (year: number) => boolean;
+    defaultDate: Date;
+    isShowHour: boolean;
+    isShowMinute: boolean;
+    isShowSecond: boolean;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+    isUse12h: boolean;
+    disabledTime: Function;
+}, {}>;
+
+export { DatePickerValueType, MpDatePicker };