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

package/dist/index.d.ts

@@ -1,10 +1,326 @@
-export { MpDatePicker } from './date-picker.js';
-import 'vue/jsx-runtime';
-import './modules/date-picker.props.js';
-import 'vue';
+import { DatePickerValueType } from './modules/date-picker.types.js';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import { CalendarPanel } from './modules/date-picker.props.js';
+import * as vue from '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<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 };

package/dist/index.js

@@ -1936,12 +1936,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/index.mjs

@@ -1,23 +1,24 @@
+import "./chunk-R7OV3NVO.mjs";
 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";