primevue 4.3.1 → 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 = '';

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