primevue 3.12.4 → 3.13.0

package/calendar/Calendar.vue

@@ -3,7 +3,7 @@
         <input :ref="inputRef" v-if="!inline" type="text" :class="['p-inputtext p-component', inputClass]" :style="inputStyle" @input="onInput" v-bind="$attrs"
             @focus="onFocus" @blur="onBlur" @keydown="onKeyDown" :readonly="!manualInput" inputmode="none">
         <CalendarButton v-if="showIcon" :icon="icon" tabindex="-1" class="p-datepicker-trigger" :disabled="$attrs.disabled" @click="onButtonClick" type="button" :aria-label="inputFieldValue"/>
-        <Teleport :to="appendTarget" :disabled="appendDisabled">
+        <Portal :appendTo="appendTo" :disabled="inline">
             <transition name="p-connected-overlay" @enter="onOverlayEnter($event)" @after-enter="onOverlayEnterComplete" @after-leave="onOverlayAfterLeave" @leave="onOverlayLeave">
                 <div :ref="overlayRef" :class="panelStyleClass" v-if="inline ? true : overlayVisible" :role="inline ? null : 'dialog'" @click="onOverlayClick" @mouseup="onOverlayMouseUp">
                     <template v-if="!timeOnly">
@@ -137,7 +137,7 @@
                     <slot name="footer"></slot>
                 </div>
             </transition>
-        </Teleport>
+        </Portal>
     </span>
 </template>
 
@@ -146,6 +146,7 @@ import {ConnectedOverlayScrollHandler,DomHandler,ZIndexUtils,UniqueComponentId}
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Button from 'primevue/button';
 import Ripple from 'primevue/ripple';
+import Portal from 'primevue/portal';
 
 export default {
     name: 'Calendar',
@@ -440,7 +441,7 @@ export default {
 
                     return selected;
                 }
-                else if( this.isRangeSelection()) {
+                else if (this.isRangeSelection()) {
                     if (this.modelValue[1])
                         return this.isDateEquals(this.modelValue[0], dateMeta) || this.isDateEquals(this.modelValue[1], dateMeta) || this.isDateBetween(this.modelValue[0], this.modelValue[1], dateMeta);
                     else {
@@ -767,7 +768,7 @@ export default {
         bindResizeListener() {
             if (!this.resizeListener) {
                 this.resizeListener = () => {
-                    if (this.overlayVisible) {
+                    if (this.overlayVisible && !DomHandler.isTouchDevice()) {
                         this.overlayVisible = false;
                     }
                 };
@@ -793,7 +794,7 @@ export default {
                 this.enableModality();
             }
             else if (this.overlay) {
-                if (this.appendDisabled) {
+                if (this.appendTo === 'self' || this.inline) {
                     DomHandler.relativePosition(this.overlay, this.$el);
                 }
                 else {
@@ -1706,9 +1707,10 @@ export default {
             }
 
             date = this.daylightSavingAdjust(new Date(year, month - 1, day));
-                    if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
-                        throw "Invalid date"; // E.g. 31/02/00
-                    }
+
+            if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
+                throw "Invalid date"; // E.g. 31/02/00
+            }
 
             return date;
         },
@@ -2193,7 +2195,7 @@ export default {
             this.focused = false;
             this.input.value = this.formatValue(this.modelValue);
         },
-        onKeyDown() {
+        onKeyDown(event) {
             if (event.keyCode === 40 && this.overlay) {
                 this.trapFocus(event);
             }
@@ -2288,7 +2290,12 @@ export default {
         viewDate() {
             let propValue = this.modelValue;
             if (propValue && Array.isArray(propValue)) {
-                propValue = propValue[0];
+                if (this.isRangeSelection()) {
+                    propValue = propValue[1] || propValue[0];
+                }
+                else if (this.isMultipleSelection()) {
+                    propValue = propValue[propValue.length - 1];
+                }
             }
 
             if (propValue && typeof propValue !== 'string') {
@@ -2296,12 +2303,15 @@ export default {
             }
             else {
                 let today = new Date();
+
                 if (this.maxDate && this.maxDate < today) {
                     return this.maxDate;
                 }
+
                 if (this.minDate && this.minDate > today) {
                     return this.minDate;
                 }
+
                 return today;
             }
         },
@@ -2485,12 +2495,6 @@ export default {
         monthNames() {
             return this.$primevue.config.locale.monthNames;
         },
-        appendDisabled() {
-            return this.appendTo === 'self' || this.inline;
-        },
-        appendTarget() {
-            return this.appendDisabled ? null : this.appendTo;
-        },
         attributeSelector() {
             return UniqueComponentId();
         },
@@ -2499,7 +2503,8 @@ export default {
         }
     },
     components: {
-        'CalendarButton': Button
+        'CalendarButton': Button,
+        'Portal': Portal
     },
     directives: {
         'ripple': Ripple