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

package/dist/calendar-panel.d.mts

@@ -20,6 +20,10 @@ declare const CalendarPanel: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -69,6 +73,10 @@ declare const CalendarPanel: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -108,6 +116,7 @@ declare const CalendarPanel: vue.DefineComponent<{
 }, {
     type: "date" | "month" | "year" | "week" | "biweek";
     isRange: boolean;
+    isInline: boolean;
     isShowShortcut: boolean;
     disabledDate: (date: Date) => boolean;
     disabledMonth: (month: number, year: number) => boolean;
@@ -134,6 +143,10 @@ declare const CalendarPanelRange: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -183,6 +196,10 @@ declare const CalendarPanelRange: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -219,6 +236,7 @@ declare const CalendarPanelRange: vue.DefineComponent<{
 }, {
     type: "date" | "month" | "year" | "week" | "biweek";
     isRange: boolean;
+    isInline: boolean;
     isShowShortcut: boolean;
     disabledDate: (date: Date) => boolean;
     disabledMonth: (month: number, year: number) => boolean;

package/dist/calendar-panel.d.ts

@@ -20,6 +20,10 @@ declare const CalendarPanel: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -69,6 +73,10 @@ declare const CalendarPanel: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -108,6 +116,7 @@ declare const CalendarPanel: vue.DefineComponent<{
 }, {
     type: "date" | "month" | "year" | "week" | "biweek";
     isRange: boolean;
+    isInline: boolean;
     isShowShortcut: boolean;
     disabledDate: (date: Date) => boolean;
     disabledMonth: (month: number, year: number) => boolean;
@@ -134,6 +143,10 @@ declare const CalendarPanelRange: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -183,6 +196,10 @@ declare const CalendarPanelRange: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    isInline: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
     isShowShortcut: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -219,6 +236,7 @@ declare const CalendarPanelRange: vue.DefineComponent<{
 }, {
     type: "date" | "month" | "year" | "week" | "biweek";
     isRange: boolean;
+    isInline: boolean;
     isShowShortcut: boolean;
     disabledDate: (date: Date) => boolean;
     disabledMonth: (month: number, year: number) => boolean;

package/dist/calendar-panel.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/calendar-panel.tsx
@@ -648,7 +638,7 @@ var import_date_fns3 = require("date-fns");
 // src/composables/useCalendar.ts
 var import_vue15 = require("vue");
 var import_date_fns2 = require("date-fns");
-function useCalendar(date, locale) {
+function useCalendar(date, locale2) {
   const currentDate = (0, import_vue15.ref)(isValidDate(date) ? date : /* @__PURE__ */ new Date());
   const currentPanel = (0, import_vue15.ref)("date");
   const nextMonth = /* @__PURE__ */ __name(() => {
@@ -674,7 +664,7 @@ function useCalendar(date, locale) {
       day: currentDate.value.getDay(),
       month: currentDate.value.getMonth(),
       year: currentDate.value.getFullYear(),
-      monthLabel: locale.value.months[currentDate.value.getMonth()]
+      monthLabel: locale2.value.months[currentDate.value.getMonth()]
     };
   });
   const getDates = (0, import_vue15.computed)(() => {
@@ -683,14 +673,14 @@ function useCalendar(date, locale) {
       month
     } = getSplitDates.value;
     const arr = getCalendar({
-      firstDayOfWeek: locale.value.formatLocale.firstDayOfWeek || 0,
+      firstDayOfWeek: locale2.value.formatLocale.firstDayOfWeek || 0,
       year,
       month
     });
     return arr;
   });
   const getMonths = (0, import_vue15.computed)(() => {
-    const monthsLocale = locale.value.formatLocale.monthsShort || locale.value.months;
+    const monthsLocale = locale2.value.formatLocale.monthsShort || locale2.value.months;
     const months = monthsLocale.map((text, month) => {
       return {
         text,
@@ -886,6 +876,10 @@ var calendarPanelProps = {
     type: Boolean,
     default: false
   },
+  isInline: {
+    type: Boolean,
+    default: false
+  },
   isShowShortcut: {
     type: Boolean,
     default: true
@@ -1021,12 +1015,23 @@ var datePickerProps = {
 var import_pixel3_utils = require("@mekari/pixel3-utils");
 var [DatePickerProvider, useDatePickerContext] = (0, import_pixel3_utils.usePixelCreateContext)("DatePickerContext");
 
+// src/utils/locale/en.ts
+var locale = {
+  months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+  monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+  weekdays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+  weekdaysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  weekdaysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  firstDayOfWeek: 0,
+  firstWeekContainsDate: 1
+};
+var en_default = locale;
+
 // src/modules/date-picker.locales.ts
-var import_en = __toESM(require("date-format-parse/lib/locale/en"));
 var locales = {
-  formatLocale: import_en.default,
-  days: import_en.default.weekdaysMin,
-  months: import_en.default.monthsShort,
+  formatLocale: en_default,
+  days: en_default.weekdaysMin,
+  months: en_default.monthsShort,
   yearFormat: "YYYY",
   monthFormat: "MMM",
   monthBeforeYear: true,
@@ -1052,7 +1057,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
     emit
   }) {
     const {
-      locale
+      locale: locale2
     } = useDatePickerContext();
     const restValue = (0, import_vue18.ref)(props.modelValue);
     const {
@@ -1069,7 +1074,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
       getLabel,
       changeMonth,
       changeYear
-    } = useCalendar(props.modelValue || props.defaultValue, locale);
+    } = useCalendar(props.modelValue || props.defaultValue, locale2);
     function onSelectDate(date) {
       currentPanelDate.value = date;
       restValue.value = date;
@@ -1198,10 +1203,10 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
     return () => {
       if (currentPanel.value === "date") {
         return (0, import_vue17.createVNode)(TableDate, {
-          "days": locale.value.days,
+          "days": locale2.value.days,
           "dates": getDates.value,
           "headerLabel": getLabel.value,
-          "shortcutLabel": locale.value.todayText,
+          "shortcutLabel": locale2.value.todayText,
           "onNext": nextMonth,
           "onPrevious": previousMonth,
           "onClickHeaderLabel": () => changePanel("year"),
@@ -1218,7 +1223,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
           "calendar": currentPanelDate.value,
           "months": getMonths.value,
           "headerLabel": getLabel.value,
-          "shortcutLabel": locale.value.thisMonthText,
+          "shortcutLabel": locale2.value.thisMonthText,
           "onNext": nextYear,
           "onPrevious": previousYear,
           "onClickHeaderLabel": () => changePanel("year"),
@@ -1233,7 +1238,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
         return (0, import_vue17.createVNode)(TableYear, {
           "years": getYears.value,
           "headerLabel": getLabel.value,
-          "shortcutLabel": locale.value.thisYearText,
+          "shortcutLabel": locale2.value.thisYearText,
           "onNext": (year) => changeYear(year),
           "onPrevious": (year) => changeYear(year),
           "onSelect": onSelectYear,
@@ -1472,9 +1477,10 @@ var CalendarPanelRange = (0, import_vue18.defineComponent)({
         "onUpdateCalendar": (value) => updateStartCalendar(value),
         "calendar": calendars.value[0]
       }), null);
-      const rightNode = (0, import_vue17.createVNode)(CalendarPanel, (0, import_vue17.mergeProps)({
+      const rightNode = props.isInline ? "" : (0, import_vue17.createVNode)(CalendarPanel, (0, import_vue17.mergeProps)({
         "data-pixel-parts": "CalendarPanelRight"
       }, calendarPanelAttrs, {
+        "style": "margin-left: 16px;",
         "onUpdateCalendar": (value) => updateEndCalendar(value),
         "calendar": calendars.value[1]
       }), null);

package/dist/calendar-panel.mjs

@@ -1,22 +1,23 @@
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-EJCSF5VR.mjs";
-import "./chunk-Q3Z5ZITX.mjs";
+} from "./chunk-KTADGCWP.mjs";
+import "./chunk-XQLKPPRN.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-LVCRFE25.mjs";
+import "./chunk-NU6HYEPT.mjs";
 import "./chunk-5PISTT2K.mjs";
 import "./chunk-HJ4V3PM6.mjs";
 import "./chunk-FTR7OMCT.mjs";
+import "./chunk-J5BK7Z2U.mjs";
 import "./chunk-AGAA7XTC.mjs";
 import "./chunk-3VROFGJH.mjs";
 import "./chunk-EQWT6VDG.mjs";
-import "./chunk-J5BK7Z2U.mjs";
 import "./chunk-NVULZQVI.mjs";
 import "./chunk-JZ2KFYWF.mjs";
 import "./chunk-VACMCDOZ.mjs";
 import "./chunk-26Y3AVJW.mjs";
-import "./chunk-OY5PVQH5.mjs";
+import "./chunk-ZS4JQRK3.mjs";
+import "./chunk-IZITNJFI.mjs";
 import "./chunk-NIUQXHGQ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/{chunk-3YYRUEIF.mjs → chunk-3RCUXNBN.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-26Y3AVJW.mjs";
 import {
   getLocale
-} from "./chunk-OY5PVQH5.mjs";
+} from "./chunk-ZS4JQRK3.mjs";
 import {
   isObject
 } from "./chunk-NIUQXHGQ.mjs";

package/dist/{chunk-V36XV4LV.mjs → chunk-EYTJIMSM.mjs}

@@ -1,16 +1,16 @@
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-EJCSF5VR.mjs";
+} from "./chunk-KTADGCWP.mjs";
 import {
   datePickerProps
-} from "./chunk-Q3Z5ZITX.mjs";
+} from "./chunk-XQLKPPRN.mjs";
 import {
   DatePickerProvider
 } from "./chunk-VACMCDOZ.mjs";
 import {
   useDatePicker
-} from "./chunk-3YYRUEIF.mjs";
+} from "./chunk-3RCUXNBN.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";
@@ -85,6 +85,7 @@ var MpDatePicker = defineComponent({
       });
       const calendarPanelAttrs = {
         type: props.type,
+        isInline: props.isInline,
         "onUpdate:modelValue": onEmitModelValue,
         disabledDate: props.disabledDate,
         disabledMonth: props.disabledMonth,

package/dist/chunk-IZITNJFI.mjs

@@ -0,0 +1,15 @@
+// src/utils/locale/en.ts
+var locale = {
+  months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+  monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+  weekdays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+  weekdaysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  weekdaysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  firstDayOfWeek: 0,
+  firstWeekContainsDate: 1
+};
+var en_default = locale;
+
+export {
+  en_default
+};

package/dist/{chunk-EJCSF5VR.mjs → chunk-KTADGCWP.mjs}

@@ -1,10 +1,10 @@
 import {
   calendarPanelProps,
   calendarPanelRangeProps
-} from "./chunk-Q3Z5ZITX.mjs";
+} from "./chunk-XQLKPPRN.mjs";
 import {
   TableDate
-} from "./chunk-LVCRFE25.mjs";
+} from "./chunk-NU6HYEPT.mjs";
 import {
   TableMonth
 } from "./chunk-5PISTT2K.mjs";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-26Y3AVJW.mjs";
 import {
   getLocale
-} from "./chunk-OY5PVQH5.mjs";
+} from "./chunk-ZS4JQRK3.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";
@@ -466,9 +466,10 @@ var CalendarPanelRange = defineComponent({
         "onUpdateCalendar": (value) => updateStartCalendar(value),
         "calendar": calendars.value[0]
       }), null);
-      const rightNode = _createVNode(CalendarPanel, _mergeProps({
+      const rightNode = props.isInline ? "" : _createVNode(CalendarPanel, _mergeProps({
         "data-pixel-parts": "CalendarPanelRight"
       }, calendarPanelAttrs, {
+        "style": "margin-left: 16px;",
         "onUpdateCalendar": (value) => updateEndCalendar(value),
         "calendar": calendars.value[1]
       }), null);

package/dist/{chunk-Q3Z5ZITX.mjs → chunk-XQLKPPRN.mjs}

@@ -17,6 +17,10 @@ var calendarPanelProps = {
     type: Boolean,
     default: false
   },
+  isInline: {
+    type: Boolean,
+    default: false
+  },
   isShowShortcut: {
     type: Boolean,
     default: true

package/dist/{chunk-OY5PVQH5.mjs → chunk-ZS4JQRK3.mjs}

@@ -1,3 +1,6 @@
+import {
+  en_default
+} from "./chunk-IZITNJFI.mjs";
 import {
   assign
 } from "./chunk-NIUQXHGQ.mjs";
@@ -6,11 +9,10 @@ import {
 } from "./chunk-QZ7VFGWC.mjs";
 
 // src/modules/date-picker.locales.ts
-import en from "date-format-parse/lib/locale/en";
 var locales = {
-  formatLocale: en,
-  days: en.weekdaysMin,
-  months: en.monthsShort,
+  formatLocale: en_default,
+  days: en_default.weekdaysMin,
+  months: en_default.monthsShort,
   yearFormat: "YYYY",
   monthFormat: "MMM",
   monthBeforeYear: true,

package/dist/components/calendar/index.mjs

@@ -1,7 +1,7 @@
 import "../../chunk-V6D6W7RO.mjs";
 import {
   TableDate
-} from "../../chunk-LVCRFE25.mjs";
+} from "../../chunk-NU6HYEPT.mjs";
 import {
   TableMonth
 } from "../../chunk-5PISTT2K.mjs";
@@ -9,10 +9,10 @@ import {
   TableYear
 } from "../../chunk-HJ4V3PM6.mjs";
 import "../../chunk-FTR7OMCT.mjs";
+import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-AGAA7XTC.mjs";
 import "../../chunk-3VROFGJH.mjs";
 import "../../chunk-EQWT6VDG.mjs";
-import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-26Y3AVJW.mjs";
 import "../../chunk-NIUQXHGQ.mjs";
 import "../../chunk-QZ7VFGWC.mjs";

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

@@ -1,11 +1,11 @@
 import {
   TableDate
-} from "../../chunk-LVCRFE25.mjs";
+} from "../../chunk-NU6HYEPT.mjs";
 import "../../chunk-FTR7OMCT.mjs";
+import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-AGAA7XTC.mjs";
 import "../../chunk-3VROFGJH.mjs";
 import "../../chunk-EQWT6VDG.mjs";
-import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-NIUQXHGQ.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {

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

@@ -2,10 +2,10 @@ import {
   TableMonth
 } from "../../chunk-5PISTT2K.mjs";
 import "../../chunk-FTR7OMCT.mjs";
+import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-AGAA7XTC.mjs";
 import "../../chunk-3VROFGJH.mjs";
 import "../../chunk-EQWT6VDG.mjs";
-import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-26Y3AVJW.mjs";
 import "../../chunk-NIUQXHGQ.mjs";
 import "../../chunk-QZ7VFGWC.mjs";

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

@@ -2,10 +2,10 @@ import {
   TableYear
 } from "../../chunk-HJ4V3PM6.mjs";
 import "../../chunk-FTR7OMCT.mjs";
+import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-AGAA7XTC.mjs";
 import "../../chunk-3VROFGJH.mjs";
 import "../../chunk-EQWT6VDG.mjs";
-import "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-26Y3AVJW.mjs";
 import "../../chunk-NIUQXHGQ.mjs";
 import "../../chunk-QZ7VFGWC.mjs";

package/dist/components/parts/index.mjs

@@ -1,4 +1,7 @@
 import "../../chunk-FTR7OMCT.mjs";
+import {
+  Date
+} from "../../chunk-J5BK7Z2U.mjs";
 import {
   Day
 } from "../../chunk-AGAA7XTC.mjs";
@@ -8,9 +11,6 @@ import {
 import {
   YearItem
 } from "../../chunk-EQWT6VDG.mjs";
-import {
-  Date
-} from "../../chunk-J5BK7Z2U.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   Date,