Time

364 views

Enter time ［ Edit ］ Control compatible.

When you place a component, the following code is defined by default.

<mat-form-field >

< mat-label > </mat-label >

< mat-form-field apparance=”outline” data-comp-id=” mat-date.1″ id=”mat-date.1″>

< mat-label> Date</mat-label>

< mat-datepicker-toggle matSuffix [for] = ” Date” > < > /mat-datepicker-toggle<TAG1>

< mat-datepicker #Date></mat-datepicker>

</mat-form-field>

There are properties below

Property

Content

Data

Specifies the controls defined in the Magic program.
Click the gear button to display a list of controls. You can choose from here.
Mapping Magic items and passing click events to the Magic side.

Label

Specify the text to display.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Error

Specifies the text to display as an error message.
The error is hidden in its initial state and is displayed in the invalid form field after the user has manipulated the element or the parent form has been sent.
The error occupies the same space as the hint, so when the error is displayed the hint is hidden.
Click the gear button to display the dialogue.
You can now enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

is inside Table

Specifies whether to place it in the table.
Check if placed in the table.
Add to add [ rowId]=”row.rowId” tags.
Whenever it is in the table but is not checked, it will be treated as a first-line event.

Show Control

Specifies whether to display the control. You can choose from the following.
“Is Inside Table” is only valid if checked.

None …… is always displayed.
Is Row Edit …… Only displayed when in Edit mode.
Is Row Read …… Only displayed in Read mode.

Tooltip

Specifies the tooltip to associate with the control.
Place the mouse cursor in this control to display the specified character.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
It is possible to display the tooltip set by Magic in mg.getTitle (mgc.XXXXXXXXXX).

Appearance

Specify the display method from below.

outline …… The appearance shows a line line around the form field.
fill ……The appearance is displayed in a background box and underline filled with foam fields.

Required

Specifies whether the end user needs to enter a value in the control.

Hint

Specify the tips to associate with the control.
Click the gear button to display the dialogue.Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Class

You can define any class.