primevue 4.3.0 → 4.3.2

package/dataview/index.d.ts

@@ -7,7 +7,7 @@
  * @module dataview
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PaginatorPassThroughOptionType } from 'primevue/paginator';
 import type { PassThroughOptions } from 'primevue/passthrough';
@@ -152,7 +152,7 @@ export interface DataViewProps {
      * Layout of the items, valid values are 'list' and 'grid'.
      * @defaultValue list
      */
-    layout?: 'list' | 'grid' | undefined;
+    layout?: HintedString<'list' | 'grid'> | undefined;
     /**
      * Number of rows to display per page.
      * @defaultValue 0
@@ -176,7 +176,7 @@ export interface DataViewProps {
      * Position of the paginator, options are 'top','bottom' or 'both'.
      * @defaultValue bottom
      */
-    paginatorPosition?: 'top' | 'bottom' | 'both' | undefined;
+    paginatorPosition?: HintedString<'top' | 'bottom' | 'both'> | undefined;
     /**
      * Whether to show it even there is only one page.
      * @defaultValue true

package/datepicker/DatePicker.vue

@@ -1271,7 +1271,7 @@ export default {
         },
         formatValue(value) {
             if (typeof value === 'string') {
-                return value;
+                return this.dateFormat ? (isNaN(new Date(value)) ? value : this.formatDate(new Date(value), this.dateFormat)) : value;
             }
 
             let formattedValue = '';
@@ -1348,8 +1348,6 @@ export default {
                     if (lookAhead(match)) {
                         while (num.length < len) {
                             num = '0' + num;
-                            this.selectionStart = this.selectionStart + 1;
-                            this.selectionEnd = this.selectionEnd + 1;
                         }
                     }
 

package/datepicker/index.d.ts

@@ -529,7 +529,7 @@ export interface DatePickerProps {
      * Defines the quantity of the selection.
      * @defaultValue single
      */
-    selectionMode?: 'single' | 'multiple' | 'range' | undefined;
+    selectionMode?: HintedString<'single' | 'multiple' | 'range'> | undefined;
     /**
      * Format of the date. Defaults to PrimeVue Locale configuration.
      */
@@ -558,7 +558,7 @@ export interface DatePickerProps {
      * Icon position of the component. This only applies if the showIcon option is set to true.
      * @defaultValue 'button'
      */
-    iconDisplay?: 'button' | 'input' | undefined;
+    iconDisplay?: HintedString<'button' | 'input'> | undefined;
     /**
      * Icon of the datepicker button.
      */
@@ -597,7 +597,7 @@ export interface DatePickerProps {
      * Type of view to display.
      * @defaultValue date
      */
-    view?: 'date' | 'month' | 'year' | undefined;
+    view?: HintedString<'date' | 'month' | 'year'> | undefined;
     /**
      * The minimum selectable date.
      */
@@ -657,7 +657,7 @@ export interface DatePickerProps {
      * Specifies hour format.
      * @defaultValue 24
      */
-    hourFormat?: '12' | '24' | undefined;
+    hourFormat?: HintedString<'12' | '24'> | undefined;
     /**
      * Hours to change per step.
      * @defaultValue 1
@@ -706,7 +706,7 @@ export interface DatePickerProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -721,7 +721,7 @@ export interface DatePickerProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * When present, it specifies that an input field is read-only.
      * @defaultValue false

package/datepicker/index.mjs

@@ -978,7 +978,7 @@ var script = {
     },
     formatValue: function formatValue(value) {
       if (typeof value === 'string') {
-        return value;
+        return this.dateFormat ? isNaN(new Date(value)) ? value : this.formatDate(new Date(value), this.dateFormat) : value;
       }
       var formattedValue = '';
       if (value) {
@@ -1024,7 +1024,6 @@ var script = {
       return formattedValue;
     },
     formatDate: function formatDate(date, format) {
-      var _this10 = this;
       if (!date) {
         return '';
       }
@@ -1041,8 +1040,6 @@ var script = {
           if (lookAhead(match)) {
             while (num.length < len) {
               num = '0' + num;
-              _this10.selectionStart = _this10.selectionStart + 1;
-              _this10.selectionEnd = _this10.selectionEnd + 1;
             }
           }
           return num;
@@ -1165,11 +1162,11 @@ var script = {
       this.clearTimePickerTimer();
     },
     repeat: function repeat(event, interval, type, direction) {
-      var _this11 = this;
+      var _this10 = this;
       var i = interval || 500;
       this.clearTimePickerTimer();
       this.timePickerTimer = setTimeout(function () {
-        _this11.repeat(event, 100, type, direction);
+        _this10.repeat(event, 100, type, direction);
       }, i);
       switch (type) {
         case 0:
@@ -1299,7 +1296,7 @@ var script = {
       event.preventDefault();
     },
     updateModelTime: function updateModelTime() {
-      var _this12 = this;
+      var _this11 = this;
       this.timePickerChange = true;
       var value = this.isComparable() ? this.d_value : this.viewDate;
       if (this.isRangeSelection()) {
@@ -1325,7 +1322,7 @@ var script = {
       this.updateModel(value);
       this.$emit('date-select', value);
       setTimeout(function () {
-        return _this12.timePickerChange = false;
+        return _this11.timePickerChange = false;
       }, 0);
     },
     toggleAMPM: function toggleAMPM(event) {
@@ -1387,7 +1384,7 @@ var script = {
       }
     },
     isValidSelection: function isValidSelection(value) {
-      var _this13 = this;
+      var _this12 = this;
       if (value == null) {
         return true;
       }
@@ -1397,7 +1394,7 @@ var script = {
           isValid = false;
         }
       } else if (value.every(function (v) {
-        return _this13.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
+        return _this12.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
       })) {
         if (this.isRangeSelection()) {
           isValid = value.length > 1 && value[1] >= value[0];
@@ -2441,20 +2438,20 @@ var script = {
       return this.dateFormat || this.$primevue.config.locale.dateFormat;
     },
     monthPickerValues: function monthPickerValues() {
-      var _this14 = this;
+      var _this13 = this;
       var monthPickerValues = [];
       var isSelectableMonth = function isSelectableMonth(baseMonth) {
-        if (_this14.minDate) {
-          var minMonth = _this14.minDate.getMonth();
-          var minYear = _this14.minDate.getFullYear();
-          if (_this14.currentYear < minYear || _this14.currentYear === minYear && baseMonth < minMonth) {
+        if (_this13.minDate) {
+          var minMonth = _this13.minDate.getMonth();
+          var minYear = _this13.minDate.getFullYear();
+          if (_this13.currentYear < minYear || _this13.currentYear === minYear && baseMonth < minMonth) {
             return false;
           }
         }
-        if (_this14.maxDate) {
-          var maxMonth = _this14.maxDate.getMonth();
-          var maxYear = _this14.maxDate.getFullYear();
-          if (_this14.currentYear > maxYear || _this14.currentYear === maxYear && baseMonth > maxMonth) {
+        if (_this13.maxDate) {
+          var maxMonth = _this13.maxDate.getMonth();
+          var maxYear = _this13.maxDate.getFullYear();
+          if (_this13.currentYear > maxYear || _this13.currentYear === maxYear && baseMonth > maxMonth) {
             return false;
           }
         }
@@ -2469,15 +2466,15 @@ var script = {
       return monthPickerValues;
     },
     yearPickerValues: function yearPickerValues() {
-      var _this15 = this;
+      var _this14 = this;
       var yearPickerValues = [];
       var base = this.currentYear - this.currentYear % 10;
       var isSelectableYear = function isSelectableYear(baseYear) {
-        if (_this15.minDate) {
-          if (_this15.minDate.getFullYear() > baseYear) return false;
+        if (_this14.minDate) {
+          if (_this14.minDate.getFullYear() > baseYear) return false;
         }
-        if (_this15.maxDate) {
-          if (_this15.maxDate.getFullYear() < baseYear) return false;
+        if (_this14.maxDate) {
+          if (_this14.maxDate.getFullYear() < baseYear) return false;
         }
         return true;
       };