@pequity/squirrel 5.4.7 → 5.4.9

package/dist/cjs/index.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const config = require("./config.js");
 const pActionBar_vue_vue_type_script_setup_true_lang = require("./chunks/p-action-bar.js");
 const pAlert = require("./p-alert.js");
 const pAvatar = require("./p-avatar.js");
@@ -15,11 +14,11 @@ const pDropdown = require("./p-dropdown.js");
 const pDropdownSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-dropdown-select.js");
 const vue = require("vue");
 const pFileUpload$1 = require("./p-file-upload.js");
-const lodashEs = require("lodash-es");
 const useInputClasses = require("./useInputClasses.js");
+const lodashEs = require("lodash-es");
 const vueToastification = require("vue-toastification");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const pTableFilterIcon = require("./p-table-filter-icon.js");
+const pIcon = require("./p-icon.js");
 const pIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-icon.js");
 const pInfoIcon = require("./p-info-icon.js");
 const pInlineDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-inline-date-picker.js");
@@ -29,7 +28,9 @@ const pInputPercent_vue_vue_type_script_setup_true_lang = require("./chunks/p-in
 const pInputSearch = require("./p-input-search.js");
 const pLink_vue_vue_type_script_setup_true_lang = require("./chunks/p-link.js");
 const pLoading = require("./p-loading.js");
+const usePLoading = require("./usePLoading.js");
 const pModal = require("./p-modal.js");
+const usePModal = require("./usePModal.js");
 const pPagination_vue_vue_type_script_setup_true_lang = require("./chunks/p-pagination.js");
 const pPaginationInfo_vue_vue_type_script_setup_true_lang = require("./chunks/p-pagination-info.js");
 const pProgressBar = require("./p-progress-bar.js");
@@ -37,34 +38,33 @@ const pRingLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-ring
 const pSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-select.js");
 const pSelectBtn_vue_vue_type_script_setup_true_lang = require("./chunks/p-select-btn.js");
 const pSelectList = require("./p-select-list.js");
-const text = require("./text.js");
-const string = require("./string.js");
 const useSelectList = require("./useSelectList.js");
+const string = require("./string.js");
+const text = require("./text.js");
 const pSelectPill = require("./p-select-pill.js");
 const pSkeletonLoader = require("./p-skeleton-loader.js");
-const pTableHeaderCell = require("./p-table-header-cell.js");
 const pTable$1 = require("./p-table.js");
 const usePTableColResize = require("./usePTableColResize.js");
+const pTableHeaderCell = require("./p-table-header-cell.js");
+const usePTableRowVirtualizer = require("./usePTableRowVirtualizer.js");
+const pTableFilterIcon = require("./p-table-filter-icon.js");
 const pTableLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-loader.js");
 const pTableSort$1 = require("./p-table-sort.js");
 const pTableTd = require("./p-table-td.js");
 const pTabs_vue_vue_type_script_setup_true_lang = require("./chunks/p-tabs.js");
 const pTextarea = require("./p-textarea.js");
 const pToggle = require("./p-toggle.js");
-const pIcon = require("./p-icon.js");
-const usePLoading = require("./usePLoading.js");
-const usePModal = require("./usePModal.js");
-const usePTableRowVirtualizer = require("./usePTableRowVirtualizer.js");
-const inputClassesMixin = require("./inputClassesMixin.js");
+const config = require("./config.js");
 const currency = require("./currency.js");
-const tailwind = require("./tailwind.js");
-const inputClassesShared = require("./inputClassesShared.js");
-const pagination = require("./pagination.js");
 const dom = require("./dom.js");
-const object = require("./object.js");
-const sanitization = require("./sanitization.js");
+const inputClassesMixin = require("./inputClassesMixin.js");
+const inputClassesShared = require("./inputClassesShared.js");
 const listKeyboardNavigation = require("./listKeyboardNavigation.js");
 const number = require("./number.js");
+const object = require("./object.js");
+const pagination = require("./pagination.js");
+const sanitization = require("./sanitization.js");
+const tailwind = require("./tailwind.js");
 const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
 const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
 const _hoisted_1$3 = ["data-has-error"];
@@ -320,7 +320,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pFileUpload = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$3, [["__scopeId", "data-v-d07a8f64"]]);
+const pFileUpload = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$3, [["__scopeId", "data-v-216025be"]]);
 const _hoisted_1$2 = ["data-has-error"];
 const _hoisted_2$2 = { class: "text-p-purple-60" };
 const _hoisted_3$2 = { class: "flex flex-row" };
@@ -873,7 +873,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-1d76cd98"]]);
+const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-8560a8de"]]);
 const _sfc_main = vue.defineComponent({
   name: "PTableSort",
   props: {
@@ -953,7 +953,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const pTableSort = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-exports.config = config.config;
 exports.PActionBar = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PAlert = pAlert;
 exports.PAvatar = pAvatar;
@@ -967,7 +966,7 @@ exports.PDrawer = pDrawer;
 exports.PDropdown = pDropdown;
 exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.useInputClasses = useInputClasses.useInputClasses;
-exports.PFilterIcon = pTableFilterIcon;
+exports.P_ICON_ALIASES = pIcon.P_ICON_ALIASES;
 exports.PIcon = pIcon_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInfoIcon = pInfoIcon;
 exports.PInlineDatePicker = pInlineDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
@@ -977,40 +976,41 @@ exports.PInputPercent = pInputPercent_vue_vue_type_script_setup_true_lang._sfc_m
 exports.PInputSearch = pInputSearch;
 exports.PLink = pLink_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PLoading = pLoading;
+exports.usePLoading = usePLoading.usePLoading;
 exports.PModal = pModal;
+exports.usePModal = usePModal.usePModal;
 exports.PPagination = pPagination_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PPaginationInfo = pPaginationInfo_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PProgressBar = pProgressBar;
 exports.PRingLoader = pRingLoader_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PSelect = pSelect_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PSelectBtn = pSelectBtn_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.splitStringForHighlight = text.splitStringForHighlight;
-exports.toString = string.toString;
 exports.useSelectList = useSelectList.useSelectList;
+exports.toString = string.toString;
+exports.splitStringForHighlight = text.splitStringForHighlight;
 exports.PSelectPill = pSelectPill;
 exports.PSkeletonLoader = pSkeletonLoader;
-exports.PTableHeaderCell = pTableHeaderCell;
 exports.MIN_WIDTH_COL_RESIZE = pTable$1.MIN_WIDTH_COL_RESIZE;
 exports.colsInjectionKey = pTable$1.colsInjectionKey;
 exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
 exports.isFirstColFixedInjectionKey = pTable$1.isFirstColFixedInjectionKey;
 exports.isLastColFixedInjectionKey = pTable$1.isLastColFixedInjectionKey;
 exports.usePTableColResize = usePTableColResize.usePTableColResize;
+exports.PTableHeaderCell = pTableHeaderCell;
+exports.usePTableRowVirtualizer = usePTableRowVirtualizer.usePTableRowVirtualizer;
+exports.PFilterIcon = pTableFilterIcon;
 exports.PTableLoader = pTableLoader_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.SORTING_TYPES = pTableSort$1.SORTING_TYPES;
 exports.PTableTd = pTableTd;
 exports.PTabs = pTabs_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PTextarea = pTextarea;
 exports.PToggle = pToggle;
-exports.P_ICON_ALIASES = pIcon.P_ICON_ALIASES;
-exports.usePLoading = usePLoading.usePLoading;
-exports.usePModal = usePModal.usePModal;
-exports.usePTableRowVirtualizer = usePTableRowVirtualizer.usePTableRowVirtualizer;
-exports.inputClassesMixin = inputClassesMixin;
+exports.config = config.config;
 exports.CURRENCY_INPUT_DEFAULTS = currency.CURRENCY_INPUT_DEFAULTS;
-exports.getColor = tailwind.getColor;
-exports.getColorDeep = tailwind.getColorDeep;
-exports.getScreen = tailwind.getScreen;
+exports.getNextActiveElement = dom.getNextActiveElement;
+exports.isElement = dom.isElement;
+exports.isVisible = dom.isVisible;
+exports.inputClassesMixin = inputClassesMixin;
 exports.ERROR_MSG = inputClassesShared.ERROR_MSG;
 exports.INPUT_BASE = inputClassesShared.INPUT_BASE;
 exports.INPUT_ERROR = inputClassesShared.INPUT_ERROR;
@@ -1027,14 +1027,14 @@ exports.SPACING_PREFIX = inputClassesShared.SPACING_PREFIX;
 exports.SPACING_RIGHT = inputClassesShared.SPACING_RIGHT;
 exports.SPACING_SUFFIX = inputClassesShared.SPACING_SUFFIX;
 exports.TEXTAREA_BASE = inputClassesShared.TEXTAREA_BASE;
-exports.createPagingRange = pagination.createPagingRange;
-exports.getNextActiveElement = dom.getNextActiveElement;
-exports.isElement = dom.isElement;
-exports.isVisible = dom.isVisible;
-exports.isObject = object.isObject;
-exports.sanitizeUrl = sanitization.sanitizeUrl;
 exports.setupListKeyboardNavigation = listKeyboardNavigation.setupListKeyboardNavigation;
 exports.toNumberOrNull = number.toNumberOrNull;
+exports.isObject = object.isObject;
+exports.createPagingRange = pagination.createPagingRange;
+exports.sanitizeUrl = sanitization.sanitizeUrl;
+exports.getColor = tailwind.getColor;
+exports.getColorDeep = tailwind.getColorDeep;
+exports.getScreen = tailwind.getScreen;
 exports.PFileUpload = pFileUpload;
 exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;

package/dist/cjs/p-btn.js

@@ -1,10 +1,10 @@
 "use strict";
 const pRingLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-ring-loader.js");
+const link = require("./link.js");
+const sanitization = require("./sanitization.js");
 const tailwind = require("./tailwind.js");
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const link = require("./link.js");
-const sanitization = require("./sanitization.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const BUTTON_TYPES = {
   PRIMARY: "primary",

package/dist/cjs/p-checkbox.js

@@ -52,5 +52,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-01f2e2c0"]]);
+const pCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-81cd6154"]]);
 module.exports = pCheckbox;

package/dist/cjs/p-chips.js

@@ -1,6 +1,6 @@
 "use strict";
-const vue = require("vue");
 const lodashEs = require("lodash-es");
+const vue = require("vue");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const _sfc_main = vue.defineComponent({
   name: "PChips",
@@ -104,5 +104,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 512);
 }
-const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cb511035"]]);
+const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c4e84a46"]]);
 module.exports = pChips;

package/dist/cjs/p-input-number.js

@@ -1,10 +1,10 @@
 "use strict";
 const pInfoIcon = require("./p-info-icon.js");
 const inputClassesMixin = require("./inputClassesMixin.js");
-const vueCurrencyInput = require("vue-currency-input");
-const vue = require("vue");
-const lodashEs = require("lodash-es");
 const number = require("./number.js");
+const lodashEs = require("lodash-es");
+const vue = require("vue");
+const vueCurrencyInput = require("vue-currency-input");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const ALL_OPTIONS = [
   "locale",

package/dist/cjs/p-input-search.js

@@ -108,5 +108,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["modelValue", "size", "onKeydown"]);
 }
-const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-60b13ffe"]]);
+const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2674242c"]]);
 module.exports = PInputSearch;

package/dist/cjs/p-loading.js

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
-const component = require("./component.js");
 const usePLoading = require("./usePLoading.js");
+const component = require("./component.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const _hoisted_1 = {
   key: 0,
@@ -82,5 +82,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-980d32e1"]]);
+const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b4ee3729"]]);
 module.exports = pLoading;

package/dist/cjs/p-modal.js

@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "6f065855": __props.maxWidth
+      "8621f24e": __props.maxWidth
     }));
     let animatingZIndex = 0;
     const emit = __emit;
@@ -368,5 +368,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dd6e68e1"]]);
+const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7a8f90b4"]]);
 module.exports = pModal;

package/dist/cjs/p-skeleton-loader.js

@@ -69,5 +69,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ], 2);
 }
-const PSkeletonLoader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-53e537dc"]]);
+const PSkeletonLoader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3d77f34f"]]);
 module.exports = PSkeletonLoader;

package/dist/cjs/p-table-td.js

@@ -82,5 +82,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pTableTd = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-09e6d191"]]);
+const pTableTd = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c9978e26"]]);
 module.exports = pTableTd;

package/dist/cjs/p-toggle.js

@@ -111,5 +111,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 14, _hoisted_1);
 }
-const pToggle = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7aa9c3e7"]]);
+const pToggle = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-152f5bf8"]]);
 module.exports = pToggle;

package/dist/cjs/tailwind.js

@@ -1,9 +1,9 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const resolveConfig = require("tailwindcss/resolveConfig");
-const lodashEs = require("lodash-es");
 const config$1 = require("./config.js");
+const lodashEs = require("lodash-es");
+const resolveConfig = require("tailwindcss/resolveConfig");
 const config = resolveConfig(config$1.config);
 const theme = config.theme;
 const colors = theme == null ? void 0 : theme.colors;

package/dist/cjs/usePTableRowVirtualizer.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
 const vueVirtual = require("@tanstack/vue-virtual");
+const vue = require("vue");
 const usePTableRowVirtualizer = (options) => {
   if (!options.value) {
     return {

package/dist/cjs/useSelectList.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const listKeyboardNavigation = require("./listKeyboardNavigation.js");
-const lodashEs = require("lodash-es");
 const object = require("./object.js");
+const listKeyboardNavigation = require("./listKeyboardNavigation.js");
 const string = require("./string.js");
 const vueVirtual = require("@tanstack/vue-virtual");
+const lodashEs = require("lodash-es");
+const vue = require("vue");
 const createInternalItems = (items) => {
   let arr = Array.isArray(items) ? items.slice() : [];
   if (arr.length && !object.isObject(arr[0])) {

package/dist/es/chunks/p-date-picker.js

@@ -1,106 +1,164 @@
-import { defineComponent, useAttrs, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, unref, toDisplayString, createCommentVNode, createVNode, withCtx, mergeProps, toHandlers, withDirectives, createElementVNode, vShow } from "vue";
+import { defineComponent, mergeModels, useModel, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
 import PInput from "../p-input.js";
-import dayjs from "dayjs";
-import { DatePicker } from "v-calendar";
-import { isString, isDate } from "lodash-es";
-import { useInputClasses } from "../useInputClasses.js";
-const _hoisted_1 = ["data-has-error"];
+import VueDatePicker from "@vuepic/vue-datepicker";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PDatePicker",
     inheritAttrs: false
   },
   __name: "p-date-picker",
-  props: {
-    modelValue: { default: "" },
+  props: /* @__PURE__ */ mergeModels({
     label: { default: "" },
     errorMsg: { default: "" },
     required: { type: Boolean, default: false },
-    minDate: { default: null },
-    maxDate: { default: null },
-    timezone: { default: "" }
-  },
+    uid: {},
+    name: {},
+    is24: { type: Boolean },
+    enableTimePicker: { type: Boolean, default: false },
+    range: { type: [Boolean, Object] },
+    multiCalendars: { type: [Boolean, Number, String, Object] },
+    modelValue: {},
+    locale: {},
+    position: {},
+    dark: { type: Boolean },
+    placeholder: {},
+    weekNumbers: {},
+    hoursIncrement: {},
+    hoursGridIncrement: {},
+    secondsGridIncrement: {},
+    minutesGridIncrement: {},
+    minutesIncrement: {},
+    secondsIncrement: {},
+    minDate: {},
+    maxDate: {},
+    minTime: {},
+    maxTime: {},
+    weekStart: { default: 0 },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    format: { type: [String, Function], default: "dd-MMM-yyyy" },
+    previewFormat: {},
+    hideInputIcon: { type: Boolean },
+    state: { type: Boolean },
+    clearable: { type: Boolean },
+    autoApply: { type: Boolean, default: true },
+    filters: {},
+    disableMonthYearSelect: { type: Boolean },
+    yearRange: {},
+    disabledDates: {},
+    inline: { type: [Boolean, Object], default: false },
+    selectText: {},
+    cancelText: {},
+    weekNumName: {},
+    autoPosition: { type: [Boolean, String] },
+    monthPicker: { type: Boolean },
+    timePicker: { type: Boolean },
+    textInput: { type: [Boolean, Object], default: true },
+    monthNameFormat: {},
+    startDate: {},
+    startTime: {},
+    hideOffsetDates: { type: Boolean, default: true },
+    noToday: { type: Boolean },
+    noHoursOverlay: { type: Boolean },
+    noMinutesOverlay: { type: Boolean },
+    noSecondsOverlay: { type: Boolean },
+    altPosition: {},
+    disabledWeekDays: {},
+    allowedDates: {},
+    nowButtonLabel: {},
+    monthChangeOnScroll: { type: [Boolean, String] },
+    markers: {},
+    transitions: { type: [Boolean, Object] },
+    enableSeconds: { type: Boolean },
+    escClose: { type: Boolean },
+    spaceConfirm: { type: Boolean },
+    monthChangeOnArrows: { type: Boolean },
+    formatLocale: {},
+    autocomplete: {},
+    multiDates: { type: [Boolean, Object] },
+    presetDates: {},
+    flow: {},
+    partialFlow: { type: Boolean },
+    preventMinMaxNavigation: { type: Boolean },
+    utc: { type: [Boolean, String] },
+    reverseYears: { type: Boolean },
+    weekPicker: { type: Boolean },
+    vertical: { type: Boolean },
+    ariaLabels: {},
+    arrowNavigation: { type: Boolean },
+    yearPicker: { type: Boolean },
+    dayNames: {},
+    modelType: { default: "yyyy-MM-dd" },
+    modelAuto: { type: Boolean },
+    highlight: {},
+    offset: {},
+    teleportCenter: { type: Boolean },
+    teleport: { type: [Boolean, String] },
+    ignoreTimeValidation: { type: Boolean },
+    dayClass: {},
+    hideNavigation: {},
+    sixWeeks: { type: [Boolean, String] },
+    timezone: {},
+    disableYearSelect: { type: Boolean },
+    focusStartDate: { type: Boolean },
+    disabledTimes: {},
+    timePickerInline: { type: Boolean },
+    calendar: {},
+    config: {},
+    quarterPicker: { type: Boolean },
+    yearFirst: { type: Boolean },
+    loading: { type: Boolean },
+    onInternalModelChange: {},
+    enableMinutes: { type: Boolean },
+    ui: {}
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const selectAttribute = { highlight: { class: "bg-primary", contentClass: "text-white" } };
-    const DEFAULT_MASKS = {
-      // The mask for the input
-      input: "DD-MMM-YYYY",
-      // The mask for the model value
-      data: "YYYY-MM-DD"
-    };
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const { labelClasses, errorMsgClasses } = useInputClasses(props);
+    const model = useModel(__props, "modelValue");
     const attrs = useAttrs();
-    const innerValue = ref(null);
-    const stopWatch = ref(false);
-    const masks = computed(() => {
-      return Object.assign(DEFAULT_MASKS, attrs.masks);
-    });
-    const displayPlaceholder = computed(() => {
-      return isString(attrs.placeholder) ? attrs.placeholder : masks.value.input;
+    const datePickerProps = computed(() => {
+      const { modelValue: _, ...propsWithoutModelValue } = props;
+      return propsWithoutModelValue;
     });
-    const attrsWithoutClassAndStyle = computed(() => {
-      const { class: classes, style: style2, ...rest } = attrs;
-      return rest;
-    });
-    const style = computed(() => {
-      return attrs.style;
-    });
-    watch(
-      () => props.modelValue,
-      (nV) => {
-        if (!stopWatch.value) {
-          innerValue.value = nV ? dayjs(nV, masks.value.data).toDate() : null;
-        }
-      },
-      { immediate: true }
-    );
-    watch(innerValue, (nV) => {
-      const toEmit = isDate(nV) && nV.toString() !== "Invalid Date" ? dayjs(nV).format(masks.value.data) : null;
-      stopWatch.value = true;
-      emit("update:modelValue", toEmit);
-      nextTick(() => {
-        stopWatch.value = false;
-      });
+    const inputPropsAndAttrs = computed(() => {
+      const { class: classes, style, ...res } = attrs;
+      res.label = props.label;
+      res.errorMsg = props.errorMsg;
+      res.required = props.required;
+      res.disabled = props.disabled;
+      res.placeholder = props.placeholder ? props.placeholder : props.format;
+      return res;
     });
+    const handleInput = (e, onInputFn, onClearFn) => {
+      if (e.target instanceof HTMLInputElement && e.target.value === "") {
+        onClearFn(e);
+        return;
+      }
+      return onInputFn(e);
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
-        "data-has-error": !!_ctx.errorMsg,
-        style: normalizeStyle(style.value)
-      }, [
-        renderSlot(_ctx.$slots, "label", {
-          label: _ctx.label,
-          labelClasses: unref(labelClasses)
-        }, () => [
-          _ctx.label ? (openBlock(), createElementBlock("label", {
-            key: 0,
-            class: normalizeClass(unref(labelClasses))
-          }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
+      return openBlock(), createBlock(unref(VueDatePicker), mergeProps({
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
+      }, datePickerProps.value), {
+        "dp-input": withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
+          createVNode(PInput, mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
+            onInput: ($event) => handleInput($event, onInput, onClear),
+            onKeydown: [
+              withKeys(($event) => onEnter($event), ["enter"]),
+              withKeys(($event) => onTab($event), ["tab"])
+            ],
+            onFocus,
+            onBlur
+          }), null, 16, ["model-value", "onInput", "onKeydown", "onFocus", "onBlur"])
         ]),
-        createVNode(unref(DatePicker), {
-          modelValue: innerValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
-          "select-attribute": selectAttribute,
-          popover: { visibility: "click", placement: "auto" },
-          "min-date": _ctx.minDate || null,
-          "max-date": _ctx.maxDate || null,
-          masks: masks.value,
-          timezone: _ctx.timezone
-        }, {
-          default: withCtx(({ inputValue, inputEvents }) => [
-            createVNode(PInput, mergeProps({ value: inputValue }, attrsWithoutClassAndStyle.value, { placeholder: displayPlaceholder.value }, toHandlers(inputEvents)), null, 16, ["value", "placeholder"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "min-date", "max-date", "masks", "timezone"]),
-        withDirectives(createElementVNode("div", {
-          class: normalizeClass(unref(errorMsgClasses))
-        }, toDisplayString(_ctx.errorMsg), 3), [
-          [vShow, _ctx.errorMsg]
-        ])
-      ], 14, _hoisted_1);
+        _: 1
+      }, 16, ["modelValue", "class"]);
     };
   }
 });

package/dist/es/chunks/p-dropdown-select.js

@@ -3,11 +3,11 @@ import PDropdown from "../p-dropdown.js";
 import { _ as _sfc_main$1 } from "./p-icon.js";
 import PInputSearch from "../p-input-search.js";
 import { SIZES } from "../p-select-list.js";
-import { omit } from "lodash-es";
-import { splitStringForHighlight } from "../text.js";
-import { toString } from "../string.js";
-import { useInputClasses } from "../useInputClasses.js";
 import { useSelectList } from "../useSelectList.js";
+import { useInputClasses } from "../useInputClasses.js";
+import { toString } from "../string.js";
+import { splitStringForHighlight } from "../text.js";
+import { omit } from "lodash-es";
 const _imports_0 = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%200%2018%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.1383%200.166992L6.30411%209.83366L1.69828%205.27533L0.526611%206.46033L5.71578%2011.597C5.87174%2011.7509%206.08205%2011.8372%206.3012%2011.8372C6.52034%2011.8372%206.73065%2011.7509%206.88661%2011.597L17.3033%201.35366L16.1383%200.166992Z'%20fill='%231A123B'%20/%3e%3c/svg%3e";
 const _hoisted_1 = ["data-has-error"];
 const _hoisted_2 = {