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

DateTimeInput

open class DateTimeInput(value: Date? = null, format: String = "YYYY-MM-DD HH:mm", className: String? = null, init: DateTimeInput.() -> Unit? = null) : SimplePanel, GenericFormComponent<Date?> , FormInput, MutableState<Date?> (source)

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

Link copied to clipboard
constructor(value: Date? = null, format: String = "YYYY-MM-DD HH:mm", className: String? = null, init: DateTimeInput.() -> Unit? = null)

Types

Link copied to clipboard
object Companion

Properties

Link copied to clipboard
var _archivedState: dynamic
Link copied to clipboard
Link copied to clipboard
open var alignItems: AlignItems?
Link copied to clipboard
open var alignSelf: AlignItems?
Link copied to clipboard
var allowInputToggle: Boolean

Automatically open the chooser popup.

Link copied to clipboard
var autofocus: Boolean?

Determines if the text input is automatically focused.

Link copied to clipboard
open var background: Background?
Link copied to clipboard
open var border: Border?
Link copied to clipboard
open var borderBottom: Border?
Link copied to clipboard
open var borderLeft: Border?
Link copied to clipboard
open var borderRadius: CssSize?
Link copied to clipboard
Link copied to clipboard
open var borderRight: Border?
Link copied to clipboard
open var borderTop: Border?
Link copied to clipboard
open var bottom: CssSize?
Link copied to clipboard
open var boxShadow: BoxShadow?
Link copied to clipboard
Link copied to clipboard
open var clear: Clear?
Link copied to clipboard
open var color: Color?
Link copied to clipboard
open var colorHex: Int?
Link copied to clipboard
open var colorName: Col?
Link copied to clipboard
open var cursor: Cursor?
Link copied to clipboard
var dateTimePicker: dynamic
Link copied to clipboard
var daysOfWeekDisabled: Array<Int>

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

Link copied to clipboard
open override var disabled: Boolean

Determines if the field is disabled.

Link copied to clipboard
var disabledDates: Array<Date>

An array of disabled dates.

Link copied to clipboard
open var display: Display?
Link copied to clipboard
Link copied to clipboard
var enabledDates: Array<Date>

An array of enabled dates.

Link copied to clipboard
Link copied to clipboard
open var flexBasis: CssSize?
Link copied to clipboard
Link copied to clipboard
open var flexGrow: Int?
Link copied to clipboard
open var flexShrink: Int?
Link copied to clipboard
open var flexWrap: FlexWrap?
Link copied to clipboard
open var float: PosFloat?
Link copied to clipboard
open var fontFamily: String?
Link copied to clipboard
open var fontSize: CssSize?
Link copied to clipboard
open var fontStyle: FontStyle?
Link copied to clipboard
Link copied to clipboard
open var fontWeight: FontWeight?
Link copied to clipboard
var format: String

Date/time format.

Link copied to clipboard
open var gridArea: String?
Link copied to clipboard
open var gridAutoColumns: String?
Link copied to clipboard
Link copied to clipboard
open var gridAutoRows: String?
Link copied to clipboard
open var gridColumnEnd: String?
Link copied to clipboard
open var gridColumnGap: Int?
Link copied to clipboard
open var gridColumnStart: Int?
Link copied to clipboard
open var gridRowEnd: String?
Link copied to clipboard
open var gridRowGap: Int?
Link copied to clipboard
open var gridRowStart: Int?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
open var height: CssSize?
Link copied to clipboard
var id: String?
Link copied to clipboard
var inline: Boolean

Show as inline.

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
var keepOpen: Boolean

Keep the popup open after selecting a date.

Link copied to clipboard
var kvscope: dynamic
Link copied to clipboard
open var left: CssSize?
Link copied to clipboard
open var letterSpacing: CssSize?
Link copied to clipboard
open var lineBreak: LineBreak?
Link copied to clipboard
open var lineHeight: CssSize?
Link copied to clipboard
open var listStyle: ListStyle?
Link copied to clipboard
open var margin: CssSize?
Link copied to clipboard
open var marginBottom: CssSize?
Link copied to clipboard
open var marginLeft: CssSize?
Link copied to clipboard
open var marginRight: CssSize?
Link copied to clipboard
open var marginTop: CssSize?
Link copied to clipboard
var maxDate: Date?

Prevents date selection after this date.

Link copied to clipboard
open var maxHeight: CssSize?
Link copied to clipboard
open var maxWidth: CssSize?
Link copied to clipboard
var minDate: Date?

Prevents date selection before this date.

Link copied to clipboard
open var minHeight: CssSize?
Link copied to clipboard
open var minWidth: CssSize?
Link copied to clipboard
var monthHeaderFormat: MonthHeaderFormat?

Date/time chooser month header format.

Link copied to clipboard
open override var name: String?

The name attribute of the generated HTML input element.

Link copied to clipboard
open var opacity: Double?
Link copied to clipboard
open var order: Int?
Link copied to clipboard
open var outline: Outline?
Link copied to clipboard
open var overflow: Overflow?
Link copied to clipboard
Link copied to clipboard
open var overflowX: Overflow?
Link copied to clipboard
open var overflowY: Overflow?
Link copied to clipboard
open var padding: CssSize?
Link copied to clipboard
open var paddingBottom: CssSize?
Link copied to clipboard
open var paddingLeft: CssSize?
Link copied to clipboard
open var paddingRight: CssSize?
Link copied to clipboard
open var paddingTop: CssSize?
Link copied to clipboard
open override var parent: Container?
Link copied to clipboard
var placeholder: String?

The placeholder for the date/time input.

Link copied to clipboard
Link copied to clipboard
var popoverOptions: dynamic
Link copied to clipboard
open var position: Position?
Link copied to clipboard
var promptTimeOnDateChange: Boolean

Automatically open time component after date is selected.

Link copied to clipboard
var promptTimeOnDateChangeTransitionDelay: Int?

The view date of the date/time chooser.

Link copied to clipboard
var readonly: Boolean?

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

Link copied to clipboard
open var resize: Resize?
Link copied to clipboard
open var right: CssSize?
Link copied to clipboard
var role: String?
Link copied to clipboard
var showClear: Boolean

Determines if Clear button should be visible.

Link copied to clipboard
var showClose: Boolean

Determines if Close button should be visible.

Link copied to clipboard
var showToday: Boolean

Determines if Today button should be visible.

Link copied to clipboard
var sideBySide: Boolean

Shows date and time pickers side by side.

Link copied to clipboard
open override var size: InputSize?

The size of the input.

Link copied to clipboard
var stepping: Int

The increment used to build the hour view.

Link copied to clipboard
var tabindex: Int?
Link copied to clipboard
open var textAlign: TextAlign?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
open var textIndent: CssSize?
Link copied to clipboard
Link copied to clipboard
open var textShadow: TextShadow?
Link copied to clipboard
Link copied to clipboard
var theme: Theme?

Date/time chooser color theme.

Link copied to clipboard
var title: String?
Link copied to clipboard
var toolbarPlacement: ToolbarPlacement?

Date/time chooser toolbar placement.

Link copied to clipboard
Link copied to clipboard
var tooltipOptions: dynamic
Link copied to clipboard
open var top: CssSize?
Link copied to clipboard
open var transition: Transition?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
open override var validationStatus: ValidationStatus?

The validation status of the input.

Link copied to clipboard
open override var value: Date?

Date/time input value.

Link copied to clipboard
Link copied to clipboard
var viewDate: Date?

The view date of the date/time chooser.

Link copied to clipboard
var viewMode: ViewMode?

Default view mode of the date/time chooser.

Link copied to clipboard
open override var visible: Boolean
Link copied to clipboard
open var whiteSpace: WhiteSpace?
Link copied to clipboard
open var width: CssSize?
Link copied to clipboard
open var wordBreak: WordBreak?
Link copied to clipboard
open var wordSpacing: CssSize?
Link copied to clipboard
var yearHeaderFormat: YearHeaderFormat?

Date/time chooser year header format.

Link copied to clipboard
open var zIndex: Int?

Functions

Link copied to clipboard
open override fun add(child: Component)
open override fun add(position: Int, child: Component)
Link copied to clipboard
open override fun addAfterCreateHook(hook: (VNode) -> Unit): Boolean
Link copied to clipboard
open override fun addAfterDestroyHook(hook: () -> Unit): Boolean
Link copied to clipboard
open override fun addAfterInsertHook(hook: (VNode) -> Unit): Boolean
Link copied to clipboard
open override fun addAll(children: List<Component>)
Link copied to clipboard
open override fun addBeforeDisposeHook(hook: () -> Unit): Boolean
Link copied to clipboard
open override fun addCssClass(css: String)
Link copied to clipboard
open override fun addCssStyle(css: Style)
Link copied to clipboard
open override fun addSurroundingCssClass(css: String)
Link copied to clipboard
open override fun addSurroundingCssStyle(css: Style)
Link copied to clipboard
open override fun blur()

Makes the input element blur.

Link copied to clipboard
open override fun clearAfterCreateHooks()
Link copied to clipboard
open override fun clearAfterDestroyHooks()
Link copied to clipboard
open override fun clearAfterInsertHooks()
Link copied to clipboard
open override fun clearBeforeDisposeHooks()
Link copied to clipboard
open fun clearDragDropData()
Link copied to clipboard
open override fun clearParent()
Link copied to clipboard
fun Container.dateTime(value: Date? = null, name: String? = null, format: String = "YYYY-MM-DD HH:mm", label: String? = null, rich: Boolean = false, init: DateTime.() -> Unit? = null): DateTime

DSL builder extension function.

Link copied to clipboard
fun Container.dateTimeInput(value: Date? = null, format: String = "YYYY-MM-DD HH:mm", className: String? = null, init: DateTimeInput.() -> Unit? = null): DateTimeInput

DSL builder extension function.

Link copied to clipboard
open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean?
Link copied to clipboard
open override fun dispose()
Link copied to clipboard
open override fun disposeAll()
Link copied to clipboard
open override fun focus()

Makes the input element focused.

Link copied to clipboard
open override fun getAttribute(name: String): String?
Link copied to clipboard
open override fun getChildren(): List<Component>
Link copied to clipboard
open override fun getElement(): HTMLElement?
Link copied to clipboard
open override fun getElementD(): dynamic
Link copied to clipboard
open override fun getRoot(): Root?
Link copied to clipboard
open fun getSnStyle(): dynamic
Link copied to clipboard
open override fun getState(): Date?
Link copied to clipboard
fun getStyle(name: String): String?
Link copied to clipboard
fun getValueAsString(): String?

Get value of date/time input control as String

Link copied to clipboard
open override fun hasCssClass(css: String): Boolean
Link copied to clipboard
open fun hide()
Link copied to clipboard
open fun hidePopup()

Hides date/time chooser popup.

Link copied to clipboard
open operator fun invoke(vararg children: Component)
Link copied to clipboard
open override fun refresh()
Link copied to clipboard
open override fun remove(child: Component)
Link copied to clipboard
open override fun removeAfterCreateHook(hook: (VNode) -> Unit): Boolean
Link copied to clipboard
open override fun removeAfterDestroyHook(hook: () -> Unit): Boolean
Link copied to clipboard
open override fun removeAfterInsertHook(hook: (VNode) -> Unit): Boolean
Link copied to clipboard
open override fun removeAll()
Link copied to clipboard
open override fun removeAt(position: Int)
Link copied to clipboard
open override fun removeAttribute(name: String)
Link copied to clipboard
open override fun removeBeforeDisposeHook(hook: () -> Unit): Boolean
Link copied to clipboard
open override fun removeCssClass(css: String)
Link copied to clipboard
open override fun removeCssStyle(css: Style)
Link copied to clipboard
open fun removeEventListener(id: Int)
Link copied to clipboard
Link copied to clipboard
fun removeStyle(name: String)
Link copied to clipboard
open override fun removeSurroundingCssClass(css: String)
Link copied to clipboard
open override fun removeSurroundingCssStyle(css: Style)
Link copied to clipboard
open override fun renderVNode(): VNode
Link copied to clipboard
open override fun setAttribute(name: String, value: String)
Link copied to clipboard
open fun setDragDropData(format: String, data: String)
Link copied to clipboard
open fun setDropTarget(format: String, callback: (DragEvent) -> Unit)
open fun setDropTarget(formats: Set<String>?, callback: (DragEvent) -> Unit)
Link copied to clipboard
open fun setDropTargetData(format: String, callback: (String?) -> Unit)
Link copied to clipboard
open fun <T : Widget> setEventListener(block: SnOn<T>.() -> Unit): Int
Link copied to clipboard
open override fun setState(state: Date?)
Link copied to clipboard
fun setStyle(name: String, value: String)
Link copied to clipboard
open fun show()
Link copied to clipboard
open fun showPopup()

Open date/time chooser popup.

Link copied to clipboard
open override fun <T> singleRender(block: () -> T): T
Link copied to clipboard
open override fun singleRenderAsync(block: () -> Unit)
Link copied to clipboard
open override fun subscribe(observer: (Date?) -> Unit): () -> Unit
Link copied to clipboard
open fun togglePopup()

Toggles date/time chooser popup.

Link copied to clipboard
open fun toggleVisible()
Link copied to clipboard
open fun translate(text: String): String
open fun translate(text: String?): String?
Link copied to clipboard
open operator fun String.unaryPlus()
Link copied to clipboard