primevue 4.0.3 → 4.0.5

package/datepicker/DatePicker.vue

@@ -32,7 +32,7 @@
             @keydown="onKeyDown"
             :pt="ptm('pcInput')"
         />
-        <slot v-if="showIcon && iconDisplay === 'button'" name="dropdownbutton">
+        <slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton">
             <button
                 :class="cx('dropdown')"
                 :disabled="disabled"
@@ -49,7 +49,7 @@
                 </slot>
             </button>
         </slot>
-        <template v-else-if="showIcon && iconDisplay === 'input'">
+        <template v-else-if="showIcon && iconDisplay === 'input' && !inline">
             <span v-if="$slots.inputicon || showIcon" :class="cx('inputIconContainer')" v-bind="ptm('inputIconContainer')">
                 <slot name="inputicon" :class="cx('inputIcon')" :clickCallback="onButtonClick">
                     <component :is="icon ? 'i' : 'CalendarIcon'" :class="[icon, cx('inputIcon')]" @click="onButtonClick" v-bind="ptm('inputicon')" />
@@ -750,7 +750,7 @@ export default {
 
                 return start === year || end === year || (start < year && end > year);
             } else {
-                return value.getFullYear() === year;
+                return this.modelValue.getFullYear() === year;
             }
         },
         isDateEquals(value, dateMeta) {
@@ -1735,7 +1735,7 @@ export default {
                 }
             } else if (value.every((v) => this.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false))) {
                 if (this.isRangeSelection()) {
-                    isValid = value.length > 1 && value[1] > value[0] ? true : false;
+                    isValid = value.length > 1 && value[1] >= value[0];
                 }
             }
 
@@ -2516,7 +2516,7 @@ export default {
                 cell = findSingle(this.overlay, 'span[data-p-selected="true"]');
 
                 if (!cell) {
-                    let todayCell = findSingle(this.overlay, 'td.p-datepicker-today span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+                    let todayCell = findSingle(this.overlay, 'td[data-p-today="true"] span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
 
                     if (todayCell) cell = todayCell;
                     else cell = findSingle(this.overlay, '.p-datepicker-calendar td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
@@ -2645,6 +2645,8 @@ export default {
                         /* NoOp */
                     }
                 }
+
+                this.$emit('keydown', event);
             }
         },
         overlayRef(el) {
@@ -2708,14 +2710,14 @@ export default {
                     for (let i = 0; i < responsiveOptions.length; i++) {
                         let { breakpoint, numMonths } = responsiveOptions[i];
                         let styles = `
-                            .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${numMonths}) .p-datepicker-next {
+                            .p-datepicker-panel[${this.attributeSelector}] .p-datepicker-calendar:nth-child(${numMonths}) .p-datepicker-next-button {
                                 display: inline-flex;
                             }
                         `;
 
                         for (let j = numMonths; j < this.numberOfMonths; j++) {
                             styles += `
-                                .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) {
+                                .p-datepicker-panel[${this.attributeSelector}] .p-datepicker-calendar:nth-child(${j + 1}) {
                                     display: none;
                                 }
                             `;

package/datepicker/index.mjs

@@ -493,7 +493,7 @@ var script = {
         var end = this.modelValue[1] ? this.modelValue[1].getFullYear() : null;
         return start === year || end === year || start < year && end > year;
       } else {
-        return value.getFullYear() === year;
+        return this.modelValue.getFullYear() === year;
       }
     },
     isDateEquals: function isDateEquals(value, dateMeta) {
@@ -1410,7 +1410,7 @@ var script = {
         return _this11.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
       })) {
         if (this.isRangeSelection()) {
-          isValid = value.length > 1 && value[1] > value[0] ? true : false;
+          isValid = value.length > 1 && value[1] >= value[0];
         }
       }
       return isValid;
@@ -2114,7 +2114,7 @@ var script = {
       } else {
         cell = findSingle(this.overlay, 'span[data-p-selected="true"]');
         if (!cell) {
-          var todayCell = findSingle(this.overlay, 'td.p-datepicker-today span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+          var todayCell = findSingle(this.overlay, 'td[data-p-today="true"] span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
           if (todayCell) cell = todayCell;else cell = findSingle(this.overlay, '.p-datepicker-calendar td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
         }
       }
@@ -2165,10 +2165,10 @@ var script = {
       try {
         this.selectionStart = this.input.selectionStart;
         this.selectionEnd = this.input.selectionEnd;
-        var _value = this.parseValue(event.target.value);
-        if (this.isValidSelection(_value)) {
+        var value = this.parseValue(event.target.value);
+        if (this.isValidSelection(value)) {
           this.typeUpdate = true;
-          this.updateModel(_value);
+          this.updateModel(value);
         }
       } catch (err) {
         /* NoOp */
@@ -2218,14 +2218,15 @@ var script = {
         var _event$target$value;
         if (this.manualInput && event.target.value !== null && ((_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.trim()) !== '') {
           try {
-            var _value2 = this.parseValue(event.target.value);
-            if (this.isValidSelection(_value2)) {
+            var value = this.parseValue(event.target.value);
+            if (this.isValidSelection(value)) {
               this.overlayVisible = false;
             }
           } catch (err) {
             /* NoOp */
           }
         }
+        this.$emit('keydown', event);
       }
     },
     overlayRef: function overlayRef(el) {
@@ -2288,9 +2289,9 @@ var script = {
             var _responsiveOptions$i = responsiveOptions[i],
               breakpoint = _responsiveOptions$i.breakpoint,
               numMonths = _responsiveOptions$i.numMonths;
-            var styles = "\n                            .p-datepicker[".concat(this.attributeSelector, "] .p-datepicker-group:nth-child(").concat(numMonths, ") .p-datepicker-next {\n                                display: inline-flex;\n                            }\n                        ");
+            var styles = "\n                            .p-datepicker-panel[".concat(this.attributeSelector, "] .p-datepicker-calendar:nth-child(").concat(numMonths, ") .p-datepicker-next-button {\n                                display: inline-flex;\n                            }\n                        ");
             for (var j = numMonths; j < this.numberOfMonths; j++) {
-              styles += "\n                                .p-datepicker[".concat(this.attributeSelector, "] .p-datepicker-group:nth-child(").concat(j + 1, ") {\n                                    display: none;\n                                }\n                            ");
+              styles += "\n                                .p-datepicker-panel[".concat(this.attributeSelector, "] .p-datepicker-calendar:nth-child(").concat(j + 1, ") {\n                                    display: none;\n                                }\n                            ");
             }
             innerHTML += "\n                            @media screen and (max-width: ".concat(breakpoint, ") {\n                                ").concat(styles, "\n                            }\n                        ");
           }
@@ -2582,7 +2583,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: $options.onBlur,
     onKeydown: $options.onKeyDown,
     pt: _ctx.ptm('pcInput')
-  }, null, 8, ["id", "class", "style", "value", "placeholder", "name", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' ? renderSlot(_ctx.$slots, "dropdownbutton", {
+  }, null, 8, ["id", "class", "style", "value", "placeholder", "name", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
     key: 1
   }, function () {
     return [createElementVNode("button", mergeProps({
@@ -2603,7 +2604,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": _ctx.icon
       }, _ctx.ptm('dropdownIcon')), null, 16, ["class"]))];
     })], 16, _hoisted_2)];
-  }) : _ctx.showIcon && _ctx.iconDisplay === 'input' ? (openBlock(), createElementBlock(Fragment, {
+  }) : _ctx.showIcon && _ctx.iconDisplay === 'input' && !_ctx.inline ? (openBlock(), createElementBlock(Fragment, {
     key: 2
   }, [_ctx.$slots.inputicon || _ctx.showIcon ? (openBlock(), createElementBlock("span", mergeProps({
     key: 0,