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: tagstring


visible

Whether the button is visible or not

Type: visible


Events

onDataChangeMethodID

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:

oldValue ${dataproviderType} newValue ${dataproviderType} event JSEvent

Returns: boolean


API

disableDates

Dates that should be disabled.

@param {Array<Date>} dateArray

Parameters:

dateArray date[]


disableDays

Days of the week that should be disabled. Values are 0 (Sunday) to 6 (Saturday).

@param {Array<Number>} dayArray

Parameters:

dayArray int[]


setMinMaxDate

Set the min date or max date that can be selected

@param {Date} minDate @param {Date} maxDate

Parameters:

minDate date maxDate date


Last updated