HOURMIN_ELEMENT

HOURMIN_ELEMENT

Type: string

DATETIME_ELEMENT

DATETIME_ELEMENT

Type: string

TIMERANGE_ELEMENT

TIMERANGE_ELEMENT

Type: string

hourMinRegEx

hourMinRegEx

HOUR_MIN_24

HOUR_MIN_24

Type: string

START_LABEL

START_LABEL

Type: string

DEFAULT_START_LABEL

DEFAULT_START_LABEL

Type: string

END_LABEL

END_LABEL

Type: string

DEFAULT_END_LABEL

DEFAULT_END_LABEL

Type: string

DUR_LABEL

DUR_LABEL

Type: string

DEFAULT_DUR_LABEL

DEFAULT_DUR_LABEL

Type: string

HourMinChooser

Hour and Minute chooser. Use as ''

new HourMinChooser()

Extends HTMLElement

Instance Members
_time
updateCallback
popupDiv
showHide()
hide()
show()
asDuration
time
time
_internalSetTime(dt)

DateTimeChooser

Date and Time chooser using native date chooser and the above HourMinChooser for the hour and minute of time.

new DateTimeChooser(time: DateTime?)

Extends HTMLElement

Parameters
time (DateTime?)
Static Members
observedAttributes
Instance Members
_time
updateCallback
hourMin
updateTime(newTime)
timeModified()
time
time

START_CHANGED

START_CHANGED

Type: string

END_CHANGED

END_CHANGED

Type: string

DURATION_CHANGED

DURATION_CHANGED

Type: string

TimeRangeChooser

Combination of two DateTimeChoosers to specify a start and end time. A "change" event is fired when the times are modified.

Initial values can be set via the start, end and duration attributes. Start and end are ISO8601 dates, duration may either be a number of seconds or an ISO8601 duration string. Also, if the prev-next attribute is true, then previous, next and now buttons are added to shift the time range earlier, later or so that the end is the current time.

The component remembers the last changed, so if you modify duration and then modify start, the end is adjusted to keep duration the same.

new TimeRangeChooser()

Extends HTMLElement

Static Members
observedAttributes
Instance Members
updateCallback
_duration
startChooser
endChooser
_mostRecentChanged
toInterval()
getTimeRange()
updateTimeRange(timeRange)
startLabel
endLabel
durationLabel
start
start
end
end
duration
duration
_updateDuration(duration)
resyncValues(curChanged)

extractDuration

extracts duration from either string as ISO or number as seconds.

extractDuration(value: string): Duration
Parameters
value (string) ISO string or number
Returns
Duration: duration