primevue 4.0.6 → 4.0.7

package/datepicker/DatePicker.vue

@@ -78,7 +78,7 @@
                                 <div :class="cx('header')" v-bind="ptm('header')">
                                     <slot name="header"></slot>
                                     <Button
-                                        v-show="showOtherMonths ? groupIndex === 0 : false"
+                                        v-show="groupIndex === 0"
                                         :ref="previousButtonRef"
                                         :class="cx('pcPrevButton')"
                                         :disabled="disabled"
@@ -158,7 +158,7 @@
                                         </span>
                                     </div>
                                     <Button
-                                        v-show="showOtherMonths ? (numberOfMonths === 1 ? true : groupIndex === numberOfMonths - 1) : false"
+                                        v-show="numberOfMonths === 1 ? true : groupIndex === numberOfMonths - 1"
                                         :ref="nextButtonRef"
                                         :class="cx('pcNextButton')"
                                         :disabled="disabled"
@@ -223,6 +223,7 @@
                                                 data-pc-group-section="tablebodycell"
                                             >
                                                 <span
+                                                    v-if="showOtherMonths || !date.otherMonth"
                                                     v-ripple
                                                     :class="cx('day', { date })"
                                                     @click="onDateSelect($event, date)"
@@ -727,7 +728,7 @@ export default {
                 return this.modelValue.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
             } else if (this.isRangeSelection()) {
                 if (!this.modelValue[1]) {
-                    return this.modelValue[0].getFullYear() === this.currentYear && this.modelValue[0].getMonth() === month;
+                    return this.modelValue[0]?.getFullYear() === this.currentYear && this.modelValue[0]?.getMonth() === month;
                 } else {
                     const currentDate = new Date(this.currentYear, month, 1);
                     const startDate = new Date(this.modelValue[0].getFullYear(), this.modelValue[0].getMonth(), 1);
@@ -906,16 +907,12 @@ export default {
             this.overlay = null;
         },
         onPrevButtonClick(event) {
-            if (this.showOtherMonths) {
-                this.navigationState = { backward: true, button: true };
-                this.navBackward(event);
-            }
+            this.navigationState = { backward: true, button: true };
+            this.navBackward(event);
         },
         onNextButtonClick(event) {
-            if (this.showOtherMonths) {
-                this.navigationState = { backward: false, button: true };
-                this.navForward(event);
-            }
+            this.navigationState = { backward: false, button: true };
+            this.navForward(event);
         },
         navBackward(event) {
             event.preventDefault();

package/datepicker/index.mjs

@@ -471,7 +471,8 @@ var script = {
         });
       } else if (this.isRangeSelection()) {
         if (!this.modelValue[1]) {
-          return this.modelValue[0].getFullYear() === this.currentYear && this.modelValue[0].getMonth() === month;
+          var _this$modelValue$, _this$modelValue$2;
+          return ((_this$modelValue$ = this.modelValue[0]) === null || _this$modelValue$ === void 0 ? void 0 : _this$modelValue$.getFullYear()) === this.currentYear && ((_this$modelValue$2 = this.modelValue[0]) === null || _this$modelValue$2 === void 0 ? void 0 : _this$modelValue$2.getMonth()) === month;
         } else {
           var currentDate = new Date(this.currentYear, month, 1);
           var startDate = new Date(this.modelValue[0].getFullYear(), this.modelValue[0].getMonth(), 1);
@@ -635,22 +636,18 @@ var script = {
       this.overlay = null;
     },
     onPrevButtonClick: function onPrevButtonClick(event) {
-      if (this.showOtherMonths) {
-        this.navigationState = {
-          backward: true,
-          button: true
-        };
-        this.navBackward(event);
-      }
+      this.navigationState = {
+        backward: true,
+        button: true
+      };
+      this.navBackward(event);
     },
     onNextButtonClick: function onNextButtonClick(event) {
-      if (this.showOtherMonths) {
-        this.navigationState = {
-          backward: false,
-          button: true
-        };
-        this.navForward(event);
-      }
+      this.navigationState = {
+        backward: false,
+        button: true
+      };
+      this.navForward(event);
     },
     navBackward: function navBackward(event) {
       event.preventDefault();
@@ -2684,7 +2681,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 })];
               }),
               _: 2
-            }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, _ctx.showOtherMonths ? groupIndex === 0 : false]]), createElementVNode("div", mergeProps({
+            }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, groupIndex === 0]]), createElementVNode("div", mergeProps({
               "class": _ctx.cx('title'),
               ref_for: true
             }, _ctx.ptm('title')), [_ctx.$primevue.config.locale.showMonthAfterYear ? (openBlock(), createElementBlock(Fragment, {
@@ -2781,7 +2778,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 })];
               }),
               _: 2
-            }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, _ctx.showOtherMonths ? _ctx.numberOfMonths === 1 ? true : groupIndex === _ctx.numberOfMonths - 1 : false]])], 16), $data.currentView === 'date' ? (openBlock(), createElementBlock("table", mergeProps({
+            }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, _ctx.numberOfMonths === 1 ? true : groupIndex === _ctx.numberOfMonths - 1]])], 16), $data.currentView === 'date' ? (openBlock(), createElementBlock("table", mergeProps({
               key: 0,
               "class": _ctx.cx('dayView'),
               role: "grid",
@@ -2879,7 +2876,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   "data-p-today": date.today,
                   "data-p-other-month": date.otherMonth,
                   "data-pc-group-section": "tablebodycell"
-                }), [withDirectives((openBlock(), createElementBlock("span", mergeProps({
+                }), [_ctx.showOtherMonths || !date.otherMonth ? withDirectives((openBlock(), createElementBlock("span", mergeProps({
+                  key: 0,
                   "class": _ctx.cx('day', {
                     date: date
                   }),
@@ -2909,8 +2907,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   date: date
                 }, function () {
                   return [createTextVNode(toDisplayString(date.day), 1)];
-                })], 16, _hoisted_12)), [[_directive_ripple]]), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
-                  key: 0,
+                })], 16, _hoisted_12)), [[_directive_ripple]]) : createCommentVNode("", true), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
+                  key: 1,
                   "class": "p-hidden-accessible",
                   "aria-live": "polite",
                   ref_for: true