primevue 4.3.7 → 4.3.9

package/datepicker/BaseDatePicker.vue

@@ -167,6 +167,10 @@ export default {
             type: String,
             default: null
         },
+        required: {
+            type: Boolean,
+            default: null
+        },
         inputId: {
             type: String,
             default: null

package/datepicker/DatePicker.vue

@@ -14,6 +14,7 @@
             :invalid="invalid"
             :variant="variant"
             :fluid="fluid"
+            :required="required"
             :unstyled="unstyled"
             autocomplete="off"
             aria-autocomplete="none"
@@ -612,7 +613,8 @@ export default {
             currentView: this.view,
             query: null,
             queryMatches: false,
-            queryOrientation: null
+            queryOrientation: null,
+            focusedDateIndex: 0
         };
     },
     watch: {
@@ -1261,14 +1263,17 @@ export default {
 
                     if (!endDate && date.getTime() >= startDate.getTime()) {
                         endDate = date;
+                        this.focusedDateIndex = 1;
                     } else {
                         startDate = date;
                         endDate = null;
+                        this.focusedDateIndex = 0;
                     }
 
                     modelVal = [startDate, endDate];
                 } else {
                     modelVal = [date, null];
+                    this.focusedDateIndex = 0;
                 }
             }
 
@@ -1714,7 +1719,7 @@ export default {
             let value = this.isComparable() ? this.d_value : this.viewDate;
 
             if (this.isRangeSelection()) {
-                value = this.d_value[1] || this.d_value[0];
+                value = this.d_value[this.focusedDateIndex] || this.d_value[0];
             }
 
             if (this.isMultipleSelection()) {
@@ -1734,8 +1739,13 @@ export default {
             value.setSeconds(this.currentSecond);
 
             if (this.isRangeSelection()) {
-                if (this.d_value[1]) value = [this.d_value[0], value];
-                else value = [value, null];
+                if (this.focusedDateIndex === 1 && this.d_value[1]) {
+                    value = [this.d_value[0], value];
+                } else if (this.focusedDateIndex === 0) {
+                    value = [value, this.d_value[1]];
+                } else {
+                    value = [value, null];
+                }
             }
 
             if (this.isMultipleSelection()) {
@@ -1789,7 +1799,13 @@ export default {
             this.currentYear = viewDate.getFullYear();
 
             if (this.showTime || this.timeOnly) {
-                this.updateCurrentTimeMeta(viewDate);
+                let timeDate = viewDate;
+
+                if (this.isRangeSelection() && this.d_value && this.d_value[this.focusedDateIndex]) {
+                    timeDate = this.d_value[this.focusedDateIndex];
+                }
+
+                this.updateCurrentTimeMeta(timeDate);
             }
         },
         isValidSelection(value) {
@@ -2061,7 +2077,7 @@ export default {
                 day = doy;
 
                 do {
-                    dim = this.getDaysCountInMonth(year, month - 1);
+                    dim = this.getDaysCountInMonth(month - 1, year);
 
                     if (day <= dim) {
                         break;

package/datepicker/index.d.ts

@@ -731,6 +731,10 @@ export interface DatePickerProps {
      * Placeholder text for the input.
      */
     placeholder?: string | undefined;
+    /*
+     * When present, it specifies that the component is a required field.
+     */
+    required?: boolean | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
      * @defaultValue body

package/datepicker/index.mjs

@@ -182,6 +182,10 @@ var script$1 = {
       type: String,
       "default": null
     },
+    required: {
+      type: Boolean,
+      "default": null
+    },
     inputId: {
       type: String,
       "default": null
@@ -308,7 +312,8 @@ var script = {
       currentView: this.view,
       query: null,
       queryMatches: false,
-      queryOrientation: null
+      queryOrientation: null,
+      focusedDateIndex: 0
     };
   },
   watch: {
@@ -949,13 +954,16 @@ var script = {
           var endDate = this.d_value[1];
           if (!endDate && date.getTime() >= startDate.getTime()) {
             endDate = date;
+            this.focusedDateIndex = 1;
           } else {
             startDate = date;
             endDate = null;
+            this.focusedDateIndex = 0;
           }
           modelVal = [startDate, endDate];
         } else {
           modelVal = [date, null];
+          this.focusedDateIndex = 0;
         }
       }
       if (modelVal !== null) {
@@ -1332,7 +1340,7 @@ var script = {
       this.timePickerChange = true;
       var value = this.isComparable() ? this.d_value : this.viewDate;
       if (this.isRangeSelection()) {
-        value = this.d_value[1] || this.d_value[0];
+        value = this.d_value[this.focusedDateIndex] || this.d_value[0];
       }
       if (this.isMultipleSelection()) {
         value = this.d_value[this.d_value.length - 1];
@@ -1346,7 +1354,13 @@ var script = {
       value.setMinutes(this.currentMinute);
       value.setSeconds(this.currentSecond);
       if (this.isRangeSelection()) {
-        if (this.d_value[1]) value = [this.d_value[0], value];else value = [value, null];
+        if (this.focusedDateIndex === 1 && this.d_value[1]) {
+          value = [this.d_value[0], value];
+        } else if (this.focusedDateIndex === 0) {
+          value = [value, this.d_value[1]];
+        } else {
+          value = [value, null];
+        }
       }
       if (this.isMultipleSelection()) {
         value = [].concat(_toConsumableArray(this.d_value.slice(0, -1)), [value]);
@@ -1412,7 +1426,11 @@ var script = {
       this.currentMonth = viewDate.getMonth();
       this.currentYear = viewDate.getFullYear();
       if (this.showTime || this.timeOnly) {
-        this.updateCurrentTimeMeta(viewDate);
+        var timeDate = viewDate;
+        if (this.isRangeSelection() && this.d_value && this.d_value[this.focusedDateIndex]) {
+          timeDate = this.d_value[this.focusedDateIndex];
+        }
+        this.updateCurrentTimeMeta(timeDate);
       }
     },
     isValidSelection: function isValidSelection(value) {
@@ -1658,7 +1676,7 @@ var script = {
         month = 1;
         day = doy;
         do {
-          dim = this.getDaysCountInMonth(year, month - 1);
+          dim = this.getDaysCountInMonth(month - 1, year);
           if (day <= dim) {
             break;
           }
@@ -2767,6 +2785,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     invalid: _ctx.invalid,
     variant: _ctx.variant,
     fluid: _ctx.fluid,
+    required: _ctx.required,
     unstyled: _ctx.unstyled,
     autocomplete: "off",
     "aria-autocomplete": "none",
@@ -2787,7 +2806,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-p-has-dropdown": _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline,
     "data-p-has-e-icon": _ctx.showIcon && _ctx.iconDisplay === 'input' && !_ctx.inline,
     pt: _ctx.ptm('pcInputText')
-  }, null, 8, ["id", "class", "style", "defaultValue", "placeholder", "name", "size", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "data-p-has-dropdown", "data-p-has-e-icon", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
+  }, null, 8, ["id", "class", "style", "defaultValue", "placeholder", "name", "size", "invalid", "variant", "fluid", "required", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "data-p-has-dropdown", "data-p-has-e-icon", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
     key: 1,
     toggleCallback: $options.onButtonClick
   }, function () {
@@ -2903,8 +2922,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, _ctx.ptm('pcPrevButton')['icon']), null, 16, ["class"]))];
                   })];
                 }),
-                _: 2
-              }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, groupIndex === 0]])];
+                _: 3
+              }, 16, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, groupIndex === 0]])];
             }), createElementVNode("div", mergeProps({
               "class": _ctx.cx('title')
             }, {
@@ -3018,8 +3037,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, _ctx.ptm('pcNextButton')['icon']), null, 16, ["class"]))];
                   })];
                 }),
-                _: 2
-              }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, _ctx.numberOfMonths === 1 ? true : groupIndex === _ctx.numberOfMonths - 1]])];
+                _: 3
+              }, 16, ["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'),