kvision-datetime/io.kvision.form.time/DateTimeInput

DateTimeInput

open class DateTimeInput(value: <Error class: unknown class>? = null, format: String = "YYYY-MM-DD HH:mm", className: String? = null, init: DateTimeInput.() -> Unit? = null)

Basic date/time chooser component.

Parameters

value

date/time input value

format

date/time format (default YYYY-MM-DD HH:mm)

className

CSS class names

init

an initializer extension function

Constructors

constructor(value: <Error class: unknown class>? = null, format: String = "YYYY-MM-DD HH:mm", className: String? = null, init: DateTimeInput.() -> Unit? = null)

Types

object Companion

Properties

allowInputToggle

var allowInputToggle: <Error class: unknown class>

Automatically open the chooser popup.

var autofocus: <Error class: unknown class>

Determines if the text input is automatically focused.

var dateTimePicker: dynamic

daysOfWeekDisabled

var daysOfWeekDisabled: <Error class: unknown class>

Days of the week that should be disabled. Multiple values should be comma separated.

open var disabled: <Error class: unknown class>

Determines if the field is disabled.

var disabledDates: <Error class: unknown class>

An array of disabled dates.

var enabledDates: <Error class: unknown class>

An array of enabled dates.

var format: <Error class: unknown class>

Date/time format.

var inline: <Error class: unknown class>

Show as inline.

val input: <Error class: unknown class>

var keepOpen: <Error class: unknown class>

Keep the popup open after selecting a date.

var maxDate: <Error class: unknown class>?

Prevents date selection after this date.

var minDate: <Error class: unknown class>?

Prevents date selection before this date.

monthHeaderFormat

var monthHeaderFormat: MonthHeaderFormat?

Date/time chooser month header format.

open var name: <Error class: unknown class>

The name attribute of the generated HTML input element.

var placeholder: <Error class: unknown class>

The placeholder for the date/time input.

promptTimeOnDateChange

var promptTimeOnDateChange: <Error class: unknown class>

Automatically open time component after date is selected.

promptTimeOnDateChangeTransitionDelay

var promptTimeOnDateChangeTransitionDelay: Int?

The view date of the date/time chooser.

var readonly: <Error class: unknown class>

Determines if the date/time input is read-only.

var showClear: <Error class: unknown class>

Determines if Clear button should be visible.

var showClose: <Error class: unknown class>

Determines if Close button should be visible.

var showToday: <Error class: unknown class>

Determines if Today button should be visible.

var sideBySide: <Error class: unknown class>

Shows date and time pickers side by side.

open var size: <Error class: unknown class>

The size of the input.

var stepping: <Error class: unknown class>

The increment used to build the hour view.

var theme: Theme?

Date/time chooser color theme.

toolbarPlacement

var toolbarPlacement: ToolbarPlacement?

Date/time chooser toolbar placement.

validationStatus

open var validationStatus: <Error class: unknown class>

The validation status of the input.

open var value: <Error class: unknown class>?

Date/time input value.

var viewDate: <Error class: unknown class>?

The view date of the date/time chooser.

var viewMode: ViewMode?

Default view mode of the date/time chooser.

yearHeaderFormat

var yearHeaderFormat: YearHeaderFormat?

Date/time chooser year header format.

Functions

open fun afterDestroy()

open fun afterInsert(node: <Error class: unknown class>)

open fun blur()

Makes the input element blur.

open fun buildClassSet(classSetBuilder: <Error class: unknown class>)

open fun focus()

Makes the input element focused.

open fun getState(): <Error class: unknown class>?

getValueAsString

fun getValueAsString(): String?

Get value of date/time input control as String

open fun hidePopup()

Hides date/time chooser popup.

open fun setState(state: <Error class: unknown class>?)

open fun showPopup()

Open date/time chooser popup.

open fun subscribe(observer: (<Error class: unknown class>?) -> Unit): () -> Unit

open fun togglePopup()

Toggles date/time chooser popup.