@pequity/squirrel 10.1.0 → 11.0.0

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

@@ -1,7 +1,8 @@
 "use strict";
 const vue = require("vue");
 const useInputClasses = require("../useInputClasses.js");
-const VueDatePicker = require("@vuepic/vue-datepicker");
+const dateLocale = require("../dateLocale.js");
+const vueDatepicker = require("@vuepic/vue-datepicker");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = ["data-has-error"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -11,112 +12,73 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-inline-date-picker",
   props: /* @__PURE__ */ vue.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"],
@@ -127,9 +89,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const attrs = vue.useAttrs();
     const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
     const datePickerProps = vue.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: dateLocale.getDateFnsLocale(locale.value),
+        inline: true
+      };
     });
     const style = vue.computed(() => {
       return attrs.style;
@@ -149,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(vue.unref(labelClasses))
           }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
         ]),
-        vue.createVNode(vue.unref(VueDatePicker), vue.mergeProps({
+        vue.createVNode(vue.unref(vueDatepicker.VueDatePicker), vue.mergeProps({
           modelValue: model.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
         }, datePickerProps.value), null, 16, ["modelValue"]),