Calendar Inline
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
This is a reference page; many components have detailed usage guides here.
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. Type: Boolean Default Value: true
Bound data provider identifier for the date value. Type:
Flag indicating whether the calendar is enabled for user interaction. Type: Default Value: true
This format is just used to be able to configure 'use as LocalDateTime' Type:
Visual theme applied to the calendar (e.g. light or dark). Type: String Default Value: "light"
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:
{JSEvent} event The event object associated with the data change
Returns: {Boolean}
Dates that should be disabled.
Parameters:
{Array<Date>} dateArray An array of dates to be disabled in the component.
Days of the week that should be disabled.
Parameters:
{Array<Number>} dayArray An array of numbers representing the days of the week to be disabled, where 0 corresponds to Sunday and 6 to Saturday.
Set the min date or max date that can be selected
Parameters:
Set the styleclasses that should be applied at to this component Type:
Tooltip text displayed when hovering over the calendar. Type:
Whether the button is visible or not Type:
{} oldValue The previous date value from the data provider
{} newValue The new date value to be set in the data provider