Time Picker
<gstock-time-picker>
|
GstockTimePicker
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
clearable
|
Adds a clear button when the inputs are not empty. |
boolean
|
false
|
|
disabled
|
Disables the input. |
|
boolean
|
false
|
form
|
By default, form controls are associated with the nearest containing
<form> element. This attribute allows you to place the
form control outside of a form and associate it with the form that has
this id. The form must be in the same document or shadow root
for this to work.
|
|
string
|
''
|
helpText
help-text
|
The input’s help text. If you need to display HTML, use the
help-text slot instead.
|
string
|
''
|
|
iconSuffix
suffix
|
The suffix icon name. |
string | undefined
|
-
|
|
label
|
The input’s label. If you need to display HTML, use the
label slot instead.
|
string
|
''
|
|
name
|
The name of the input, submitted as a name/value pair with form data. |
|
string
|
''
|
placeholder
|
Placeholder text to show as a hint when the input is empty. |
|
string
|
''
|
readonly
|
Makes the input readonly. |
|
boolean
|
false
|
required
|
Makes the input a required field. |
|
boolean
|
false
|
showSeconds
show-seconds
|
Render the seconds input. |
boolean
|
false
|
|
size
|
The size of the input. |
|
'small' | 'medium' | 'large'
|
'medium'
|
validityStyles
validity-styles
|
Specify whether validation styles are applied. |
boolean
|
false
|
|
value
|
The size of the input. |
|
string
|
''
|
validity
|
Gets the validity state object |
-
|
-
|
|
validationMessage
|
Gets the validation message |
-
|
-
|
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Events
| Name | React Event | Description | Event Detail |
|---|---|---|---|
gstock-change-event
|
onGstockChangeEvent
|
Emitted when the control’s value changes. | - |
gstock-input-event
|
onGstockInputEvent
|
Emitted when the control receives input. | - |
gstock-focus-event
|
onGstockFocusEvent
|
Emitted when the control gains focus. | - |
gstock-blur-event
|
onGstockBlurEvent
|
Emitted when the control loses focus. | - |
gstock-invalid-event
|
onGstockInvalidEvent
|
Emitted when the form control has been checked for validity and its constraints aren’t satisfied. | - |
Learn more about events .