Calendar Inline
(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
Calendar-Inline is an inline input component. It shows a date-picker so the user can choose Date values for a bound data-provider. It is similar to the Calendar component, but this Calendar-Inline shows the date-picker the date-picker directly on the form, not in a popup when clicked.
This is a reference page; many components have detailed usage guides here.
Properties
calendarWeeks
Type: Boolean Default Value: true
dataProviderID
Type: Dataprovider
enabled
Type: Enabled Default Value: true
format
This format is just used to be able to configure 'use as LocalDateTime'
Type: Format
styleClass
Set the styleclasses that should be applied at to this component
Type: Styleclass
theme
Type: String Default Value: "light"
toolTipText
Type: String
visible
Whether the button is visible or not
Type: Visible
Events
onDataChangeMethodID(oldValue,newValue,event)
Handle changed data, return false if the value should not be accepted. JSEvent.data will contain extra information about dataproviderid, its scope and the scope id (record datasource or form/global variable scope)
Parameters:
{${dataproviderType}} oldValue
{${dataproviderType}} newValue
{JSEvent} event
Returns: {Boolean}
API
disableDates(dateArray)
Dates that should be disabled.
Parameters:
{Array<date>} dateArray An array of dates to be disabled in the component.
disableDays(dayArray)
Days of the week that should be disabled.
Parameters:
{Array<int>} dayArray An array of numbers representing the days of the week to be disabled, where 0 corresponds to Sunday and 6 to Saturday.
setMinMaxDate(minDate,maxDate)
Set the min date or max date that can be selected
Parameters:
Last updated
Was this helpful?