# Wijmo_Input

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.input Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Defines input controls for strings, numbers, dates, times, and colors.</p>
								</div>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Type aliases
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-type-alias tsd-parent-kind-external-module"><a href="wijmo_input.html#customfiltercallback" class="tsd-kind-icon">Custom<wbr>Filter<wbr>Callback</a></li>
											<li class="tsd-kind-type-alias tsd-parent-kind-external-module"><a href="wijmo_input.html#customhighlightcallback" class="tsd-kind-icon">Custom<wbr>Highlight<wbr>Callback</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Classes
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.autocomplete.html" class="tsd-kind-icon">Auto<wbr>Complete</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.calendar.html" class="tsd-kind-icon">Calendar</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.collectionviewnavigator.html" class="tsd-kind-icon">Collection<wbr>View<wbr>Navigator</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.colorpicker.html" class="tsd-kind-icon">Color<wbr>Picker</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.combobox.html" class="tsd-kind-icon">Combo<wbr>Box</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.dropdown.html" class="tsd-kind-icon">Drop<wbr>Down</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.formatitemeventargs.html" class="tsd-kind-icon">Format<wbr>Item<wbr>Event<wbr>Args</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputcolor.html" class="tsd-kind-icon">Input<wbr>Color</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputdate.html" class="tsd-kind-icon">Input<wbr>Date</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputdateeventargs.html" class="tsd-kind-icon">Input<wbr>Date<wbr>Event<wbr>Args</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputdaterange.html" class="tsd-kind-icon">Input<wbr>Date<wbr>Range</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputdatetime.html" class="tsd-kind-icon">Input<wbr>Date<wbr>Time</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputmask.html" class="tsd-kind-icon">Input<wbr>Mask</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.inputnumber.html" class="tsd-kind-icon">Input<wbr>Number</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.inputtime.html" class="tsd-kind-icon">Input<wbr>Time</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.listbox.html" class="tsd-kind-icon">List<wbr>Box</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.menu.html" class="tsd-kind-icon">Menu</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.multiautocomplete.html" class="tsd-kind-icon">Multi<wbr>Auto<wbr>Complete</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.multiselect.html" class="tsd-kind-icon">Multi<wbr>Select</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_input.multiselectlistbox.html" class="tsd-kind-icon">Multi<wbr>Select<wbr>List<wbr>Box</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.popup.html" class="tsd-kind-icon">Popup</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_input.popupboundschangingeventargs.html" class="tsd-kind-icon">Popup<wbr>Bounds<wbr>Changing<wbr>Event<wbr>Args</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Interfaces
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-interface tsd-parent-kind-external-module"><a href="../interfaces/wijmo_input.icommand.html" class="tsd-kind-icon">ICommand</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Enumerations
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.calendartabkeyaction.html" class="tsd-kind-icon">Calendar<wbr>Tab<wbr>Key<wbr>Action</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.clickaction.html" class="tsd-kind-icon">Click<wbr>Action</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.colorpickertabkeyaction.html" class="tsd-kind-icon">Color<wbr>Picker<wbr>Tab<wbr>Key<wbr>Action</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.dateselectionmode.html" class="tsd-kind-icon">Date<wbr>Selection<wbr>Mode</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.keyaction.html" class="tsd-kind-icon">Key<wbr>Action</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.popuptrigger.html" class="tsd-kind-icon">Popup<wbr>Trigger</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.showmonthpicker.html" class="tsd-kind-icon">Show<wbr>Month<wbr>Picker</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_input.tabkeyaction.html" class="tsd-kind-icon">Tab<wbr>Key<wbr>Action</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Type aliases</h2>
							<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-external-module">
								<a name="customfiltercallback" class="tsd-anchor"></a>
								<h3>CustomFilterCallback</h3>
								<div class="tsd-signature tsd-kind-icon">Custom<wbr>Filter<wbr>Callback<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Represents a custom filter function used by <a href="../classes/wijmo_input.autocomplete.html">AutoComplete</a> and <a href="../classes/wijmo_input.multiselectlistbox.html">MultiSelectListBox</a>.</p>
									</div>
									<dl class="tsd-comment-tags">
										<dt>param   </dt>
										<dd><p>The data item to test.</p>
										</dd>
										<dt>param   </dt>
										<dd><p>The current search query string.</p>
										</dd>
										<dt>param   </dt>
										<dd><p>The display text (after displayMemberPath processing).</p>
										</dd>
										<dt>returns   </dt>
										<dd><p><strong>true</strong> to include the item in the filtered results, <strong>false</strong> to exclude it.</p>
										</dd>
									</dl>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-external-module">
								<a name="customhighlightcallback" class="tsd-anchor"></a>
								<h3>CustomHighlightCallback</h3>
								<div class="tsd-signature tsd-kind-icon">Custom<wbr>Highlight<wbr>Callback<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Represents a custom highlight function used by <a href="../classes/wijmo_input.autocomplete.html">AutoComplete</a>.</p>
									</div>
									<dl class="tsd-comment-tags">
										<dt>param   </dt>
										<dd><p>The data item being displayed.</p>
										</dd>
										<dt>param   </dt>
										<dd><p>The current search query string.</p>
										</dd>
										<dt>param   </dt>
										<dd><p>The display text (after displayMemberPath processing).</p>
										</dd>
										<dt>returns   </dt>
										<dd><p>An HTML string with highlighted portions wrapped in highlight spans.</p>
											<p><strong>Security Note</strong>: Escape user input with <a href="../index.html#escapehtml">escapeHtml</a> to prevent XSS attacks.</p>
										</dd>
									</dl>
								</div>
							</section>
						</section>
					</div>