EndDateField

Date field widget (text field + date picker) to be used together with Scheduling Engine. This field adjusts time to the latest possible time of the day based on either:

  • the event calendars (which is a combination of its own calendar and assigned resources ones) - if eventRecord is provided.
  • the project calendar - if project is provided. The default value of the max property is set to be 200 years after the project's end date (or to the year 2300 if no project is provided).

Please note, that either eventRecord or project value must be provided.

This field can be used as an editor for a Column. It is used as the default editor for the EndDateColumn.

End date field
//<code-header>
fiddle.title = 'End date field';
//</code-header>
const project = new ProjectModel({
    startDate : new Date(2020, 0, 1)
});

const endDateField = new EndDateField({
    label    : 'Choose end date',
    appendTo : targetElement,
    project
});

Configs

125

Common

editablePickerField
listenersEvents

Other

eventRecord: EventModel

The Event model defining the calendar to be used by the field.

keepTime: Boolean | Date | String= eod

A flag which indicates what time should be used for selected date. eod by default which adjusts user provided value time to end of the working day.

Possible options are:

  • 'eod' adjust user provided value time to end of the working day
  • false to reset time to midnight
  • true to keep original time value
  • '17:00' a string which is parsed automatically
  • new Date(2020, 0, 1, 17) a date object to copy time from
  • 'entered' to keep time value entered by user (in case format includes time info)
project: ProjectModel

Project model calendar of which should be used by the field.

autoSelectField
callOnFunctionsWidget
catchEventHandlerExceptionsEvents
clearableField
columnWidget
detectCSSCompatibilityIssuesWidget
formatDateField
highlightExternalChangeField
keyStrokeChangeDelayField
maxDateField
minDateField
nameField
partnerDateField
pickerDateField
pickerFormatDateField
placeholderField
readOnlyField
renditionTextField
requiredField
revertOnEscapeField
rtlRTL
showRequiredIndicatorField
skipValidationField
spanWidget
stepDateField
stepTriggersDateField
strictParsingDateField
triggersDateField
valueDateField
weekStartDayDateField

Accessibility

ariaDescriptionWidget
ariaLabelWidget
keyMapKeyMap

Container

containerField
containValuesField
inlineField

CSS

clsWidget
colorWidget
contentElementClsWidget
htmlClsWidget
styleWidget
uiWidget

DOM

adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
tagWidget
titleWidget

Field

maxLengthTextField
minLengthTextField

Float & align

alignWidget
anchorWidget
centeredWidget
constrainToWidget
draggableWidget
floatingWidget
hideAnimationWidget
maximizeOnMobileWidget
positionedWidget
scrollActionWidget
showAnimationWidget
xWidget
yWidget

Input element

autoCompleteField
inputAlignField
inputAttributesField
inputTagField
inputTypeField
inputWidthField
spellCheckField
tabIndexField
validateOnInputField

Label

hintField
hintHtmlField
labelLabelable
labelClsLabelable
labelPositionLabelable
labelsField
labelWidthLabelable

Layout

alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget

Misc

badgeBadge
bubbleEventsEvents
dataFieldWidget
defaultBindPropertyWidget
disabledWidget
elementAttributesWidget
ignoreParentReadOnlyWidget
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
maskDefaultsWidget
maskedWidget
monitorResizeWidget
ownerWidget
preventTooltipOnTouchWidget
refWidget
rippleWidget
rootElementWidget
showTooltipWhenDisabledWidget
tabWidget
tooltipWidget

Picker

autoExpandPickerField
pickerAlignElementPickerField

Scrolling

scrollableWidget

Properties

94

Class hierarchy

isEndDateField: Boolean= truereadonly
Identifies an object as an instance of EndDateField class, or subclass thereof.
isEndDateField: Boolean= truereadonlystatic
Identifies an object as an instance of EndDateField class, or subclass thereof.
isBadgeBadge
isDateFieldDateField
isDelayableDelayable
isEventsEvents
isFieldField
isFormulaFieldFormulaField
isKeyMapKeyMap
isLabelableLabelable
isLocalizableLocalizable
isPickerFieldPickerField
isRTLRTL
isTextFieldTextField
isValidatableValidatable
isWidgetWidget

Accessibility

focusVisibleWidget
keyMapKeyMap

CSS

clsWidget

DOM

appendToWidget
contentWidget
contentElementWidget
datasetWidget
elementWidget
focusableElementWidget
focusElementWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
overflowElementWidget
styleWidget

Float & align

anchorSizeWidget
maximizeOnMobileWidget
xWidget
yWidget

Layout

alignSelfWidget
flexWidget
heightWidget
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
scrollableWidget
widthWidget

Lifecycle

configBase
isConstructingBase
isDestroyedBase
isDestroyingBase

Misc

badgeBadge
callOnFunctionsEvents
cellInfoWidget
disabledWidget
errorTipValidatable
labelLabelable
localeHelperLocalizable
localeManagerLocalizable
refWidget
tabWidget
tooltipWidget

Other

$namestaticWidget
catchEventHandlerExceptionsEvents
columnWidget
convertPinchToMousewheelstaticWidget
editableField
formatDateField
formulaFormulaField
inputField
isEmptyField
isEmptyInputField
isValidField
maxDateField
minDateField
partnerDateField
placeholderField
readOnlyField
renditionTextField
requiredField
rtlRTL
showRequiredIndicatorField
spanWidget
stepDateField
triggersDateField
typestaticWidget
valueDateField

Picker

pickerPickerField

Visibility

hiddenWidget
isVisibleWidget

Widget hierarchy

containsFocusWidget
nextSiblingWidget
ownerWidget
parentWidget
previousSiblingWidget

Functions

67

Configuration

applyDefaultsstaticBase

Events

detachListenersBase

Float & align

alignToWidget
setXYWidget
showByWidget
toFrontWidget

Lifecycle

constructBase
constructorBase
createstaticWidget
destroystaticBase
doDestroyBase
initClassstaticWidget
setConfigBase

Misc

animatePropertyBase
attachTooltipstaticWidget
callbackBase
downloadTestCaseBase
fromElementstaticWidget
fromSelectorstaticWidget
getByIdstaticWidget
isOfTypeNamestaticBase
mixinstaticBase
optionalLstaticLocalizable
resolveCallbackBase
updateLocalizationLocalizable

Other

addListenerEvents
announceAriaLiveWidget
clearField
clearErrorValidatable
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
exitFullscreenWidget
focusWidget
getErrorsValidatable
hasListenerEvents
LstaticLocalizable
maskWidget
onEvents
recomposeWidget
relayAllEvents
removeAllListenersEvents
removeListenerEvents
requestFullscreenWidget
resumeEventsEvents
revertFocusWidget
selectField
setErrorValidatable
suspendEventsEvents
syncInputFieldValueField
triggerEvents
unEvents
unmaskWidget

Picker

hidePickerPickerField
showPickerPickerField
togglePickerPickerField

Visibility

hideWidget
showWidget

Widget hierarchy

closestWidget
containsWidget
eachAncestorWidget
eachWidgetPickerField
ownsWidget
queryWidget
queryAllWidget
upWidget

Events

19
actionField
beforeDestroyEvents
beforeHideWidget
beforeShowWidget
catchAllEvents
changeDateField
clearField
destroyEvents
elementCreatedWidget
focusInWidget
focusOutWidget
hideWidget
inputField
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget
triggerField

Event handlers

19

Typedefs

7

CSS variables

124