Introduction

The wijmo.input module provides the following controls:

InputDate
Edit date values or pick dates from a drop-down calendar. Bind the control to JavaScript Date values using the control's value property. Use the min and max properties to restrict the valid date range.
InputTime
Edit time values or pick times from a drop-down list. Bind the control to JavaScript Date values using the control's value property. Use the min and max properties to restrict the valid time range. Use the step property to select the interval between time values shown in the drop-down list.
InputDateTime
Edit date and time parts of JavaScript Date values using two separate drop-down controls: a Calendar for the date and a drop-down list for the time. Bind the control to JavaScript Date values using the control's value property.
InputNumber
Edit numeric values or use spinner buttons to increment or decrement the current value. Bind the control to JavaScript variables using the control's value property. Use the min and max properties to restrict the valid numeric range. Use the step property to select the increment applied when the user clicks the spinner buttons.
InputMask
Edit strings using a mask that prevents invalid input and skips over literals. Bind the control to JavaScript variables using the control's value property. Use the mask property to specify the format of the input.
ComboBox
Select values by picking them from a list with auto-completion. Use the isEditable property to determine whether users can type values that are not on the list. Use the displayMemberPath and displayValuePath properties to select from tables with complex objects (e.g. key/value pairs).
AutoComplete
Select values from lists retrieved dynamically from the server. The AutoComplete control retrieves options from the server as the user types. This allows the control to work against very large lists, which would be impractical to load onto the client.
MultiSelect
Select multiple items from drop-down lists that contain custom objects or simple strings with checkboxes.
DropDown
Select values or invoke commands by picking them from a drop-down list.
Calendar
Select a date from a month calendar, navigating through days, months, and years. Use the min and max properties to restrict the selectable dates. This control is displayed in the drop-down part of the InputDate.
Menu
Select an option from a drop-down list of options. The Menu control supports MVVM commanding, where each option has methods that execute commands and determine whether commands can be executed in the current application state.
ListBox
Display a list of values containing plain text or HTML, and allow users to select a value. This control is displayed in the drop-down part of the ComboBox, AutoComplete, TimePicker, and Menu controls.
ColorPicker
Select a color by picking from a customizable palette or by editing its components ((hue, saturation, brightness, and transparency). This control is displayed in the drop-down part of the InputColor.
InputColor
Select a color by picking editing its HTML specification or by using a drop-down that shows a ColorPicker control.
Popup
Displays HTML elements as dialogs or as tooltips. Popup controls shown as dialogs are centered on the page, and may be modal or modeless. Popup controls shown as tooltips are anchored to "owner" controls and may display arbitrary content