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

package/dist/modules/date-picker.props.d.mts

@@ -0,0 +1,217 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { DateVariants } from '../components/parts/date.mjs';
+import { MonthVariants } from '../components/parts/month.mjs';
+import { YearVariants } from '../components/parts/year.mjs';
+import 'vue/jsx-runtime';
+import '@mekari/pixel3-styled-system/types';
+import '@mekari/pixel3-styled-system/css';
+import '@mekari/pixel3-styled-system/recipes';
+
+declare const calendarPanelProps: {
+    modelValue: {
+        type: PropType<Date>;
+    };
+    defaultValue: {
+        type: PropType<Date>;
+    };
+    type: {
+        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: PropType<Date>;
+    };
+    isRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: PropType<(date: Date) => DateVariants['status']>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: PropType<(month: number, year: number) => MonthVariants['status']>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: PropType<(year: number) => YearVariants['status']>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: PropType<boolean>;
+    };
+};
+declare const calendarPanelRangeProps: {
+    modelValue: {
+        type: PropType<Date[]>;
+    };
+    defaultValue: {
+        type: PropType<Date>;
+    };
+    type: {
+        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: PropType<Date>;
+    };
+    isRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: PropType<(date: Date) => DateVariants['status']>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: PropType<(month: number, year: number) => MonthVariants['status']>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: PropType<(year: number) => YearVariants['status']>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: PropType<boolean>;
+    };
+};
+declare const datePickerProps: {
+    id: {
+        type: PropType<string>;
+    };
+    modelValue: {
+        type: PropType<string | number | Date | string[] | Date[] | number[]>;
+    };
+    type: {
+        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    valueType: {
+        type: PropType<"string" | "date" | "timestamp">;
+        default: string;
+    };
+    format: {
+        type: PropType<string>;
+    };
+    rangeSeparator: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    errorMessage: {
+        type: PropType<string>;
+        default: string;
+    };
+    disabledMessage: {
+        type: PropType<string>;
+        default: string;
+    };
+    lang: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    inputAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    contentAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isReadOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isClearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isInvalid: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isInline: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isNotClickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDisableHeader: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+};
+type CalendarPanelProps = ExtractPropTypes<typeof calendarPanelProps>;
+type CalendarPanelRangeProps = ExtractPropTypes<typeof calendarPanelRangeProps>;
+type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+
+export { CalendarPanelProps, CalendarPanelRangeProps, DatePickerProps, calendarPanelProps, calendarPanelRangeProps, datePickerProps };

package/dist/modules/date-picker.props.d.ts

@@ -0,0 +1,217 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { DateVariants } from '../components/parts/date.js';
+import { MonthVariants } from '../components/parts/month.js';
+import { YearVariants } from '../components/parts/year.js';
+import 'vue/jsx-runtime';
+import '@mekari/pixel3-styled-system/types';
+import '@mekari/pixel3-styled-system/css';
+import '@mekari/pixel3-styled-system/recipes';
+
+declare const calendarPanelProps: {
+    modelValue: {
+        type: PropType<Date>;
+    };
+    defaultValue: {
+        type: PropType<Date>;
+    };
+    type: {
+        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: PropType<Date>;
+    };
+    isRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: PropType<(date: Date) => DateVariants['status']>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: PropType<(month: number, year: number) => MonthVariants['status']>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: PropType<(year: number) => YearVariants['status']>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: PropType<boolean>;
+    };
+};
+declare const calendarPanelRangeProps: {
+    modelValue: {
+        type: PropType<Date[]>;
+    };
+    defaultValue: {
+        type: PropType<Date>;
+    };
+    type: {
+        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    calendar: {
+        type: PropType<Date>;
+    };
+    isRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+    getDateStatus: {
+        type: PropType<(date: Date) => DateVariants['status']>;
+        default: undefined;
+    };
+    getMonthStatus: {
+        type: PropType<(month: number, year: number) => MonthVariants['status']>;
+        default: undefined;
+    };
+    getYearStatus: {
+        type: PropType<(year: number) => YearVariants['status']>;
+        default: undefined;
+    };
+    isHideNotThisMonthDate: {
+        type: PropType<boolean>;
+    };
+};
+declare const datePickerProps: {
+    id: {
+        type: PropType<string>;
+    };
+    modelValue: {
+        type: PropType<string | number | Date | string[] | Date[] | number[]>;
+    };
+    type: {
+        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        default: string;
+    };
+    valueType: {
+        type: PropType<"string" | "date" | "timestamp">;
+        default: string;
+    };
+    format: {
+        type: PropType<string>;
+    };
+    rangeSeparator: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    errorMessage: {
+        type: PropType<string>;
+        default: string;
+    };
+    disabledMessage: {
+        type: PropType<string>;
+        default: string;
+    };
+    lang: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    inputAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    contentAttr: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isRange: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isReadOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isClearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isInvalid: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isInline: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isNotClickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDisableHeader: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowShortcut: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        default: () => void;
+    };
+    disabledMonth: {
+        type: PropType<(month: number, year: number) => boolean>;
+        default: () => void;
+    };
+    disabledYear: {
+        type: PropType<(year: number) => boolean>;
+        default: () => void;
+    };
+};
+type CalendarPanelProps = ExtractPropTypes<typeof calendarPanelProps>;
+type CalendarPanelRangeProps = ExtractPropTypes<typeof calendarPanelRangeProps>;
+type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+
+export { CalendarPanelProps, CalendarPanelRangeProps, DatePickerProps, calendarPanelProps, calendarPanelRangeProps, datePickerProps };

package/dist/modules/date-picker.props.js

@@ -0,0 +1,181 @@
+"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/modules/date-picker.props.ts
+var date_picker_props_exports = {};
+__export(date_picker_props_exports, {
+  calendarPanelProps: () => calendarPanelProps,
+  calendarPanelRangeProps: () => calendarPanelRangeProps,
+  datePickerProps: () => datePickerProps
+});
+module.exports = __toCommonJS(date_picker_props_exports);
+var calendarPanelProps = {
+  modelValue: {
+    type: Date
+  },
+  defaultValue: {
+    type: Date
+  },
+  type: {
+    type: String,
+    default: "date"
+  },
+  calendar: {
+    type: Date
+  },
+  isRange: {
+    type: Boolean,
+    default: false
+  },
+  isShowShortcut: {
+    type: Boolean,
+    default: true
+  },
+  disabledDate: {
+    type: Function,
+    default: () => {
+    }
+  },
+  disabledMonth: {
+    type: Function,
+    default: () => {
+    }
+  },
+  disabledYear: {
+    type: Function,
+    default: () => {
+    }
+  },
+  getDateStatus: {
+    type: Function,
+    default: void 0
+  },
+  getMonthStatus: {
+    type: Function,
+    default: void 0
+  },
+  getYearStatus: {
+    type: Function,
+    default: void 0
+  },
+  isHideNotThisMonthDate: {
+    type: Boolean
+  }
+};
+var calendarPanelRangeProps = {
+  ...calendarPanelProps,
+  modelValue: {
+    type: Array
+  }
+};
+var datePickerProps = {
+  id: {
+    type: String
+  },
+  modelValue: {
+    type: [String, Number, Date, Array]
+  },
+  type: calendarPanelProps.type,
+  valueType: {
+    type: String,
+    default: "date"
+  },
+  format: {
+    type: String
+  },
+  rangeSeparator: {
+    type: String,
+    default: " - "
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  errorMessage: {
+    type: String,
+    default: "Format tanggal/waktu salah"
+  },
+  disabledMessage: {
+    type: String,
+    default: ""
+  },
+  lang: {
+    type: Object,
+    default: () => {
+    }
+  },
+  inputAttr: {
+    type: Object,
+    default: () => ({})
+  },
+  contentAttr: {
+    type: Object,
+    default: () => ({})
+  },
+  isRange: calendarPanelProps.isRange,
+  isReadOnly: {
+    type: Boolean,
+    default: false
+  },
+  isDisabled: {
+    type: Boolean,
+    default: false
+  },
+  isClearable: {
+    type: Boolean,
+    default: true
+  },
+  isInvalid: {
+    type: Boolean,
+    default: false
+  },
+  usePortal: {
+    type: Boolean,
+    default: false
+  },
+  isKeepAlive: {
+    type: Boolean,
+    default: false
+  },
+  isInline: {
+    type: Boolean,
+    default: false
+  },
+  isNotClickable: {
+    type: Boolean,
+    default: false
+  },
+  isDisableHeader: {
+    type: Boolean,
+    default: false
+  },
+  isShowShortcut: {
+    type: Boolean,
+    default: false
+  },
+  disabledDate: calendarPanelProps.disabledDate,
+  disabledMonth: calendarPanelProps.disabledMonth,
+  disabledYear: calendarPanelProps.disabledYear
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calendarPanelProps,
+  calendarPanelRangeProps,
+  datePickerProps
+});

package/dist/modules/date-picker.props.mjs

@@ -0,0 +1,11 @@
+import {
+  calendarPanelProps,
+  calendarPanelRangeProps,
+  datePickerProps
+} from "../chunk-Q3Z5ZITX.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  calendarPanelProps,
+  calendarPanelRangeProps,
+  datePickerProps
+};

package/dist/utils/base.d.mts

@@ -0,0 +1,20 @@
+/**
+ * chunk the array
+ * @param {Array} arr
+ * @param {Number} size
+ */
+declare function chunk(arr: unknown[], size: number): unknown[][];
+declare const isObject: (value: unknown) => value is object;
+/**
+ * Pick a list of properties from an object
+ * into a new object
+ */
+declare const pick: <T extends object, TKeys extends keyof T>(obj: T, keys: TKeys[]) => Pick<T, TKeys>;
+/**
+ * Merges two objects together recursivly into a new
+ * object applying values from right to left.
+ * Recursion only applies to child object properties.
+ */
+declare const assign: <X extends Record<string | number | symbol, any>>(initial: X, override: unknown) => X;
+
+export { assign, chunk, isObject, pick };

package/dist/utils/base.d.ts

@@ -0,0 +1,20 @@
+/**
+ * chunk the array
+ * @param {Array} arr
+ * @param {Number} size
+ */
+declare function chunk(arr: unknown[], size: number): unknown[][];
+declare const isObject: (value: unknown) => value is object;
+/**
+ * Pick a list of properties from an object
+ * into a new object
+ */
+declare const pick: <T extends object, TKeys extends keyof T>(obj: T, keys: TKeys[]) => Pick<T, TKeys>;
+/**
+ * Merges two objects together recursivly into a new
+ * object applying values from right to left.
+ * Recursion only applies to child object properties.
+ */
+declare const assign: <X extends Record<string | number | symbol, any>>(initial: X, override: unknown) => X;
+
+export { assign, chunk, isObject, pick };