Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

calendar

v3.1.8arrow_drop_down
v3.1.8
v3.1.0
STATUS
Passing
DOWNLOADS
1,022
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 weeks ago
SIZE
52 KB
subject
Calendar is a form component to work with dates.
1 contributor
Use calendar in your project ?
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
React
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right
Properties
NameTypeDefault value
id
stringnull
name
stringnull
value
anynull
viewDate
anynull
style
objectnull
className
stringnull
inline
boolfalse
selectionMode
string'single'
inputId
stringnull
inputStyle
objectnull
inputClassName
stringnull
required
boolfalse
readOnlyInput
boolfalse
disabled
boolfalse
tabIndex
stringnull
placeholder
stringnull
showIcon
boolfalse
icon
string'pi pi-calendar'
showOnFocus
booltrue
numberOfMonths
number1
view
string'date'
touchUI
boolfalse
showTime
boolfalse
timeOnly
boolfalse
showSeconds
boolfalse
hourFormat
string'24'
stepHour
number1
stepMinute
number1
stepSecond
number1
shortYearCutoff
string'+10'
hideOnDateTimeSelect
boolfalse
showWeek
boolfalse
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
objectnull
panelClassName
stringnull
monthNavigator
boolfalse
yearNavigator
boolfalse
disabledDates
arraynull
disabledDays
arraynull
minDate
anynull
maxDate
anynull
maxDateCount
numbernull
showOtherMonths
booltrue
selectOtherMonths
boolfalse
showButtonBar
boolfalse
todayButtonClassName
string'p-button-secondary'
clearButtonStyleClass
string'p-button-secondary'
autoZIndex
booltrue
baseZIndex
number0
appendTo
anynull
tooltip
stringnull
tooltipOptions
objectnull
dateTemplate
functionnull
headerTemplate
functionnull
footerTemplate
functionnull
onFocus
functionnull
onBlur
functionnull
onInput
functionnull
onSelect
functionnull
onChange
functionnull
onViewDateChange
functionnull
onTodayButtonClick
functionnull
onClearButtonClick
functionnull
appendTo
objectnull
style
objectnull
className
stringnull