Element: <oj-input-date-time>

Oracle® JavaScript Extension Toolkit (JET)
18.1.0
G25384-01

DOM Interface: InputDateTimeElement

Version:
  • 18.1.0
Since:
  • 0.6.0
.oj-form-control-full-width
Changes the max-width to 100% so that form components will occupy all the available horizontal space.
Example
<oj-input-date-time class="oj-form-control-full-width">
</oj-input-date-time>

Category: Max Width

Note: This category of style classes is not supported in the following themes: Alta

In the Redwood theme the default max width of a text field is 100%. These max width convenience classes are available to create a medium or small field.
The class is applied to the root element.

Classes:

.oj-form-control-max-width-sm
.oj-form-control-max-width-md

Example
<oj-input-date-time class="oj-form-control-max-width-md"></oj-input-date-time>

Category: Width

Note: This category of style classes is not supported in the following themes: Alta

In the Redwood theme the default width of a text field is 100%. These width convenience classes are available to create a medium or small field.
The class is applied to the root element.

Classes:

.oj-form-control-width-sm
.oj-form-control-width-md

Example
<oj-input-date-time class="oj-form-control-width-md"></oj-input-date-time>

Category: Text Alignment

Classes that help align text of the element.

Classes:

.oj-form-control-text-align-right
.oj-form-control-text-align-start
.oj-form-control-text-align-end

Example
<oj-input-date-time class="oj-form-control-text-align-right">
</oj-input-date-time>