DateTimeInput

open class DateTimeInput(value: Date?, format: String, classes: Set<String>, init: DateTimeInput.() -> Unit?) : SimplePanel, GenericFormComponent<Date?> , FormInput, MutableState<Date?>

Basic date/time chooser component.

Parameters

value

date/time input value

format

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

classes

a set of CSS class names

init

an initializer extension function

Constructors

DateTimeInput

fun DateTimeInput(value: Date? = null, format: String = "YYYY-MM-DD HH:mm", classes: Set<String> = setOf(), init: DateTimeInput.() -> Unit? = null)

Functions

add

open override fun add(child: Component): SimplePanel

open override fun add(position: Int, child: Component): SimplePanel

addAfterDestroyHook

open override fun addAfterDestroyHook(hook: () -> Unit): Boolean

addAfterInsertHook

open override fun addAfterInsertHook(hook: (VNode) -> Unit): Boolean

addAll

open override fun addAll(children: List<Component>): SimplePanel

addBeforeDisposeHook

open override fun addBeforeDisposeHook(hook: () -> Unit): Boolean

addCssClass

open override fun addCssClass(css: String): Widget

addCssStyle

open override fun addCssStyle(css: Style): Widget

addSurroundingCssClass

open override fun addSurroundingCssClass(css: String): Widget

addSurroundingCssStyle

open override fun addSurroundingCssStyle(css: Style): Widget

animate

open fun animate(duration: Int, easing: Easing, complete: () -> Unit?, styles: StyledComponent.() -> Unit)

blur

open override fun blur()

Makes the input element blur.

clearDragDropData

open fun clearDragDropData()

clearParent

open override fun clearParent(): Widget

disablePopover

open fun disablePopover(): Widget

disableTooltip

open fun disableTooltip(): Widget

dispose

open override fun dispose()

disposeAll

open override fun disposeAll(): Container

enablePopover

open fun enablePopover(options: PopoverOptions): Widget

enableTooltip

open fun enableTooltip(options: TooltipOptions): Widget

fadeIn

open fun fadeIn(duration: Int, easing: Easing, complete: () -> Unit?): Widget

fadeOut

open fun fadeOut(duration: Int, easing: Easing, complete: () -> Unit?): Widget

focus

open override fun focus()

Makes the input element focused.

getAttribute

open override fun getAttribute(name: String): String?

getChildren

open override fun getChildren(): List<Component>

getElement

open override fun getElement(): Node?

getElementJQuery

open override fun getElementJQuery(): JQuery?

getElementJQueryD

open override fun getElementJQueryD(): dynamic

getRoot

open override fun getRoot(): Root?

getSnStyle

open fun getSnStyle(): List<StringPair>

getState

open override fun getState(): Date?

getStyle

fun getStyle(name: String): String?

getValueAsString

fun getValueAsString(): String?

Get value of date/time input control as String

hasCssClass

open override fun hasCssClass(css: String): Boolean

hide

open fun hide(): Widget

hideAnim

open fun hideAnim(duration: Int, easing: Easing, complete: () -> Unit?): Widget

hidePopover

open fun hidePopover(): Widget

hidePopup

open fun hidePopup()

Hides date/time chooser popup.

hideTooltip

open fun hideTooltip(): Widget

invoke

open operator fun invoke(vararg children: Component): Container

refresh

open override fun refresh(): Widget

remove

open override fun remove(child: Component): SimplePanel

removeAll

open override fun removeAll(): SimplePanel

removeAt

open override fun removeAt(position: Int): SimplePanel

removeAttribute

open override fun removeAttribute(name: String): Widget

removeCssClass

open override fun removeCssClass(css: String): Widget

removeCssStyle

open override fun removeCssStyle(css: Style): Widget

removeEventListener

open fun removeEventListener(id: Int): Widget

removeEventListeners

open fun removeEventListeners(): Widget

removeStyle

fun removeStyle(name: String): StyledComponent

removeSurroundingCssClass

open override fun removeSurroundingCssClass(css: String): Widget

removeSurroundingCssStyle

open override fun removeSurroundingCssStyle(css: Style): Widget

renderVNode

open override fun renderVNode(): VNode

setAttribute

open override fun setAttribute(name: String, value: String): Widget

setDragDropData

open fun setDragDropData(format: String, data: String)

setDropTarget

open fun setDropTarget(format: String, callback: (DragEvent) -> Unit)

open fun setDropTarget(formats: Set<String>?, callback: (DragEvent) -> Unit)

setDropTargetData

open fun setDropTargetData(format: String, callback: (String?) -> Unit)

setEventListener

open fun <T : Widget> setEventListener(block: SnOn<T>.() -> Unit): Int

setState

open override fun setState(state: Date?)

setStyle

fun setStyle(name: String, value: String): StyledComponent

show

open fun show(): Widget

showAnim

open fun showAnim(duration: Int, easing: Easing, complete: () -> Unit?): Widget

showPopover

open fun showPopover(): Widget

showPopup

open fun showPopup()

Open date/time chooser popup.

showTooltip

open fun showTooltip(): Widget

singleRender

open override fun <T> singleRender(block: () -> T): T

singleRenderAsync

open override fun singleRenderAsync(block: () -> Unit)

slideDown

open fun slideDown(duration: Int, easing: Easing, complete: () -> Unit?): Widget

slideUp

open fun slideUp(duration: Int, easing: Easing, complete: () -> Unit?): Widget

open override fun subscribe(observer: (Date?) -> Unit): () -> Unit

togglePopup

open fun togglePopup()

Toggles date/time chooser popup.

toggleVisible

open fun toggleVisible(): Widget

unaryPlus

open operator fun String.unaryPlus()

Properties

alignContent

open var alignContent: AlignContent?

alignItems

open var alignItems: AlignItems?

alignSelf

open var alignSelf: AlignItems?

autofocus

var autofocus: Boolean?

Determines if the text input is automatically focused.

background

open var background: Background?

border

open var border: Border?

borderBottom

open var borderBottom: Border?

borderLeft

open var borderLeft: Border?

borderRight

open var borderRight: Border?

borderTop

open var borderTop: Border?

bottom

open var bottom: CssSize?

clear

open var clear: Clear?

color

open var color: Color?

colorHex

open var colorHex: Int?

colorName

open var colorName: Col?

cursor

open var cursor: Cursor?

daysOfWeekDisabled

var daysOfWeekDisabled: Array<Int>

Days of the week that should be disabled.

disabled

open override var disabled: Boolean

Determines if the field is disabled.

disabledDates

var disabledDates: Array<Date>

An array of disabled dates.

display

open var display: Display?

draggable

var draggable: Boolean?

enabledDates

var enabledDates: Array<Date>

An array of enabled dates.

eventTarget

var eventTarget: Widget?

flexBasis

open var flexBasis: CssSize?

flexDirection

open var flexDirection: FlexDirection?

flexGrow

open var flexGrow: Int?

flexShrink

open var flexShrink: Int?

flexWrap

open var flexWrap: FlexWrap?

float

open var float: PosFloat?

focusOnShow

var focusOnShow: Boolean

Focus text input when the popup is opened.

fontFamily

open var fontFamily: String?

fontSize

open var fontSize: CssSize?

fontStyle

open var fontStyle: FontStyle?

fontVariant

open var fontVariant: FontVariant?

fontWeight

open var fontWeight: FontWeight?

format

var format: String

Date/time format.

gridArea

open var gridArea: String?

gridAutoColumns

open var gridAutoColumns: String?

gridAutoFlow

open var gridAutoFlow: GridAutoFlow?

gridAutoRows

open var gridAutoRows: String?

gridColumnEnd

open var gridColumnEnd: String?

gridColumnGap

open var gridColumnGap: Int?

gridColumnStart

open var gridColumnStart: Int?

gridRowEnd

open var gridRowEnd: String?

gridRowGap

open var gridRowGap: Int?

gridRowStart

open var gridRowStart: Int?

gridTemplateAreas

open var gridTemplateAreas: List<String>?

gridTemplateColumns

open var gridTemplateColumns: String?

gridTemplateRows

open var gridTemplateRows: String?

height

open var height: CssSize?

var id: String?

ignoreReadonly

var ignoreReadonly: Boolean

Allow date picker for readonly component.

inline

var inline: Boolean

Show as inline.

input

val input: TextInput

justifyContent

open var justifyContent: JustifyContent?

justifyItems

open var justifyItems: JustifyItems?

justifySelf

open var justifySelf: JustifyItems?

keepOpen

var keepOpen: Boolean

Keep the popup open after selecting a date.

left

open var left: CssSize?

letterSpacing

open var letterSpacing: CssSize?

lineBreak

open var lineBreak: LineBreak?

lineHeight

open var lineHeight: CssSize?

margin

open var margin: CssSize?

marginBottom

open var marginBottom: CssSize?

marginLeft

open var marginLeft: CssSize?

marginRight

open var marginRight: CssSize?

marginTop

open var marginTop: CssSize?

maxDate

var maxDate: Date?

Prevents date selection after this date.

maxHeight

open var maxHeight: CssSize?

maxWidth

open var maxWidth: CssSize?

minDate

var minDate: Date?

Prevents date selection before this date.

minHeight

open var minHeight: CssSize?

minWidth

open var minWidth: CssSize?

name

open override var name: String?

The name attribute of the generated HTML input element.

opacity

open var opacity: Double?

order

open var order: Int?

outline

open var outline: Outline?

overflow

open var overflow: Overflow?

overflowWrap

open var overflowWrap: OverflowWrap?

padding

open var padding: CssSize?

paddingBottom

open var paddingBottom: CssSize?

paddingLeft

open var paddingLeft: CssSize?

paddingRight

open var paddingRight: CssSize?

paddingTop

open var paddingTop: CssSize?

parent

open override var parent: Container?

placeholder

var placeholder: String?

The placeholder for the date/time input.

position

open var position: Position?

readonly

var readonly: Boolean?

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

resize

open var resize: Resize?

right

open var right: CssSize?

role

var role: String?

showClear

var showClear: Boolean

Determines if Clear button should be visible.

showClose

var showClose: Boolean

Determines if Close button should be visible.

showTodayButton

var showTodayButton: Boolean

Determines if Today button should be visible.

sideBySide

var sideBySide: Boolean

Shows date and time pickers side by side.

size

open override var size: InputSize?

The size of the input.

stepping

var stepping: Int

The increment used to build the hour view.

tabindex

var tabindex: Int?

textAlign

open var textAlign: TextAlign?

textDecoration

open var textDecoration: TextDecoration?

textDirection

open var textDirection: Direction?

textIndent

open var textIndent: CssSize?

textOverflow

open var textOverflow: TextOverflow?

textShadow

open var textShadow: TextShadow?

textTransform

open var textTransform: TextTransform?

title

var title: String?

top

open var top: CssSize?

unicodeBidi

open var unicodeBidi: UnicodeBidi?

validationStatus

open override var validationStatus: ValidationStatus?

The validation status of the input.

value

open override var value: Date?

Date/time input value.

verticalAlign

open var verticalAlign: VerticalAlign?

visible

open override var visible: Boolean

whiteSpace

open var whiteSpace: WhiteSpace?

width

open var width: CssSize?

wordBreak

open var wordBreak: WordBreak?

wordSpacing

open var wordSpacing: CssSize?

zIndex

open var zIndex: Int?