Wijmo's variety of Input components answer every application's need.
- Create and enter data quickly and efficiently using a mouse or touch
- Specialized and optimized for each data type
- Includes first-class Angular, React, and Vue support
DropDown Input Controls
The DropDown component is an abstract class used as a base for several of Wijmo's input components. It is composed of the input element, the drop-down button, and the drop-down element.
Display a list of objects and is used as the drop-down for the ComboBox control. The ListBox allows you to customize the cells using HTML and add checkboxes to each list item and track which items are checked.
Extend the ComboBox control and adds checkboxes to each item in a drop-down list. Set which items are checked based on property inside your objects and customize the cells of the MultiSelect control by setting custom HTML.
Wijmo's MultiSelectAutoComplete control allows users to select multiple items from the control's data set. The control displays a drop-down that matches the control's current input and displays the currently selected items.
DateTime Input Controls
The InputDateRange control extends Wijmo's InputDate control and configures it to allow editing date ranges. You can specify custom date ranges that users can pick from, or they can use the multi-month calendar in the drop-down to select date ranges with the mouse or keyboard.
Numeric Input Controls
The InputNumber control is an input control that allows users to enter and edit numbers. It allows you to format the number, set a step value for incrementing/decrementing the value in the control, and set a minimum and maximum range for values that can be entered.
Validate and format the user input as it is entered, preventing users from entering the invalid date. Set prompt characters, such as asterisks to represent a social security number, and retrieve the raw data, stripped of the prompt characters.
Color Selector Input Controls
Wijmo's ColorPicker control is a panel that allows users to select a color. The ColorPicker can be customized to display the hexadecimal value, show the alpha channel, and change the palette that is shown to the user.