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

package/dist/components/calendar/table-year.js

@@ -24,8 +24,8 @@ __export(table_year_exports, {
   TableYear: () => TableYear
 });
 module.exports = __toCommonJS(table_year_exports);
-var import_vue9 = require("vue");
-var import_vue10 = require("vue");
+var import_vue11 = require("vue");
+var import_vue12 = require("vue");
 var import_pixel3_button = require("@mekari/pixel3-button");
 
 // src/components/parts/date.tsx
@@ -150,6 +150,38 @@ var YearItem = (0, import_vue8.defineComponent)({
   }
 });
 
+// src/components/parts/time.tsx
+var import_vue9 = require("vue");
+var import_vue10 = require("vue");
+var import_recipes5 = require("@mekari/pixel3-styled-system/recipes");
+var TimeItem = (0, import_vue10.defineComponent)({
+  name: "TimeItem",
+  props: {
+    status: {
+      type: String,
+      default: "default"
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes5.timeItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue9.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+
 // src/utils/base.ts
 function chunk(arr, size) {
   if (!Array.isArray(arr)) {
@@ -178,8 +210,8 @@ function createDate(y, M = 0, d = 1, h = 0, m = 0, s = 0, ms = 0) {
 __name(createDate, "createDate");
 
 // src/components/calendar/table-year.tsx
-var import_recipes5 = require("@mekari/pixel3-styled-system/recipes");
-var TableYear = (0, import_vue10.defineComponent)({
+var import_recipes6 = require("@mekari/pixel3-styled-system/recipes");
+var TableYear = (0, import_vue12.defineComponent)({
   name: "TableYear",
   props: {
     years: {
@@ -213,8 +245,8 @@ var TableYear = (0, import_vue10.defineComponent)({
       yearItemRoot,
       yearItemWrapper,
       shortcutLabelWrapper
-    } = (0, import_recipes5.tableYearSlotRecipe)();
-    const getYears = (0, import_vue10.computed)(() => {
+    } = (0, import_recipes6.tableYearSlotRecipe)();
+    const getYears = (0, import_vue12.computed)(() => {
       return chunk(props.years, 4);
     });
     function onNextButton() {
@@ -250,30 +282,30 @@ var TableYear = (0, import_vue10.defineComponent)({
     }
     __name(getMonthAttrs, "getMonthAttrs");
     return () => {
-      return (0, import_vue9.createVNode)("div", null, [(0, import_vue9.createVNode)("div", {
+      return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Header",
         "class": headerRoot
-      }, [(0, import_vue9.createVNode)(import_pixel3_button.MpButton, {
+      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
         "left-icon": "chevrons-left",
         "variant": "ghost",
         "size": "sm",
         "onClick": onPreviousButton
-      }, null), (0, import_vue9.createVNode)("button", {
+      }, null), (0, import_vue11.createVNode)("button", {
         "class": headerLabel
-      }, [props.headerLabel]), (0, import_vue9.createVNode)(import_pixel3_button.MpButton, {
+      }, [props.headerLabel]), (0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
         "right-icon": "chevrons-right",
         "variant": "ghost",
         "size": "sm",
         "onClick": onNextButton
-      }, null)]), (0, import_vue9.createVNode)("div", {
+      }, null)]), (0, import_vue11.createVNode)("div", {
         "class": yearItemRoot
-      }, [getYears.value.map((data) => (0, import_vue9.createVNode)("div", {
+      }, [getYears.value.map((data) => (0, import_vue11.createVNode)("div", {
         "class": yearItemWrapper
-      }, [data.map((year) => (0, import_vue9.createVNode)(YearItem, getMonthAttrs(year), {
-        default: () => [(0, import_vue9.createTextVNode)(" "), year, (0, import_vue9.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue9.createVNode)("div", {
+      }, [data.map((year) => (0, import_vue11.createVNode)(YearItem, getMonthAttrs(year), {
+        default: () => [(0, import_vue11.createTextVNode)(" "), year, (0, import_vue11.createTextVNode)(" ")]
+      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
         "class": shortcutLabelWrapper
-      }, [(0, import_vue9.createVNode)(import_pixel3_button.MpButton, {
+      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
         "variant": "ghost",
         "onClick": () => onSelectYear((/* @__PURE__ */ new Date()).getFullYear())
       }, {

package/dist/components/calendar/table-year.mjs

@@ -1,13 +1,14 @@
 import {
   TableYear
-} from "../../chunk-HJ4V3PM6.mjs";
-import "../../chunk-FTR7OMCT.mjs";
+} from "../../chunk-O43S64IA.mjs";
+import "../../chunk-MRP3X6QP.mjs";
+import "../../chunk-EQWT6VDG.mjs";
 import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-AGAA7XTC.mjs";
 import "../../chunk-3VROFGJH.mjs";
-import "../../chunk-EQWT6VDG.mjs";
-import "../../chunk-26Y3AVJW.mjs";
-import "../../chunk-NIUQXHGQ.mjs";
+import "../../chunk-KTYQJMW4.mjs";
+import "../../chunk-E5BRVBZ2.mjs";
+import "../../chunk-U7O52D6B.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   TableYear

package/dist/components/parts/index.d.mts

@@ -2,6 +2,7 @@ export { Date, DateVariants } from './date.mjs';
 export { Day } from './day.mjs';
 export { Month, MonthVariants } from './month.mjs';
 export { YearItem, YearVariants } from './year.mjs';
+export { TimeItem, TimeVariants } from './time.mjs';
 import 'vue';
 import 'vue/jsx-runtime';
 import '@mekari/pixel3-styled-system/types';

package/dist/components/parts/index.d.ts

@@ -2,6 +2,7 @@ export { Date, DateVariants } from './date.js';
 export { Day } from './day.js';
 export { Month, MonthVariants } from './month.js';
 export { YearItem, YearVariants } from './year.js';
+export { TimeItem, TimeVariants } from './time.js';
 import 'vue';
 import 'vue/jsx-runtime';
 import '@mekari/pixel3-styled-system/types';

package/dist/components/parts/index.js

@@ -23,6 +23,7 @@ __export(parts_exports, {
   Date: () => Date,
   Day: () => Day,
   Month: () => Month,
+  TimeItem: () => TimeItem,
   YearItem: () => YearItem
 });
 module.exports = __toCommonJS(parts_exports);
@@ -148,10 +149,43 @@ var YearItem = (0, import_vue8.defineComponent)({
     };
   }
 });
+
+// src/components/parts/time.tsx
+var import_vue9 = require("vue");
+var import_vue10 = require("vue");
+var import_recipes5 = require("@mekari/pixel3-styled-system/recipes");
+var TimeItem = (0, import_vue10.defineComponent)({
+  name: "TimeItem",
+  props: {
+    status: {
+      type: String,
+      default: "default"
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes5.timeItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue9.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Date,
   Day,
   Month,
+  TimeItem,
   YearItem
 });

package/dist/components/parts/index.mjs

@@ -1,4 +1,7 @@
-import "../../chunk-FTR7OMCT.mjs";
+import "../../chunk-MRP3X6QP.mjs";
+import {
+  YearItem
+} from "../../chunk-EQWT6VDG.mjs";
 import {
   Date
 } from "../../chunk-J5BK7Z2U.mjs";
@@ -9,12 +12,13 @@ import {
   Month
 } from "../../chunk-3VROFGJH.mjs";
 import {
-  YearItem
-} from "../../chunk-EQWT6VDG.mjs";
+  TimeItem
+} from "../../chunk-KTYQJMW4.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   Date,
   Day,
   Month,
+  TimeItem,
   YearItem
 };

package/dist/components/parts/time.d.mts

@@ -0,0 +1,32 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import { RecipeVariantProps } from '@mekari/pixel3-styled-system/css';
+import { timeItemRecipe } from '@mekari/pixel3-styled-system/recipes';
+
+type TimeVariants = NonNullable<RecipeVariantProps<typeof timeItemRecipe>>;
+declare const TimeItem: vue.DefineComponent<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "today" | "disabled"> | undefined>;
+        default: string;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "today" | "disabled"> | undefined>;
+        default: string;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    status: _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "today" | "disabled"> | undefined;
+    isDisabled: boolean;
+}, {}>;
+
+export { TimeItem, TimeVariants };

package/dist/components/parts/time.d.ts

@@ -0,0 +1,32 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import { RecipeVariantProps } from '@mekari/pixel3-styled-system/css';
+import { timeItemRecipe } from '@mekari/pixel3-styled-system/recipes';
+
+type TimeVariants = NonNullable<RecipeVariantProps<typeof timeItemRecipe>>;
+declare const TimeItem: vue.DefineComponent<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "today" | "disabled"> | undefined>;
+        default: string;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "today" | "disabled"> | undefined>;
+        default: string;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    status: _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "today" | "disabled"> | undefined;
+    isDisabled: boolean;
+}, {}>;
+
+export { TimeItem, TimeVariants };

package/dist/components/parts/time.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/parts/time.tsx
+var time_exports = {};
+__export(time_exports, {
+  TimeItem: () => TimeItem
+});
+module.exports = __toCommonJS(time_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var TimeItem = (0, import_vue2.defineComponent)({
+  name: "TimeItem",
+  props: {
+    status: {
+      type: String,
+      default: "default"
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes.timeItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimeItem
+});

package/dist/components/parts/time.mjs

@@ -0,0 +1,7 @@
+import {
+  TimeItem
+} from "../../chunk-KTYQJMW4.mjs";
+import "../../chunk-QZ7VFGWC.mjs";
+export {
+  TimeItem
+};

package/dist/composables/useCalendar.d.mts

@@ -1,7 +1,14 @@
 import * as vue from 'vue';
 import { ComputedRef } from 'vue';
+import { CalendarPanel } from '../modules/date-picker.props.mjs';
+import '../components/parts/date.mjs';
+import 'vue/jsx-runtime';
+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';
 
-type CalendarPanel = 'date' | 'month' | 'year' | 'week' | 'biweek';
 declare function useCalendar(date: Date, locale: ComputedRef): {
     currentDate: vue.Ref<{
         toString: () => string;

package/dist/composables/useCalendar.d.ts

@@ -1,7 +1,14 @@
 import * as vue from 'vue';
 import { ComputedRef } from 'vue';
+import { CalendarPanel } from '../modules/date-picker.props.js';
+import '../components/parts/date.js';
+import 'vue/jsx-runtime';
+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';
 
-type CalendarPanel = 'date' | 'month' | 'year' | 'week' | 'biweek';
 declare function useCalendar(date: Date, locale: ComputedRef): {
     currentDate: vue.Ref<{
         toString: () => string;

package/dist/composables/useCalendar.mjs

@@ -1,7 +1,7 @@
 import {
   useCalendar
-} from "../chunk-NVULZQVI.mjs";
-import "../chunk-26Y3AVJW.mjs";
+} from "../chunk-OMV7LXBW.mjs";
+import "../chunk-U7O52D6B.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   useCalendar

package/dist/composables/useCalendarRange.mjs

@@ -1,7 +1,7 @@
 import {
   useCalendarRange
-} from "../chunk-JZ2KFYWF.mjs";
-import "../chunk-26Y3AVJW.mjs";
+} from "../chunk-WK62QUOT.mjs";
+import "../chunk-U7O52D6B.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   useCalendarRange

package/dist/composables/useTime.d.mts

@@ -0,0 +1,96 @@
+import * as vue from 'vue';
+import { TimePanelProps } from '../modules/date-picker.props.mjs';
+import '../components/parts/date.mjs';
+import 'vue/jsx-runtime';
+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';
+
+type ColumnType = 'hour' | 'minute' | 'second' | 'ampm';
+type ColumnList = {
+    value: number;
+    text: string;
+};
+type Columns = {
+    type: ColumnType;
+    list: ColumnList[];
+};
+declare function useTime(props: TimePanelProps): {
+    innerValue: vue.Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | undefined>;
+    columns: vue.ComputedRef<Columns[]>;
+    getHoursList: () => ColumnList[];
+    getMinutesList: () => ColumnList[];
+    getSecondsList: () => ColumnList[];
+    getAMPMList: () => ColumnList[];
+    isDisabledTime: (value: number | string | Date) => any;
+    isDisabledHour: (date: string | number | Date) => any;
+    isDisabledMinute: (date: string | number | Date) => any;
+    isDisabledAMPM: (date: string | number | Date) => any;
+    isDisabled: (date: string | number | Date, type: ColumnType) => any;
+};
+
+export { ColumnList, ColumnType, Columns, useTime };

package/dist/composables/useTime.d.ts

@@ -0,0 +1,96 @@
+import * as vue from 'vue';
+import { TimePanelProps } from '../modules/date-picker.props.js';
+import '../components/parts/date.js';
+import 'vue/jsx-runtime';
+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';
+
+type ColumnType = 'hour' | 'minute' | 'second' | 'ampm';
+type ColumnList = {
+    value: number;
+    text: string;
+};
+type Columns = {
+    type: ColumnType;
+    list: ColumnList[];
+};
+declare function useTime(props: TimePanelProps): {
+    innerValue: vue.Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | undefined>;
+    columns: vue.ComputedRef<Columns[]>;
+    getHoursList: () => ColumnList[];
+    getMinutesList: () => ColumnList[];
+    getSecondsList: () => ColumnList[];
+    getAMPMList: () => ColumnList[];
+    isDisabledTime: (value: number | string | Date) => any;
+    isDisabledHour: (date: string | number | Date) => any;
+    isDisabledMinute: (date: string | number | Date) => any;
+    isDisabledAMPM: (date: string | number | Date) => any;
+    isDisabled: (date: string | number | Date, type: ColumnType) => any;
+};
+
+export { ColumnList, ColumnType, Columns, useTime };