<dy-time-picker>
A time picker component that allows users to select a specific time. It includes both a picker interface and a panel view, with support for clearing the selection and handling time changes.
<dy-time-picker> Example
Loading...
<dy-time-picker
.value=${1644475003294}
.clearable=${true}
@clear=${(evt) => evt.target.value = null}
@change=${(evt) => evt.target.value = evt.detail}></dy-time-picker>
<dy-time-picker> API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
placeholder(placeholder) |
Yes | string |
clearable(clearable) |
Yes | boolean |
disabled(disabled) |
Yes | boolean |
value |
Yes | number |
change |
Emitter<number> |
|
clear |
Emitter |
Instance Methods
| Method | Type |
|---|---|
showPicker |
() => void |
Other
| Type | Value |
|---|---|
| Event | change, clear |
| CSS State | active |
<dy-time-panel> Example
Loading...
<dy-time-panel style=${"width: 10em; height: 200px;"} @change=${(evt) => evt.target.value = evt.detail}></dy-time-panel>
<dy-time-panel> API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
headless(headless) |
Yes | boolean |
change |
Emitter<number> |
|
value |
Yes | number |
Other
| Type | Value |
|---|---|
| Event | change |