Time Element

An element used to render time input using flatpickr.

#Examples

#Options

Name Type Description
hour24 boolean Determines if the time should use 24 hours format.
seconds boolean Determines if seconds should be part of time picker.
format string Visisble format of the date using flatpickr's formatting tokens.
dataFormat string Submittable format of the date using momentjs's formatting tokens.
disabled boolean Whether the field is disabled.
default string Value of element when the form is initially loaded or reseted.
placeholder string The placeholder of the element.
floating string The floating label of the element.
readonly boolean Whether the field is readonly.
options object Additional options for flatpickr.

#Properties

Name Type Default Description
disabled boolean false Whether the field is disabled.
format string - Visisble format of the date using flatpickr's formatting tokens. Defaults to elements.time.format from locale.
dataFormat string - Submittable format of the date using momentjs's formatting tokens. Defaults to elements.time.dataFormat from locale.
disables array [] List of dates to be disabled.
defaultValue string null Value of element when the form is initially loaded or reseted.
placeholder string null The placeholder of the element.
floating string null The floating label of the element.
readonly boolean false Whether the form element is readonly.
options object {} Additional options for flatpickr.
datepicker$ object null The flatpickr component.
hour24 boolean true Determines if the time should use 24 hours format.
seconds boolean false Determines if seconds should be part of time picker.

#Methods

# .disable()

Disabled the field.


# .enable()

Enables the field.


# .formatDate(date)

Parameters
  • date string : date to be formatted.

Formats a given date to the expected data format.