1 contributor
Like
Install calendar as a package?
Copied
npm i @bit/primefaces.primereact.calendar
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example 
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout
















chevron_left
chevron_right
Properties
Name | Type | Default value |
---|---|---|
id | string | null |
name | string | null |
value | any | null |
viewDate | any | null |
style | object | null |
className | string | null |
inline | bool | false |
selectionMode | string | 'single' |
inputId | string | null |
inputStyle | object | null |
inputClassName | string | null |
required | bool | false |
readOnlyInput | bool | false |
keepInvalid | bool | false |
disabled | bool | false |
tabIndex | string | null |
placeholder | string | null |
showIcon | bool | false |
icon | string | 'pi pi-calendar' |
showOnFocus | bool | true |
numberOfMonths | number | 1 |
view | string | 'date' |
touchUI | bool | false |
showTime | bool | false |
timeOnly | bool | false |
showSeconds | bool | false |
showMillisec | bool | false |
hourFormat | string | '24' |
stepHour | number | 1 |
stepMinute | number | 1 |
stepSecond | number | 1 |
stepMillisec | number | 1 |
shortYearCutoff | string | '+10' |
hideOnDateTimeSelect | bool | false |
showWeek | bool | false |
locale | object | {
firstDayOfWeek: 0,
dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"],
monthNames: [ "January","February","March","April","May","June","July","August","September","October","November","December" ],
monthNamesShort: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ],
today: 'Today',
clear: 'Clear',
weekHeader: 'Wk'
} |
dateFormat | string | 'mm/dd/yy' |
panelStyle | object | null |
panelClassName | string | null |
monthNavigator | bool | false |
yearNavigator | bool | false |
disabledDates | array | null |
disabledDays | array | null |
minDate | any | null |
maxDate | any | null |
maxDateCount | number | null |
showOtherMonths | bool | true |
selectOtherMonths | bool | false |
showButtonBar | bool | false |
todayButtonClassName | string | 'p-button-secondary' |
clearButtonStyleClass | string | 'p-button-secondary' |
autoZIndex | bool | true |
baseZIndex | number | 0 |
appendTo | any | null |
tooltip | string | null |
tooltipOptions | object | null |
ariaLabelledBy | string | null |
dateTemplate | function | null |
headerTemplate | function | null |
footerTemplate | function | null |
onFocus | function | null |
onBlur | function | null |
onInput | function | null |
onSelect | function | null |
onChange | function | null |
onViewDateChange | function | null |
onTodayButtonClick | function | null |
onClearButtonClick | function | null |
appendTo | object | null |
style | object | null |
className | string | null |