@pequity/squirrel 10.1.0 → 11.0.1

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

@@ -1,6 +1,7 @@
 import { defineComponent, mergeModels, useModel, useAttrs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, createElementVNode, vShow } from "vue";
 import { useInputClasses } from "../useInputClasses.js";
-import VueDatePicker from "@vuepic/vue-datepicker";
+import { getDateFnsLocale } from "../dateLocale.js";
+import { VueDatePicker } from "@vuepic/vue-datepicker";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = ["data-has-error"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,112 +11,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "p-inline-date-picker",
   props: /* @__PURE__ */ mergeModels({
-    label: { default: "" },
-    errorMsg: { default: "" },
-    required: { type: Boolean, default: false },
-    uid: {},
-    name: {},
-    is24: { type: Boolean },
-    enableTimePicker: { type: Boolean, default: false },
-    range: { type: [Boolean, Object] },
     multiCalendars: { type: [Boolean, Number, String, Object] },
-    modelValue: {},
-    locale: {},
-    position: {},
+    modelType: { default: "yyyy-MM-dd" },
     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: {},
-    previewFormat: {},
-    hideInputIcon: { type: Boolean },
-    state: { type: Boolean },
-    clearable: { type: Boolean },
-    alwaysClearable: { type: Boolean },
-    autoApply: { type: Boolean, default: true },
-    filters: {},
-    disableMonthYearSelect: { type: Boolean },
+    transitions: { type: [Boolean, Object] },
+    ariaLabels: {},
+    hideNavigation: {},
+    timezone: {},
+    vertical: { type: Boolean },
+    hideMonthYearSelect: { type: Boolean },
+    disableYearSelect: { type: Boolean },
     yearRange: {},
+    autoApply: { type: Boolean, default: true },
     disabledDates: {},
-    inline: { type: [Boolean, Object], default: true },
-    selectText: {},
-    cancelText: {},
-    weekNumName: {},
-    autoPosition: { type: [Boolean, String] },
-    monthPicker: { type: Boolean },
-    timePicker: { type: Boolean },
-    textInput: { type: [Boolean, Object] },
-    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: {},
+    filters: {},
     arrowNavigation: { type: Boolean },
-    yearPicker: { type: Boolean },
+    highlight: {},
+    teleport: { type: [String, Boolean] },
+    centered: { type: Boolean },
+    locale: {},
+    weekStart: { default: 0 },
+    weekNumbers: { type: [Boolean, Object] },
     dayNames: {},
-    modelType: { default: "yyyy-MM-dd" },
+    monthPicker: { type: Boolean },
+    yearPicker: { type: Boolean },
     modelAuto: { type: Boolean },
-    highlight: {},
-    offset: {},
-    teleportCenter: { type: Boolean },
-    teleport: { type: [Boolean, String] },
-    ignoreTimeValidation: { type: Boolean },
-    dayClass: {},
-    hideNavigation: {},
+    formats: {},
+    multiDates: { type: [Boolean, Object] },
+    minDate: {},
+    maxDate: {},
+    minTime: {},
+    maxTime: {},
+    inputAttrs: {},
+    timeConfig: { default: () => ({ enableTimePicker: false }) },
+    placeholder: { default: "" },
+    timePicker: { type: Boolean },
+    range: { type: [Boolean, Object] },
+    menuId: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    inline: { type: [Boolean, Object] },
+    textInput: { type: [Boolean, Object], default: false },
     sixWeeks: { type: [Boolean, String] },
-    timezone: {},
-    disableYearSelect: { type: Boolean },
+    actionRow: {},
     focusStartDate: { type: Boolean },
     disabledTimes: {},
-    timePickerInline: { type: Boolean },
     calendar: {},
     config: {},
     quarterPicker: { type: Boolean },
     yearFirst: { type: Boolean },
     loading: { type: Boolean },
-    onInternalModelChange: {},
-    enableMinutes: { type: Boolean },
-    ui: {}
+    ui: {},
+    floating: {},
+    label: { default: "" },
+    errorMsg: { default: "" },
+    required: { type: Boolean, default: false }
   }, {
-    "modelValue": { default: "" },
+    "modelValue": {},
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -126,9 +88,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const { labelClasses, errorMsgClasses } = useInputClasses(props);
     const datePickerProps = computed(() => {
-      const { modelValue: _, ...propsWithoutModelValue } = props;
+      const { label, errorMsg, required, ...vueDatePickerProps } = props;
       const { class: classes, style: style2, ...attrsWithoutClassAndStyle } = attrs;
-      return { ...propsWithoutModelValue, ...attrsWithoutClassAndStyle, locale: locale.value };
+      return {
+        ...vueDatePickerProps,
+        ...attrsWithoutClassAndStyle,
+        locale: getDateFnsLocale(locale.value),
+        inline: true
+      };
     });
     const style = computed(() => {
       return attrs.style;