primevue 4.3.7 → 4.3.8

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) {

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) {
@@ -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 () {