Das Widget soll einen simplen Time Input ermöglichen, mit der Funktionalität den Userinput als String auszulesen, den Label zu setzen, zeigen und verstecken, den „required“ Attribut zu manipulieren und den input in einem bestimmten Bereich zwischen MinTime und MaxTime zu validieren.
Für Initialisierung sind keine Parameter vorgesehen.
_isLabelVisible: boolean = false;
isMandatory: boolean = false;
setzt protected minTime:string variable und definiert damit die min Zeitgrenze.
setMaxTime(maxTime: string): voidsetzt protected maxTime:string variable und definiert damit die max Zeitgrenze.
validateTime(value: string): booleanprüft ob die TimeInput Value sich in dem Bereich zwischen Min und Max Werten befindet. Gibt true zurück, wenn die Value twischen Min und Max ist, false andernfalls.
setValue(newValue: string): voidsetzt private _value:string variable und die Input Value zu der gegebenen Value.
setMandatoy(bMandatory:boolean = true): voidsetzt den Input required Attribut auf true, den Label Text Style auf "color:red;", den Input auf "w3-border-red w3-pale-red".
getValue():stringliefert den ausgewählten Wert als String zurück || „no date selected“.
setLabel(newValue:string):voidsetzt den Parameter-Wert als Input Label und macht das Label sichtbar.
getLabel():stringLiefert den Label Text zurück ||null
setIsLabelVisible(visibility: boolean): voidsetzt die Property _isLabelVisible uf den Parameter-Wert und macht das Label (un)sichtbar: true == sichtbar, false == unsichtbar.
_setValueAttr(), _getValueAttr(), _getValueAsDateAttr(), _setIsMandatoryAttr(), _setLabelAttr().