This field allows selecting a datetime for data filtering.
code_blocksCode View
Template Syntax
Below you can find some examples of how to use the component within a template.
<datetime-field name="from"
label="From:"
labelPosition="left|top"
defaultValue="startToday">
</datetime-field>
Component Reference
Here is a comprehensive list of all the elements and properties that can be used to configure the component.
| Datetime Field <datetime-field> | |
|---|---|
| PROPERTIES | |
| CSS Class | The name(s) of the CSS class used to customize the widget layout. Type: STRING | Optional class="my-custom-class" |
| Default Value | The default value to preselect when entering the page. Type: ENUM | Optional | Values: now startToday endToday startYesterday endYesterday startCurrentWeek endCurrentWeek startLastWeek endLastWeek startCurrentMonth endCurrentMonth startLastMonth endLastMonth startCurrentYear endCurrentYear startLastYear endLastYear 3HoursAgo 6HoursAgo 12HoursAgo 24HoursAgo 2DaysAgo 7DaysAgo 30DaysAgo defaultValue="startToday" |
| Label | The field label. Type: STRING | Optional label="fooBar" |
| Label Position | The position where the label must be displayed (left [default], top, none). Type: ENUM | Optional | Values: left top none labelPosition="top" |
| Name | The name of context variable holding the selected datetime. Type: STRING | Optional name="fooBar" |
| Visibility Condition | The expression that allows you to reduce the visibility of the element. Type: STRING | Optional *ngIf="getUser().organizationId != null" |
Comments
0 comments
Please sign in to leave a comment.