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

DateTimeInput

open class DateTimeInput(value: <ERROR CLASS>?, format: String, className: String?, init: DateTimeInput.() -> Unit?)

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

DateTimeInput

fun DateTimeInput(value: <ERROR CLASS>? = null, format: String = "YYYY-MM-DD HH:mm", className: String? = null, init: DateTimeInput.() -> Unit? = null)

Types

Companion

object Companion

Functions

afterDestroy

open fun afterDestroy()

afterInsert

open fun afterInsert(node: <ERROR CLASS>)

bindAllJQueryListeners

open fun bindAllJQueryListeners()

blur

open fun blur()

Makes the input element blur.

buildClassSet

open fun buildClassSet(classSetBuilder: <ERROR CLASS>)

focus

open fun focus()

Makes the input element focused.

getState

open fun getState(): <ERROR CLASS>?

getValueAsString

fun getValueAsString(): String?

Get value of date/time input control as String

hidePopup

open fun hidePopup()

Hides date/time chooser popup.

removeAllJQueryListeners

open fun removeAllJQueryListeners()

setState

open fun setState(state: <ERROR CLASS>?)

showPopup

open fun showPopup()

Open date/time chooser popup.

open fun subscribe(observer: (<ERROR CLASS>?) -> Unit): () -> Unit

togglePopup

open fun togglePopup()

Toggles date/time chooser popup.

Properties

autofocus

var autofocus: <ERROR CLASS>

Determines if the text input is automatically focused.

daysOfWeekDisabled

var daysOfWeekDisabled: <ERROR CLASS>

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

disabled

open var disabled: <ERROR CLASS>

Determines if the field is disabled.

disabledDates

var disabledDates: <ERROR CLASS>

An array of disabled dates.

enabledDates

var enabledDates: <ERROR CLASS>

An array of enabled dates.

focusOnShow

var focusOnShow: <ERROR CLASS>

Focus text input when the popup is opened.

format

var format: <ERROR CLASS>

Date/time format.

ignoreReadonly

var ignoreReadonly: <ERROR CLASS>

Allow date picker for readonly component.

inline

var inline: <ERROR CLASS>

Show as inline.

input

val input: <ERROR CLASS>

keepOpen

var keepOpen: <ERROR CLASS>

Keep the popup open after selecting a date.

maxDate

var maxDate: <ERROR CLASS>?

Prevents date selection after this date.

minDate

var minDate: <ERROR CLASS>?

Prevents date selection before this date.

name

open var name: <ERROR CLASS>

The name attribute of the generated HTML input element.

placeholder

var placeholder: <ERROR CLASS>

The placeholder for the date/time input.

readonly

var readonly: <ERROR CLASS>

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

showClear

var showClear: <ERROR CLASS>

Determines if Clear button should be visible.

showClose

var showClose: <ERROR CLASS>

Determines if Close button should be visible.

showTodayButton

var showTodayButton: <ERROR CLASS>

Determines if Today button should be visible.

sideBySide

var sideBySide: <ERROR CLASS>

Shows date and time pickers side by side.

size

open var size: <ERROR CLASS>

The size of the input.

stepping

var stepping: <ERROR CLASS>

The increment used to build the hour view.

validationStatus

open var validationStatus: <ERROR CLASS>

The validation status of the input.

value

open var value: <ERROR CLASS>

Date/time input value.