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

DateTime

open class DateTime(value: Date? = null, name: String? = null, format: String = "YYYY-MM-DD HH:mm", label: String? = null, rich: Boolean = false, init: DateTime.() -> Unit? = null) : SimplePanel, DateFormControl, MutableState<Date?> (source)

Form field date/time chooser component.

Parameters

value

date/time input value

name

the name attribute of the generated HTML input element

format

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

label

label text bound to the input element

rich

determines if label can contain HTML code

init

an initializer extension function

Constructors

DateTime

constructor(value: Date? = null, name: String? = null, format: String = "YYYY-MM-DD HH:mm", label: String? = null, rich: Boolean = false, init: DateTime.() -> Unit? = null)

Properties

_archivedState

var _archivedState: dynamic

alignContent

open var alignContent: AlignContent?

alignItems

open var alignItems: AlignItems?

alignSelf

open var alignSelf: AlignItems?

allowInputToggle

var allowInputToggle: Boolean

Automatically open the chooser popup.

autofocus

var autofocus: Boolean?

Determines if the date/time input is automatically focused.

background

open var background: Background?

border

open var border: Border?

borderBottom

open var borderBottom: Border?

borderLeft

open var borderLeft: Border?

borderRadius

open var borderRadius: CssSize?

borderRadiusList

open var borderRadiusList: List<CssSize>?

borderRight

open var borderRight: Border?

borderTop

open var borderTop: Border?

bottom

open var bottom: CssSize?

boxShadow

open var boxShadow: BoxShadow?

boxShadowList

open var boxShadowList: List<BoxShadow>?

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. Multiple values should be comma separated.

disabled

open var disabled: Boolean

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?

flabel

override val flabel: FieldLabel

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?

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?

inline

var inline: Boolean

Show as inline.

input

override val input: DateTimeInput

invalidFeedback

override val invalidFeedback: InvalidFeedback

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.

kvscope

var kvscope: dynamic

label

var label: String?

The label text bound to the input element.

left

open var left: CssSize?

letterSpacing

open var letterSpacing: CssSize?

lineBreak

open var lineBreak: LineBreak?

lineHeight

open var lineHeight: CssSize?

listStyle

open var listStyle: ListStyle?

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?

monthHeaderFormat

var monthHeaderFormat: MonthHeaderFormat?

Date/time month header format.

name

open var name: String?

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?

overflowX

open var overflowX: Overflow?

overflowY

open var overflowY: Overflow?

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.

popoverHooksActive

var popoverHooksActive: Boolean

popoverOptions

var popoverOptions: dynamic

position

open var position: Position?

promptTimeOnDateChange

var promptTimeOnDateChange: Boolean

Automatically open time component after date is selected.

promptTimeOnDateChangeTransitionDelay

var promptTimeOnDateChangeTransitionDelay: Int?

The view date of the date/time chooser.

readonly

var readonly: Boolean?

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

resize

open var resize: Resize?

rich

var rich: Boolean

Determines if label can contain HTML code.

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.

showToday

var showToday: Boolean

Determines if Today button should be visible.

sideBySide

var sideBySide: Boolean

Shows date and time pickers side by side.

size

open var size: InputSize?

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?

theme

var theme: Theme?

Date/time chooser color theme.

title

var title: String?

toolbarPlacement

var toolbarPlacement: ToolbarPlacement?

Date/time chooser toolbar placement.

tooltipHooksActive

var tooltipHooksActive: Boolean

tooltipOptions

var tooltipOptions: dynamic

top

open var top: CssSize?

transition

open var transition: Transition?

transitionList

open var transitionList: List<Transition>?

unicodeBidi

open var unicodeBidi: UnicodeBidi?

validationStatus

open var validationStatus: ValidationStatus?

validatorError

open var validatorError: String?

value

open override var value: Date?

Date/time input value.

verticalAlign

open var verticalAlign: VerticalAlign?

viewDate

var viewDate: Date?

The view date of the date/time chooser.

viewMode

var viewMode: ViewMode?

Default view mode of the date/time chooser.

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?

yearHeaderFormat

var yearHeaderFormat: YearHeaderFormat?

Date/time year header format.

zIndex

open var zIndex: Int?

Functions

add

open override fun add(child: Component)

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

addAfterCreateHook

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

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>)

addBeforeDisposeHook

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

addCssClass

open override fun addCssClass(css: String)

addCssStyle

open override fun addCssStyle(css: Style)

addSurroundingCssClass

open override fun addSurroundingCssClass(css: String)

addSurroundingCssStyle

open override fun addSurroundingCssStyle(css: Style)

blur

open override fun blur()

clearAfterCreateHooks

open override fun clearAfterCreateHooks()

clearAfterDestroyHooks

open override fun clearAfterDestroyHooks()

clearAfterInsertHooks

open override fun clearAfterInsertHooks()

clearBeforeDisposeHooks

open override fun clearBeforeDisposeHooks()

clearDragDropData

open fun clearDragDropData()

clearParent

open override fun clearParent()

dateTime

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.

dateTimeInput