primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023
1,325 lines • 482 kB
JSON
{
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
"framework": "vue",
"name": "PrimeVue",
"version": "3.8.2",
"contributions": {
"html": {
"types-syntax": "typescript",
"description-markup": "markdown",
"tags": [
{
"name": "Accordion",
"source": {
"module": "PrimeVue",
"symbol": "Accordion"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"description": "Accordion groups a collection of contents in tabs.",
"attributes": [
{
"name": "multiple",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"description": "When enabled, multiple tabs can be activated at the same time.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "activeIndex",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"description": "Index of the active tab or an array of indexes in multiple mode.",
"value": {
"kind": "expression",
"type": "number|array"
}
},
{
"name": "lazy",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"description": "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.",
"value": {
"kind": "expression",
"type": "boolean"
}
}
],
"events": [
{
"name": "tab-open",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"description": "Callback to invoke when a tab gets expanded.",
"arguments": [
{
"name": "originalEvent",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"type": "object",
"description": "Original event"
},
{
"name": "index",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"type": "number",
"description": "Opened tab index"
}
]
},
{
"name": "tab-close",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"description": "Callback to invoke when an active tab is collapsed by clicking on the header.",
"arguments": [
{
"name": "originalEvent",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"type": "object",
"description": "Original event"
},
{
"name": "index",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordion",
"type": "number",
"description": "Closed tab index"
}
]
}
]
},
{
"name": "AccordionTab",
"source": {
"module": "PrimeVue",
"symbol": "AccordionTab"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/accordiontab",
"description": "Accordion element consists of one or more AccordionTab elements.",
"attributes": [
{
"name": "header",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordiontab",
"description": "Orientation of tab headers.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "disabled",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/accordiontab",
"description": "Whether the tab is disabled.",
"value": {
"kind": "expression",
"type": "boolean"
}
}
]
},
{
"name": "AutoComplete",
"source": {
"module": "PrimeVue",
"symbol": "AutoComplete"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "AutoComplete is an input component that provides real-time suggestions when being typed.",
"attributes": [
{
"name": "modelValue",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Value of the component.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "suggestions",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "An array of suggestions to display.",
"value": {
"kind": "expression",
"type": "array"
}
},
{
"name": "field",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Property name or getter function of a suggested object to resolve and display.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "optionGroupLabel",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Property name or getter function to use as the label of an option group.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "optionGroupChildren",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Property name or getter function that refers to the children options of option group.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "scrollHeight",
"default": "200px",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Maximum height of the suggestions panel.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "dropdown",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Displays a button next to the input field when enabled.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "dropdownMode",
"default": "blank",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Specifies the behavior dropdown button. Default \"blank\" mode sends an empty string and \"current\" mode sends the input value.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "autoHighlight",
"default": false,
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Highlights automatically the first item of the dropdown to be selected.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "multiple",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Specifies if multiple values can be selected.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "minLength",
"default": "1",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Minimum number of characters to initiate a search.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "completeOnFocus",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Whether to run a query when input receives focus.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "delay",
"default": "300",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Delay between keystrokes to wait before sending a query.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "appendTo",
"default": "body",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are \"body\" for document body and \"self\" for the element itself.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "inputStyle",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Inline style of the input field.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "inputClass",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Style class of the input field.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "forceSelection",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "class",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Style class of the component.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "style",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Inline of the component.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "panelClass",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Style class of the overlay panel.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "virtualScrollerOptions",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it.",
"value": {
"kind": "expression",
"type": "object"
}
}
],
"events": [
{
"name": "complete",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Callback to invoke to search for suggestions.",
"arguments": [
{
"name": "originalEvent",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "object",
"description": "Original event"
},
{
"name": "query",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "string",
"description": "Value to search with"
}
]
},
{
"name": "item-select",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Callback to invoke when a suggestion is selected.",
"arguments": [
{
"name": "originalEvent",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "object",
"description": "Original event"
},
{
"name": "value",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "object",
"description": "Selected item"
}
]
},
{
"name": "item-unselect",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Callback to invoke when a selected value is removed.",
"arguments": [
{
"name": "originalEvent",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "object",
"description": "Original event"
},
{
"name": "value",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "object",
"description": "Unselected item"
}
]
},
{
"name": "dropdown-click",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Callback to invoke to when dropdown button is clicked.",
"arguments": [
{
"name": "originalEvent",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "object",
"description": "Original event"
},
{
"name": "query",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"type": "string",
"description": "Current value of the input field"
}
]
},
{
"name": "clear",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Callback to invoke when input is cleared by the user."
}
],
"slots": [
{
"name": "item",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the item."
},
{
"name": "optiongroup",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the optiongroup item."
},
{
"name": "header",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the component header."
},
{
"name": "footer",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the component footer."
},
{
"name": "chip",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the chip display."
},
{
"name": "content",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the virtual scroller"
},
{
"name": "loader",
"doc-url": "https://primefaces.org/primevue/showcase/#/autocomplete",
"description": "Custom content for the virtual scroller loader items"
}
]
},
{
"name": "Avatar",
"source": {
"module": "PrimeVue",
"symbol": "Avatar"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "Avatar represents people using icons, labels and images.",
"attributes": [
{
"name": "label",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "Defines the text to display.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "icon",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "Defines the icon to display.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "image",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "Defines the image to display.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "size",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "Size of the element, valid options are \"large\" and \"xlarge\".",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "shape",
"default": "square",
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "Shape of the element, valid options are \"square\" and \"circle\".",
"value": {
"kind": "expression",
"type": "string"
}
}
]
},
{
"name": "AvatarGroup",
"source": {
"module": "PrimeVue",
"symbol": "AvatarGroup"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/avatar",
"description": "A set of Avatars can be displayed together using the AvatarGroup component."
},
{
"name": "Badge",
"source": {
"module": "PrimeVue",
"symbol": "Badge"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/badge",
"description": "Badge is a small status indicator for another element.",
"attributes": [
{
"name": "value",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/badge",
"description": "Value to display inside the badge.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "severity",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/badge",
"description": "Severity type of the badge.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "size",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/badge",
"description": "Size of the badge, valid options are \"large\" and \"xlarge\".",
"value": {
"kind": "expression",
"type": "string"
}
}
]
},
{
"name": "BadgeDirective",
"source": {
"module": "PrimeVue",
"symbol": "BadgeDirective"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/badgedirective",
"description": "When Badge used as a directive, badge needs to be configured at the application with a name of your choice."
},
{
"name": "BlockUI",
"source": {
"module": "PrimeVue",
"symbol": "BlockUI"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "BlockUI can either block other components or the whole page.",
"attributes": [
{
"name": "blocked",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "Controls the blocked state.",
"value": {
"kind": "expression",
"type": "array"
}
},
{
"name": "fullscreen",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "When enabled, the whole document gets blocked.",
"value": {
"kind": "expression",
"type": "menuitem"
}
},
{
"name": "baseZIndex",
"default": "0",
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "Base zIndex value to use in layering.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "autoZIndex",
"default": "true",
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "Whether to automatically manage layering.",
"value": {
"kind": "expression",
"type": "boolean"
}
}
],
"events": [
{
"name": "block",
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "Fired when the element gets blocked."
},
{
"name": "unblock",
"doc-url": "https://primefaces.org/primevue/showcase/#/blockui",
"description": "Fired when the element gets unblocked."
}
]
},
{
"name": "Breadcrumb",
"source": {
"module": "PrimeVue",
"symbol": "Breadcrumb"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/breadcrumb",
"description": "Breadcrumb provides contextual information about page hierarchy.",
"attributes": [
{
"name": "model",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/breadcrumb",
"description": "An array of menuitems.",
"value": {
"kind": "expression",
"type": "array"
}
},
{
"name": "home",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/breadcrumb",
"description": "Configuration for the home icon.",
"value": {
"kind": "expression",
"type": "menuitem"
}
},
{
"name": "exact",
"default": "true",
"doc-url": "https://primefaces.org/primevue/showcase/#/breadcrumb",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path.",
"value": {
"kind": "expression",
"type": "boolean"
}
}
],
"slots": [
{
"name": "item",
"doc-url": "https://primefaces.org/primevue/showcase/#/breadcrumb",
"description": "Template of a menuitem."
}
]
},
{
"name": "Button",
"source": {
"module": "PrimeVue",
"symbol": "Button"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Button is an extension to standard button element with icons and theming.",
"attributes": [
{
"name": "label",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Text of the button.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "icon",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Name of the icon.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "iconPos",
"default": "left",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Position of the icon, valid values are \"left\", \"right\", \"bottom\" and \"top\".",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "badge",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Value of the badge.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "badgeClass",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Style class of the badge.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "loading",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Whether the button is in loading state.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "loadingIcon",
"default": "pi pi-spinner pi-spin",
"doc-url": "https://primefaces.org/primevue/showcase/#/button",
"description": "Icon to display in loading state.",
"value": {
"kind": "expression",
"type": "string"
}
}
]
},
{
"name": "Calendar",
"source": {
"module": "PrimeVue",
"symbol": "Calendar"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Calendar is an input component to select a date.",
"attributes": [
{
"name": "modelValue",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Value of the component.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "selectionMode",
"default": "single",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Defines the quantity of the selection, valid values are \"single\", \"multiple\" and \"range\".",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "dateFormat",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Format of the date. Defaults to PrimeVue Locale configuration.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "inline",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "When enabled, displays the calendar as inline instead of an overlay.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "showOtherMonths",
"default": "true",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "selectOtherMonths",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "showIcon",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "When enabled, displays a button with icon next to input.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "icon",
"default": "pi pi-calendar",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Icon of the calendar button.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "numberOfMonths",
"default": "1",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Number of months to display.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "view",
"default": "date",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Type of view to display, valid valids are \"date\" for datepicker and \"month\" for month picker.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "touchUI",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "When enabled, calendar overlay is displayed as optimized for touch devices.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "monthNavigator",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether the month should be rendered as a dropdown instead of text.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "yearNavigator",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether the year should be rendered as a dropdown instead of text.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "yearRange",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "panelClass",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Style class of the datetimepicker panel.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "minDate",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "The minimum selectable date.",
"value": {
"kind": "expression",
"type": "Date"
}
},
{
"name": "maxDate",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "The maximum selectable date.",
"value": {
"kind": "expression",
"type": "Date"
}
},
{
"name": "disabledDates",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Array with dates to disable.",
"value": {
"kind": "expression",
"type": "array"
}
},
{
"name": "disabledDays",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Array with disabled weekday numbers.",
"value": {
"kind": "expression",
"type": "array"
}
},
{
"name": "maxDateCount",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Maximum number of selectable dates in multiple mode.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "showOnFocus",
"default": "true",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "When disabled, datepicker will not be visible with input focus.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "autoZIndex",
"default": "true",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to automatically manage layering.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "baseZIndex",
"default": "0",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Base zIndex value to use in layering.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "showButtonBar",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to display today and clear buttons at the footer",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "shortYearCutoff",
"default": "+10",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "The cutoff year for determining the century for a date.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "showTime",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to display timepicker.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "timeOnly",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to display timepicker only.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "hourFormat",
"default": "24",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Specifies 12 or 24 hour format.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "stepHour",
"default": "1",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Hours to change per step.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "stepMinute",
"default": "1",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Minutes to change per step.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "stepSeconds",
"default": "1",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Seconds to change per step.",
"value": {
"kind": "expression",
"type": "number"
}
},
{
"name": "showSeconds",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to show the seconds in time picker.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "hideOnDateTimeSelect",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Whether to hide the overlay on date selection when showTime is enabled.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "timeSeparator",
"default": ":",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Separator of time selector.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "showWeek",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "When enabled, calendar will show week numbers.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "manualInput",
"default": "true",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Wheter to allow prevents entering the date manually via typing.",
"value": {
"kind": "expression",
"type": "boolean"
}
},
{
"name": "appendTo",
"default": "body",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are \"body\" for document body and \"self\" for the element itself.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "inputStyle",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Inline style of the input field.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "inputClass",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Style class of the input field.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "class",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Style class of the component.",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "style",
"default": "null",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Inline style of the component.",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "keepInvalid",
"default": "false",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Keep invalid value when input blur.",
"value": {
"kind": "expression",
"type": "boolean"
}
}
],
"events": [
{
"name": "date-select",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when a date is selected.",
"arguments": [
{
"name": "value",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "Date",
"description": "Selected value"
}
]
},
{
"name": "show",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when datepicker panel is shown."
},
{
"name": "hide",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when datepicker panel is hidden."
},
{
"name": "today-click",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when today button is clicked.",
"arguments": [
{
"name": "date",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "Date",
"description": "Today as a date instance"
}
]
},
{
"name": "clear-click",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when clear button is clicked.",
"arguments": [
{
"name": "event",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "object",
"description": "Click event"
}
]
},
{
"name": "month-change",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when a month is changed using the navigators.",
"arguments": [
{
"name": "event.month",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "number",
"description": "New month"
},
{
"name": "event.year",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "number",
"description": "New year"
}
]
},
{
"name": "year-change",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Callback to invoke when a year is changed using the navigators.",
"arguments": [
{
"name": "event.month",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "number",
"description": "New month"
},
{
"name": "event.year",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"type": "number",
"description": "New year"
}
]
}
],
"slots": [
{
"name": "header",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Custom content for the component header."
},
{
"name": "footer",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Custom content for the component footer."
},
{
"name": "date",
"doc-url": "https://primefaces.org/primevue/showcase/#/calendar",
"description": "Custom content for the calendar cell."
}
]
},
{
"name": "Card",
"source": {
"module": "PrimeVue",
"symbol": "Card"
},
"doc-url": "https://primefaces.org/primevue/showcase/#/card",
"description": "Card is a flexible container component.",
"slots": [
{
"name": "header",
"doc-url": "https://primefaces.org/primevue/showcase/#/card",
"de