Input Fields

Input fields allow users to enter data. They are based on the grid and typically appear in forms and dialogs.

Default input field

 

Date input fields

Masked date input fields

Date input fields with date picker

For dates which are close to the present date (e.g. appointments) or for entering a date range please use the Picker (date) component.

 

Validation

Display validation information to the users by using the attributes valid and validation-message.

Standalone Validation

Automatic Validation

 

Telephone Number

Combines a country code selector with a free-text number input. Use this whenever the collected value explicitly is a phone number, as it establishes the correct structural pattern.

The country list can be configured to include only a specific subset of countries. Use this when your product operates in a defined region or when regulatory requirements restrict which country codes are valid inputs.

 

Infotip

 

Read-only and inactive

 

Autocomplete

autocomplete

 

Local data

 

Remote data