The disabled state of the component.
Format to display the value in when not editing. Defaults to the input format if not set.
Sets the control into invalid state (visual state only).
The label for the control.
The locale settings used to display the value.
The name attribute of the control.
Whether the control will have outlined appearance.
The placeholder attribute of the control.
The prompt symbol to use for unfilled parts of the mask.
Makes the control a readonly field.
Delta values used to increment or decrement each date part on step actions.
All values default to 1
.
Sets whether to loop over the currently spun segment.
Static
Readonly
tagReturns the HTML-uppercased qualified name.
The initial value of the component.
Returns the HTMLFormElement associated with this element.
A string containing the validation message of this element.
Returns a ValidityState object which represents the different validity states the element can be in, with respect to constraint validation.
The value attribute of the control.
A boolean value which returns true if the element is a submittable element that is a candidate for constraint validation.
Removes focus from the control.
Checks for validity of the control and emits the invalid event if it invalid.
Clears the input element of user input.
Sets focus on the control.
Checks for validity of the control and shows the browser message if it invalid.
Selects all text within the input.
Sets a custom validation message for the control.
As long as message
is not empty, the control is considered invalid.
Sets the text selection range of the control
Decrements a date/time portion.
Increments a date/time portion.
A date time input is an input field that lets you set and edit the date and time in a chosen input element using customizable display and input formats.
Element
igc-date-time-input
Slot
prefix - Renders content before the input.
Slot
suffix - Renders content after input.
Slot
helper-text - Renders content below the input.
Slot
value-missing - Renders content when the required validation fails.
Slot
range-overflow - Renders content when the max validation fails.
Slot
range-underflow - Renders content when the min validation fails.
Slot
custom-error - Renders content when setCustomValidity(message) is set.
Slot
invalid - Renders content when the component is in invalid state (validity.valid = false).
Fires
igcInput - Emitted when the control input receives user input.
Fires
igcChange - Emitted when the control's checked state changes.
Csspart
container - The main wrapper that holds all main input elements.
Csspart
input - The native input element.
Csspart
label - The native label element.
Csspart
prefix - The prefix wrapper.
Csspart
suffix - The suffix wrapper.
Csspart
helper-text - The helper text wrapper.