kilua-tempus-dominus/dev.kilua.form.time/RichDateTime

RichDateTime

open class RichDateTime(value: LocalDateTime? = null, disabled: Boolean? = null, required: Boolean? = null, format: String = "yyyy-MM-dd HH:mm", inline: Boolean = false, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, renderConfig: RenderConfig = RenderConfig.Default, withStateFlowDelegate: WithStateFlowDelegate<LocalDateTime?> = WithStateFlowDelegateImpl()) : AbstractRichDateTime, DateTimeFormControl, WithStateFlow<LocalDateTime?> , IRichDateTime

Tempus Dominus rich date time component.

Constructors

RichDateTime

constructor(value: LocalDateTime? = null, disabled: Boolean? = null, required: Boolean? = null, format: String = "yyyy-MM-dd HH:mm", inline: Boolean = false, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, renderConfig: RenderConfig = RenderConfig.Default, withStateFlowDelegate: WithStateFlowDelegate<LocalDateTime?> = WithStateFlowDelegateImpl())

Types

Companion

object Companion

Properties

accesskey

open override var accesskey: Char?

alignContent

open override var alignContent: AlignContent?

alignItems

open override var alignItems: AlignItems?

alignSelf

open override var alignSelf: AlignItems?

allowInputToggle

open override var allowInputToggle: Boolean

Automatically open the chooser popup.

ariaDescribedby

open override var ariaDescribedby: String?

ariaLabel

open override var ariaLabel: String?

ariaLabelledby

open override var ariaLabelledby: String?

autofocus

open override var autofocus: Boolean?

background

open override var background: Background?

border

open override var border: Border?

borderBottom

open override var borderBottom: Border?

borderLeft

open override var borderLeft: Border?

borderRadius

open override var borderRadius: CssSize?

borderRadiusList

open override var borderRadiusList: List<CssSize>?

borderRight

open override var borderRight: Border?

borderTop

open override var borderTop: Border?

bottom

open override var bottom: CssSize?

boxShadow

open override var boxShadow: BoxShadow?

boxShadowList

open override var boxShadowList: List<BoxShadow>?

children

open override val children: MutableList<ComponentBase>

className

open override var className: String?

clear

open override var clear: Clear?

color

open override var color: Color?

columnGap

open override var columnGap: CssSize?

componentId

open override val componentId: Int

cursor

open override var cursor: Cursor?

customIcons

open override var customIcons: DateTimeIcons?

Date/time chooser custom icons.

customValidity

open var customValidity: String?

The component custom validity message.

daysOfWeekDisabled

open override var daysOfWeekDisabled: List<Int>?

Days of the week that should be disabled.

direction

open override var direction: Direction?

disabled

open override var disabled: Boolean?

Determines if the component is disabled.

disabledDates

open override var disabledDates: List<LocalDate>?

A list of disabled dates.

display

open override var display: Display?

draggable

open override var draggable: Boolean?

element

open override val element: HTMLDivElement

enabledDates

open override var enabledDates: List<LocalDate>?

A list of enabled dates.

flexBasis

open override var flexBasis: CssSize?

flexDirection

open override var flexDirection: FlexDirection?

flexGrow

open override var flexGrow: Int?

flexShrink

open override var flexShrink: Int?

flexWrap

open override var flexWrap: FlexWrap?

float

open override var float: CssFloat?

fontFamily

open override var fontFamily: String?

fontSize

open override var fontSize: CssSize?

fontStyle

open override var fontStyle: FontStyle?

fontVariant

open override var fontVariant: FontVariant?

fontWeight

open override var fontWeight: FontWeight?

format

open override var format: String

The date/time format.

gridArea

open override var gridArea: String?

gridAutoColumns

open override var gridAutoColumns: String?

gridAutoFlow

open override var gridAutoFlow: GridAutoFlow?

gridAutoRows

open override var gridAutoRows: String?

gridColumnEnd

open override var gridColumnEnd: String?

gridColumnStart

open override var gridColumnStart: Int?

gridRowEnd

open override var gridRowEnd: String?

gridRowStart

open override var gridRowStart: Int?

gridTemplateAreas

open override var gridTemplateAreas: List<String>?

gridTemplateColumns

open override var gridTemplateColumns: String?

gridTemplateRows

open override var gridTemplateRows: String?

height

open override var height: CssSize?

open override var id: String?

innerHTML

open val innerHTML: String

justifyContent

open override var justifyContent: JustifyContent?

justifyItems

open override var justifyItems: JustifyItems?

justifySelf

open override var justifySelf: JustifyItems?

keepOpen

open override var keepOpen: Boolean

Keep the popup open after selecting a date.

left

open override var left: CssSize?

letterSpacing

open override var letterSpacing: CssSize?

lineBreak

open override var lineBreak: LineBreak?

lineHeight

open override var lineHeight: CssSize?

listStyle

open override var listStyle: ListStyle?

locale

open override var locale: Locale

The locale for i18n.

margin

open override var margin: CssSize?

marginBottom

open override var marginBottom: CssSize?

marginLeft

open override var marginLeft: CssSize?

marginRight

open override var marginRight: CssSize?

marginTop

open override var marginTop: CssSize?

maxDate

open override var maxDate: LocalDate?

Prevents date selection after this date.

maxHeight

open override var maxHeight: CssSize?

maxWidth

open override var maxWidth: CssSize?

minDate

open override var minDate: LocalDate?

Prevents date selection before this date.

minHeight

open override var minHeight: CssSize?

minWidth

open override var minWidth: CssSize?

monthHeaderFormat

open override var monthHeaderFormat: MonthHeaderFormat?

Date/time chooser month header format.

mutableStateFlow

open override val mutableStateFlow: MutableStateFlow<LocalDateTime?>

name

open override var name: String?

The component name.

node

val node: Node

opacity

open override var opacity: Double?

order

open override var order: Int?

outline

open override var outline: Outline?

overflow

open override var overflow: Overflow?

overflowWrap

open override var overflowWrap: OverflowWrap?

overflowX

open override var overflowX: Overflow?

overflowY

open override var overflowY: Overflow?

padding

open override var padding: CssSize?

paddingBottom

open override var paddingBottom: CssSize?

paddingLeft

open override var paddingLeft: CssSize?

paddingRight

open override var paddingRight: CssSize?

paddingTop

open override var paddingTop: CssSize?

parent

open override var parent: Component?

position

open override var position: Position?

promptTimeOnDateChange

open override var promptTimeOnDateChange: Boolean

Automatically open time component after date is selected.

promptTimeOnDateChangeTransitionDelay

open override var promptTimeOnDateChangeTransitionDelay: Duration?

The delay for the time component opening after date is selected.

renderConfig

open override val renderConfig: RenderConfig

required

open override var required: Boolean?

Determines if the component is required.

resize

open override var resize: Resize?

right

open override var right: CssSize?

role

open override var role: String?

rowGap

open override var rowGap: CssSize?

showClear

open override var showClear: Boolean

Determines if Clear button should be visible.

showClose

open override var showClose: Boolean

Determines if Close button should be visible.

showToday

open override var showToday: Boolean

Determines if Today button should be visible.

sideBySide

open override var sideBySide: Boolean

Shows date and time pickers side by side.

stateFlow

open override val stateFlow: StateFlow<LocalDateTime?>

stepping

open override var stepping: Int

The increment used to build the hour view.

tabindex

open override var tabindex: Int?

tempusDominusInstance

open override var tempusDominusInstance: TempusDominus?

The Tempus Dominus instance.

textAlign

open override var textAlign: TextAlign?

textContent

open var textContent: String?

textDecoration

open override var textDecoration: TextDecoration?

textIndent

open override var textIndent: CssSize?

textOverflow

open override var textOverflow: TextOverflow?

textShadow

open override var textShadow: TextShadow?

textTransform

open override var textTransform: TextTransform?

theme

open override var theme: Theme?

Date/time chooser color theme.

title

open override var title: String?

toolbarPlacement

open override var toolbarPlacement: ToolbarPlacement?

Date/time chooser toolbar placement.

top

open override var top: CssSize?

transition

open override var transition: Transition?

transitionList

open override var transitionList: List<Transition>?

unicodeBidi

open override var unicodeBidi: UnicodeBidi?

value

open override var value: LocalDateTime?

verticalAlign

open override var verticalAlign: VerticalAlign?

viewDate

open override var viewDate: LocalDate?

The view date of the date/time chooser.

viewMode

open override var viewMode: ViewMode?

Default view mode of the date/time chooser.

visible

open override var visible: Boolean

whiteSpace

open override var whiteSpace: WhiteSpace?

width

open override var width: CssSize?

wordBreak

open override var wordBreak: WordBreak?

wordSpacing

open override var wordSpacing: CssSize?

yearHeaderFormat

open override var yearHeaderFormat: YearHeaderFormat?

Date/time chooser year header format.

zIndex

open override var zIndex: Int?

Functions

accesskey

open override fun accesskey(accesskey: Char?)

alignContent

open override fun alignContent(alignContent: AlignContent?)

alignItems

open override fun alignItems(alignItems: AlignItems?)

alignSelf

open override fun alignSelf(alignSelf: AlignItems?)

allowInputToggle

@Composable

open override fun allowInputToggle(allowInputToggle: Boolean)

Set if the chooser popup should be automatically opened.

ariaDescribedby

open override fun ariaDescribedby(ariaDescribedby: String?)

ariaLabel

open override fun ariaLabel(ariaLabel: String?)

ariaLabelledby

open override fun ariaLabelledby(ariaLabelledby: String?)

attribute

open override fun attribute(name: String, value: String?)

autofocus

open override fun autofocus(autofocus: Boolean?)

background

open override fun background(background: Background?)

blur

open override fun blur()

border

open override fun border(border: Border?)

borderBottom

open override fun borderBottom(borderBottom: Border?)

borderLeft

open override fun borderLeft(borderLeft: Border?)

borderRadius

open override fun borderRadius(borderRadius: CssSize?)

borderRadiusList

open override fun borderRadiusList(borderRadiusList: List<CssSize>?)

borderRight

open override fun borderRight(borderRight: Border?)

borderTop

open override fun borderTop(borderTop: Border?)

bottom

open override fun bottom(bottom: CssSize?)

boxShadow

open override fun boxShadow(boxShadow: BoxShadow?)

boxShadowList

open override fun boxShadowList(boxShadowList: List<BoxShadow>?)

className

open override fun className(className: String?)

clear

open override fun clear(clear: Clear?)

clearDragDropData

open override fun clearDragDropData()

clearDropTarget

open override fun clearDropTarget()

color

open override fun color(color: Color?)

columnGap

open override fun columnGap(columnGap: CssSize?)

cursor

open override fun cursor(cursor: Cursor?)

customIcons

@Composable

open override fun customIcons(customIcons: DateTimeIcons?)

Set the date/time chooser custom icons.

daysOfWeekDisabled

@Composable

open override fun daysOfWeekDisabled(daysOfWeekDisabled: List<Int>?)

Set the days of the week that should be disabled.

direction

open override fun direction(direction: Direction?)

disabled

@Composable

open override fun disabled(disabled: Boolean?)

Set the component disabled state.

disabledDates

@Composable

open override fun disabledDates(disabledDates: List<LocalDate>?)

Set the list of disabled dates.

dispatchEvent

open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean

display

open override fun display(display: Display?)

draggable

open override fun draggable(draggable: Boolean?)

enabledDates

@Composable

open override fun enabledDates(enabledDates: List<LocalDate>?)

Set the list of enabled dates.

flexBasis

open override fun flexBasis(flexBasis: CssSize?)

flexDirection

open override fun flexDirection(flexDirection: FlexDirection?)

flexGrow

open override fun flexGrow(flexGrow: Int?)

flexShrink

open override fun flexShrink(flexShrink: Int?)

flexWrap

open override fun flexWrap(flexWrap: FlexWrap?)

float

open override fun float(float: CssFloat?)

focus

open override fun focus()

fontFamily

open override fun fontFamily(fontFamily: String?)

fontSize

open override fun fontSize(fontSize: CssSize?)

fontStyle

open override fun fontStyle(fontStyle: FontStyle?)

fontVariant

open override fun fontVariant(fontVariant: FontVariant?)

fontWeight

open override fun fontWeight(fontWeight: FontWeight?)

format

@Composable

open override fun format(format: String)

Set the date/time format.

getAttribute

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

getStyle

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

getValue

open fun getValue(): Any?

getValueAsString

open override fun getValueAsString(): String?

gridArea

open override fun gridArea(gridArea: String?)

gridAutoColumns

open override fun gridAutoColumns(gridAutoColumns: String?)

gridAutoFlow

open override fun gridAutoFlow(gridAutoFlow: GridAutoFlow?)

gridAutoRows

open override fun gridAutoRows(gridAutoRows: String?)

gridColumnEnd

open override fun gridColumnEnd(gridColumnEnd: String?)

gridColumnStart

open override fun gridColumnStart(gridColumnStart: Int?)

gridRowEnd

open override fun gridRowEnd(gridRowEnd: String?)

gridRowStart

open override fun gridRowStart(gridRowStart: Int?)

gridTemplateAreas

open override fun gridTemplateAreas(gridTemplateAreas: List<String>?)

gridTemplateColumns

open override fun gridTemplateColumns(gridTemplateColumns: String?)

gridTemplateRows

open override fun gridTemplateRows(gridTemplateRows: String?)

height

open override fun height(height: CssSize?)

hide

open fun hide()

open override fun id(id: String?)

justifyContent

open override fun justifyContent(justifyContent: JustifyContent?)

justifyItems

open override fun justifyItems(justifyItems: JustifyItems?)

justifySelf

open override fun justifySelf(justifySelf: JustifyItems?)

keepOpen

@Composable

open override fun keepOpen(keepOpen: Boolean)

Set if the popup should be kept open after selecting a date.

left

open override fun left(left: CssSize?)

letterSpacing

open override fun letterSpacing(letterSpacing: CssSize?)

lineBreak

open override fun lineBreak(lineBreak: LineBreak?)

lineHeight

open override fun lineHeight(lineHeight: CssSize?)

listStyle

open override fun listStyle(listStyle: ListStyle?)

locale

@Composable

open override fun locale(locale: Locale)

Set the locale for i18n.

margin

open override fun margin(margin: CssSize?)

marginBottom

open override fun marginBottom(marginBottom: CssSize?)

marginLeft

open override fun marginLeft(marginLeft: CssSize?)

marginRight

open override fun marginRight(marginRight: CssSize?)

marginTop

open override fun marginTop(marginTop: CssSize?)

maxDate

@Composable

open override fun maxDate(maxDate: LocalDate?)

Set the maximum date.

maxHeight

open override fun maxHeight(maxHeight: CssSize?)

maxWidth

open override fun maxWidth(maxWidth: CssSize?)

minDate

@Composable

open override fun minDate(minDate: LocalDate?)

Set the minimum date.

minHeight

open override fun minHeight(minHeight: CssSize?)

minWidth

open override fun minWidth(minWidth: CssSize?)

monthHeaderFormat

@Composable

open override fun monthHeaderFormat(monthHeaderFormat: MonthHeaderFormat?)

Set the date/time chooser month header format.

name

@Composable

open override fun name(name: String?)

Set the component name.

onBlur

open override fun onBlur(listener: (FocusEvent) -> Unit): Int

onBlurDirect

open override fun onBlurDirect(listener: (FocusEvent) -> Unit): Int

onChange

open override fun onChange(listener: (Event) -> Unit): Int

onChangeDirect

open override fun onChangeDirect(listener: (Event) -> Unit): Int

onClick

open override fun onClick(listener: (MouseEvent) -> Unit): Int

onClickDirect

open override fun onClickDirect(listener: (MouseEvent) -> Unit): Int

onContextmenu

open override fun onContextmenu(listener: (MouseEvent) -> Unit): Int

onContextmenuDirect

open override fun onContextmenuDirect(listener: (MouseEvent) -> Unit): Int

onDblclick

open override fun onDblclick(listener: (MouseEvent) -> Unit): Int

onDblclickDirect

open override fun onDblclickDirect(listener: (MouseEvent) -> Unit): Int

onEvent

open override fun <EV : Event> onEvent(name: String, listener: (EV) -> Unit): Int

onEventDirect

open override fun <EV : Event> onEventDirect(name: String, listener: (EV) -> Unit): Int

onFocus

open override fun onFocus(listener: (FocusEvent) -> Unit): Int

onFocusDirect

open override fun onFocusDirect(listener: (FocusEvent) -> Unit): Int

onInput

open override fun onInput(listener: (InputEvent) -> Unit): Int

onInputDirect

open override fun onInputDirect(listener: (InputEvent) -> Unit): Int

onInsert

open override fun onInsert()

onKeydown

open override fun onKeydown(listener: (KeyboardEvent) -> Unit): Int

onKeydownDirect

open override fun onKeydownDirect(listener: (KeyboardEvent) -> Unit): Int

onKeypress

open override fun onKeypress(listener: (KeyboardEvent) -> Unit): Int

onKeypressDirect

open override fun onKeypressDirect(listener: (KeyboardEvent) -> Unit): Int

onKeyup

open override fun onKeyup(listener: (KeyboardEvent) -> Unit): Int

onKeyupDirect

open override fun onKeyupDirect(listener: (KeyboardEvent) -> Unit): Int

onRemove

open override fun onRemove()

opacity

open override fun opacity(opacity: Double?)

order

open override fun order(order: Int?)

outline

open override fun outline(outline: Outline?)

overflow

open override fun overflow(overflow: Overflow?)

overflowWrap

open override fun overflowWrap(overflowWrap: OverflowWrap?)

overflowX

open override fun overflowX(overflowX: Overflow?)

overflowY

open override fun overflowY(overflowY: Overflow?)

padding

open override fun padding(padding: CssSize?)

paddingBottom

open override fun paddingBottom(paddingBottom: CssSize?)

paddingLeft

open override fun paddingLeft(paddingLeft: CssSize?)

paddingRight

open override fun paddingRight(paddingRight: CssSize?)

paddingTop

open override fun paddingTop(paddingTop: CssSize?)

position

open override fun position(position: Position?)

promptTimeOnDateChange

@Composable

open override fun promptTimeOnDateChange(promptTimeOnDateChange: Boolean)

Set if time component should be automatically opened after date is selected.

promptTimeOnDateChangeTransitionDelay

@Composable

open override fun promptTimeOnDateChangeTransitionDelay(promptTimeOnDateChangeTransitionDelay: Duration?)

Set the delay for the time component opening after date is selected.

removeAttribute

open override fun removeAttribute(name: String)

removeEventListener

open override fun removeEventListener(name: String, id: Int?)

removeStyle

open override fun removeStyle(name: String)

renderToString

open fun renderToString(): String

renderToStringBuilder

open override fun renderToStringBuilder(builder: StringBuilder)

required

@Composable

open override fun required(required: Boolean?)

Set the component required state.

resize

open override fun resize(resize: Resize?)

richDate

@Composable

fun IComponent.richDate(value: LocalDate? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, inline: Boolean = false, format: String = "yyyy-MM-dd", locale: Locale = LocaleManager.currentLocale, calendarIcon: String = "fas fa-calendar-alt", inputClassName: String? = null, className: String? = null, id: String? = null, setup: @Composable IRichDate.() -> Unit = {})

Creates a RichDate component.

richDateRef

@Composable

fun IComponent.richDateRef(value: LocalDate? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, inline: Boolean = false, format: String = "yyyy-MM-dd", locale: Locale = LocaleManager.currentLocale, calendarIcon: String = "fas fa-calendar-alt", inputClassName: String? = null, className: String? = null, id: String? = null, setup: @Composable IRichDate.() -> Unit = {}): RichDate

Creates a RichDate component, returning a reference.

richDateTime

@Composable

fun IComponent.richDateTime(value: LocalDateTime? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, inline: Boolean = false, format: String = "yyyy-MM-dd HH:mm", locale: Locale = LocaleManager.currentLocale, calendarIcon: String = "fas fa-calendar-alt", inputClassName: String? = null, className: String? = null, id: String? = null, setup: @Composable IRichDateTime.() -> Unit = {})

Creates a RichDateTime component.

richDateTimeRef

@Composable

fun IComponent.richDateTimeRef(value: LocalDateTime? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, inline: Boolean = false, format: String = "yyyy-MM-dd HH:mm", locale: Locale = LocaleManager.currentLocale, calendarIcon: String = "fas fa-calendar-alt", inputClassName: String? = null, className: String? = null, id: String? = null, setup: @Composable IRichDateTime.() -> Unit = {}): RichDateTime

Creates a RichDateTime component, returning a reference.

richTime

@Composable

fun IComponent.richTime(value: LocalTime? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, inline: Boolean = false, format: String = "HH:mm", locale: Locale = LocaleManager.currentLocale, clockIcon: String = "fas fa-clock", inputClassName: String? = null, className: String? = null, id: String? = null, setup: @Composable IRichTime.() -> Unit = {})

Creates a RichTime component.

richTimeRef

@Composable

fun IComponent.richTimeRef(value: LocalTime? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, inline: Boolean = false, format: String = "HH:mm", locale: Locale = LocaleManager.currentLocale, clockIcon: String = "fas fa-clock", inputClassName: String? = null, className: String? = null, id: String? = null, setup: @Composable IRichTime.() -> Unit = {}): RichTime

Creates a RichTime component, returning a reference.

right