GraffitiDateTimePickerMultiple

Enumerations #

NameValues
LocalesEN
DE
ES
IT
NL
RO
RU
ToolbarPositionsBottom
Top
ViewsCalendar
Clock
Months
Years
Decades

Constants #

This class exposes no constants.

Events #

DefinitionParametersReturn TypeDescription
FocusLostNoneNoneRaised when the user has moved focus from the input field.
FocusReceivedNoneNoneRaised when the input field has received focus.
MouseEnterNoneNoneRaised when the mouse has entered the input field’s display area.
MouseExitNoneNoneRaised when the mouse has been moved to outside the input field’s display area.
PickerHiddenNoneNoneRaised when the picker popup has been hidden.
PickerShownNoneNoneRaised when the picker popup has been shown.
ValueChangedNoneNoneRaised when the user has changed the current value via the picker.
ViewChangedNoneNoneRaised when the user has changed the current view via the picker.

Methods #

DefinitionParametersReturn TypeDescription
DisableDatedate as DateTimeNoneDisables selection of the specified date.
DisableDayOfWeekday as IntegerNoneDisables the specified day of the week. Expects zero-based index beginning with Sunday.
DisableHourshour as IntegerNone 
EnableDatedate as DateTimeNoneEnables selection of a previously disabled date.
EnableDayOfWeekday as IntegerNoneEnables selection of a previously disabled day.
EnableHourhour as IntegerNoneEnables selection of a previously disabled hour.
PickerHideNoneNoneHides the picker popup.
PickerShowNoneNoneShows the picker popup.
PickerToggleNoneNoneToggles the picker popup’s visibility.
ValuesNoneDateTime()Returns an array of all currently selected DateTimes.
ValuesAssigns values() as DateTimeNoneSets the control’s values to the specified array.

Properties #

NameTypeDefault ValueDescription
AllowsTextInputBooleanTrueWhen False, the user will not be allowed to enter text in the control’s input field.
CanViewCalendarBooleanTrueWhen False, the user will not be allowed to enter this view by navigating in the picker popup’s header.
CanViewClockBooleanTrueWhen False, the clock switch icon will not be displayed in the toolbar, barring the user from editing the time.
CanViewDateBooleanTrueWhen False, the date switch icon will not be displayed in the toolbar, barring the user from exiting the time picker.
CanViewDecadesBooleanTrueWhen False, the user will not be allowed to enter this view by navigating in the picker popup’s header.
CanViewMonthBooleanTrueWhen False, the user will not be allowed to enter this view by navigating in the picker popup’s header.
CanViewYearBooleanTrueWhen False, the user will not be allowed to enter this view by navigating in the picker popup’s header.
FormatString“”Format applied to values in the picker’s input area. See Moment.js Docs
HasButtonClearBooleanTrueWhen False, the clear button will not appear in the picker popup toolbar.
HasButtonCloseBooleanTrueWhen False, the close button will not appear in the picker popup toolbar.
HasButtonTodayBooleanTrueWhen False, the today button will not appear in the picker popup toolbar.
HasTimeHoursBooleanTrueControls visibility of this component of the selector.
HasTimeMeridiemBooleanTrueControls visibility of this component of the selector.
HasTimeMinutesBooleanTrueControls visibility of this component of the selector.
HasTimeSecondsBooleanTrueControls visibility of this component of the selector.
HasWeekNumbersBooleanFalseWhen True, week numbers will be displayed to the right of each week in the calendar day chooser.
IconButtonString“fas fa-calendar-alt”FontAwesome 5 icon to display in the control’s selector button.
IconClearString“fas fa-trash”FontAwesome 5 icon to display at this position.
IconCloseString“fas fa-times”FontAwesome 5 icon to display at this position.
IconDateString“fas fa-calendar”FontAwesome 5 icon to display at this position.
IconDownString“fas fa-arrow-down”FontAwesome 5 icon to display at this position.
IconNextString“fas fa-chevron-right”FontAwesome 5 icon to display at this position.
IconPreviousString“fas fa-chevron-left”FontAwesome 5 icon to display at this position.
IconTimeString“fas fa-clock”FontAwesome 5 icon to display at this position.
IconTodayString“fas fa-calendar-check”FontAwesome 5 icon to display at this position.
IconUpString“fas fa-arrow-up”FontAwesome 5 icon to display at this position.
IndicatorButtonWebUIControl.IndicatorsDefaultBootstrap indicator to apply to the component’s picker button.
IndicatorFieldWebUIControl.IndicatorsDefaultBootstrap indicator to apply to the component’s field.
LocaleLocalesLocales.ENPre-built locale to use for display text.
MaximumDateTimeNilMaximum date/time that can be selected.
MinimumDateTimeNilMinimum date/time that can be selected.
ShowSideBySideBooleanFalseWhen True, the date and time pickers will be shown side-by-side in the popup.
StyleButtonGraffitiStyleNilGraffitiStyle applied to the button within the control’s primary UI.
StyleFieldGraffitiStyleNilGraffitiStyle applied to the Field within the control’s primary UI.
ToolbarPlacementToolbarPositionsBottomLocation of the toolbar in the picker’s popup.
ValueSeparatorString“;”String to place between date values in the picker’s field.
ViewViewsCalendarCurrent view of the component.
ViewValue (READONLY)DateTimeNilStarting date of the current view.

Examples #

This class currently has no examples.

Notes #

This class currently has no notes.