Time Showcase
time_full
epoch null
epoch
Component Documentation
Component Name
Time
Builder Function Name
create_time_manager
Description
Displays a formatted time value with options for text color customization, format, granularity, and timezone adjustments.
Use like example
Config
| Property | Type | Default | Description |
|---|---|---|---|
| val | string or null | The input value representing a date or time, in ISO 8601 format or any other recognizable format. | |
| format | string or null | The input format of the `val` for parsing the date/time. | |
| granularity | string or null | Defines the level of detail to display (e.g., 'minute', 'hour'). | |
| timezone | string or null | Specifies the timezone for displaying the time (e.g., 'UTC', 'America/New_York'). | |
| display_format | string or null | Defines how the time should be displayed (e.g., 'calendar_date' for YYYY-MM-DD). | |
| text_color | CSS color or null | The color of the displayed time text. |
Methods
| Method | Description | Parameters | Returns |
|---|---|---|---|
| init | Initializes the manager by parsing the provided `val` into a formatted datetime and content. | No Params |
Returned Properties
| Property | Type | Description |
|---|---|---|
| datetime | string or null | The machine-readable datetime attribute in ISO 8601 format. |
| content | string or null | The human-readable content derived from the provided `val` and `display_format`. |
| text_color | CSS color or null | The color applied to the displayed time text. |
