--- /dev/null
+<!DOCTYPE html><html><head><title>Ext.form.field.Date | Ext JS 4.0 Documentation</title><script type="text/javascript" src="../ext-all.js"></script><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../scrollbars.css" type="text/css"><link rel="stylesheet" href="../docs.css" type="text/css"><link id="styleCss" rel="stylesheet" href="../style.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script><link rel="stylesheet" href="../prettify.css" type="text/css"><!-- link(rel: 'stylesheet', href: req.baseURL + '/css/ext4.css', type: 'text/css')--><link rel="shortcut icon" type="image/ico" href="../favicon.ico"><!--[if IE]>
+<style type="text/css">.head-band { display: none; }
+.header { border: 0; top: 0; left: 0px; background: url(../header.gif) repeat-x; }
+.doc-tab .members .member a.more { background-color: #efefef; }
+</style><link rel="stylesheet" href="/new/css/ie.css" type="text/css"><![endif]-->
+</head><body id="ext-body" class="iScroll"><div id="notice" class="notice">For up to date documentation and features, visit
+<a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a></div><div class="wrapper"><div class="head-band"></div><div class="header"><h2><a href="../index.html">Sencha Documentation</a></h2></div><div id="search"><form><input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q"></form><div id="search-box"></div></div><div id="treePanel"></div><div id="container"><script type="text/javascript">
+
+ req = {
+ liveURL: '.',
+ standAloneMode: true,
+ origDocClass: 'Ext.form.field.Date',
+ docClass: 'Ext.form.field.Date',
+ docReq: 'Ext.form.field.Date',
+ version: '4.0',
+ baseURL: '.',
+ baseDocURL: '.',
+ baseProdURL: '.'
+ };
+
+ clsInfo = {};
+
+
+
+</script>
+
+<script type="text/javascript" src="../search.js"></script>
+<!--script type="text/javascript" src="/new/javascripts/app/examples.js"></script-->
+<script type="text/javascript" src="../class_tree.js"></script>
+<script type="text/javascript" src="../class_doc.js"></script>
+<script type="text/javascript">
+ req.source = 'Date.html#Ext-form.field.Date';
+ clsInfo = {"methods":["Date","addClass","addCls","addClsWithUI","addEvents","addListener","addManagedListener","addStateEvents","afterComponentLayout","alignTo","animate","applyState","autoSize","batchChanges","beforeComponentLayout","bubble","capture","center","checkChange","checkDirty","clearInvalid","clearListeners","clearManagedListeners","cloneConfig","collapse","destroy","disable","doAutoRender","doComponentLayout","doConstrain","enable","enableBubble","expand","extractFileInput","findLayoutController","findParentBy","findParentByType","fireEvent","focus","getActiveAnimation","getActiveError","getActiveErrors","getBox","getBubbleTarget","getEl","getErrors","getFieldLabel","getHeight","getId","getInputId","getInsertPosition","getLoader","getModelData","getName","getPicker","getPlugin","getPosition","getRawValue","getSize","getState","getStateId","getSubmitData","getSubmitValue","getTriggerWidth","getValue","getWidth","getXType","getXTypes","hasActiveError","hasListener","hasUICls","hide","initField","initLabelable","is","isDescendantOf","isDirty","isDisabled","isDraggable","isDroppable","isEqual","isFileUpload","isFloating","isHidden","isValid","isVisible","isXType","markInvalid","nextNode","nextSibling","observe","on","onTriggerClick","previousNode","previousSibling","processRawValue","rawToValue","relayEvents","releaseCapture","removeCls","removeClsWithUI","removeListener","removeManagedListener","reset","resetOriginalValue","resumeEvents","safeParse","selectText","sequenceFx","setActive","setActiveError","setActiveErrors","setAutoScroll","setDisabled","setDisabledDates","setDisabledDays","setDocked","setEditable","setFieldDefaults","setFieldStyle","setHeight","setLoading","setMaxValue","setMinValue","setPagePosition","setPosition","setRawValue","setReadOnly","setSize","setUI","setValue","setVisible","setWidth","show","stopAnimation","suspendEvents","syncFx","toBack","toFront","un","unsetActiveError","up","update","updateBox","validate","validateValue","valueToRaw"],"cfgs":["activeError","activeErrorsTpl","allowBlank","altFormats","autoEl","autoFitErrors","autoRender","autoScroll","autoShow","baseBodyCls","baseCls","blankText","border","checkChangeBuffer","checkChangeEvents","clearCls","cls","componentCls","componentLayout","contentEl","data","dirtyCls","disableKeyFilter","disabled","disabledCls","disabledDates","disabledDatesText","disabledDays","disabledDaysText","draggable","editable","emptyCls","emptyText","enableKeyEvents","enforceMaxLength","errorMsgCls","fieldBodyCls","fieldCls","fieldLabel","fieldStyle","floating","focusCls","focusOnToFront","formItemCls","format","frame","grow","growAppend","growMax","growMin","height","hidden","hideEmptyLabel","hideLabel","hideMode","hideTrigger","html","id","inputId","inputType","invalidCls","invalidText","itemId","labelAlign","labelCls","labelPad","labelSeparator","labelStyle","labelWidth","labelableRenderTpl","listeners","loader","maintainFlex","margin","maskRe","matchFieldWidth","maxHeight","maxLength","maxLengthText","maxText","maxValue","maxWidth","minHeight","minLength","minLengthText","minText","minValue","minWidth","msgTarget","name","openCls","overCls","padding","pickerAlign","pickerOffset","plugins","preventMark","readOnly","readOnlyCls","regex","regexText","renderSelectors","renderTo","renderTpl","repeatTriggerClick","resizable","resizeHandles","saveBuffer","selectOnFocus","shadow","showToday","size","startDay","stateEvents","stateId","stateful","stripCharsRe","style","styleHtmlCls","styleHtmlContent","submitFormat","submitValue","tabIndex","toFrontOnShow","tpl","tplWriteMode","triggerBaseCls","triggerCls","triggerWrapCls","ui","validateOnBlur","validateOnChange","validator","value","vtype","vtypeText","width"],"properties":["bodyEl","clearInvalid","createPicker","draggable","errorEl","floatParent","frameSize","hasActiveFx","inputEl","isExpanded","isFieldLabelable","isFormField","labelEl","markInvalid","maskOnDisable","originalValue","ownerCt","rendered","stopFx","triggerEl","triggerWrap","zIndexManager"],"events":["activate","added","afterrender","autosize","beforeactivate","beforedeactivate","beforedestroy","beforehide","beforerender","beforeshow","beforestaterestore","beforestatesave","blur","change","collapse","deactivate","destroy","dirtychange","disable","enable","errorchange","expand","focus","hide","keydown","keypress","keyup","move","removed","render","resize","select","show","specialkey","staterestore","statesave","validitychange"],"subclasses":[]};
+ Ext.onReady(function() {
+ Ext.create('Docs.classPanel');
+ });
+</script><div id="top-block" class="top-block"><h1 id="clsTitle" class="comp"><a href="../source/Date.html#Ext-form.field.Date" target="_blank">Ext.form.field.Date</a><span>xtype: datefield</span></h1></div><div id="docContent"><div id="doc-overview-content"><div class="lft"><pre class="subclasses"><h4>Hierarchy</h4><div class="subclass f"><a href="Ext.AbstractComponent.html" rel="Ext.AbstractComponent" class="cls docClass">Ext.AbstractComponent</a><div class="subclass"><a href="Ext.Component.html" rel="Ext.Component" class="cls docClass">Ext.Component</a><div class="subclass"><a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="cls docClass">Ext.form.field.Base</a><div class="subclass"><a href="Ext.form.field.Text.html" rel="Ext.form.field.Text" class="cls docClass">Ext.form.field.Text</a><div class="subclass"><a href="Ext.form.field.Trigger.html" rel="Ext.form.field.Trigger" class="cls docClass">Ext.form.field.Trigger</a><div class="subclass"><a href="Ext.form.field.Picker.html" rel="Ext.form.field.Picker" class="cls docClass">Ext.form.field.Picker</a><div class="subclass"><strong>Ext.form.field.Date</strong></div></div></div></div></div></div></div><h4>Mixins</h4><div class="mixin"><a href="Ext.util.Observable.html" rel="Ext.util.Observable" class="cls docClass">Ext.util.Observable</a></div><div class="mixin"><a href="Ext.util.Animate.html" rel="Ext.util.Animate" class="cls docClass">Ext.util.Animate</a></div><div class="mixin"><a href="Ext.state.Stateful.html" rel="Ext.state.Stateful" class="cls docClass">Ext.state.Stateful</a></div><div class="mixin"><a href="Ext.util.Floating.html" rel="Ext.util.Floating" class="cls docClass">Ext.util.Floating</a></div><div class="mixin"><a href="Ext.form.Labelable.html" rel="Ext.form.Labelable" class="cls docClass">Ext.form.Labelable</a></div><div class="mixin"><a href="Ext.form.field.Field.html" rel="Ext.form.field.Field" class="cls docClass">Ext.form.field.Field</a></div></pre><p>Provides a date input field with a <a href="Ext.picker.Date.html" rel="Ext.picker.Date" class="docClass">date picker</a> dropdown and automatic date
+validation.</p>
+
+<p>This field recognizes and uses the JavaScript Date object as its main <a href="Ext.form.field.Date.html#value" rel="Ext.form.field.Date#value" class="docClass">value</a> type. In addition,
+it recognizes string values which are parsed according to the <a href="Ext.form.field.Date.html#format" rel="Ext.form.field.Date#format" class="docClass">format</a> and/or <a href="Ext.form.field.Date.html#altFormats" rel="Ext.form.field.Date#altFormats" class="docClass">altFormats</a>
+configs. These may be reconfigured to use date formats appropriate for the user's locale.</p>
+
+<p>The field may be limited to a certain range of dates by using the <a href="Ext.form.field.Date.html#minValue" rel="Ext.form.field.Date#minValue" class="docClass">minValue</a>, <a href="Ext.form.field.Date.html#maxValue" rel="Ext.form.field.Date#maxValue" class="docClass">maxValue</a>,
+<a href="Ext.form.field.Date.html#disabledDays" rel="Ext.form.field.Date#disabledDays" class="docClass">disabledDays</a>, and <a href="Ext.form.field.Date.html#disabledDates" rel="Ext.form.field.Date#disabledDates" class="docClass">disabledDates</a> config parameters. These configurations will be used both
+in the field's validation, and in the date picker dropdown by preventing invalid dates from being selected.
+<img class="screenshot" src="../Ext.form.Date.png" alt="Ext.form.Date component" /></p>
+
+<h1>Example usage:</h1>
+
+<pre class="prettyprint"><code>Ext.create('Ext.form.Panel', {
+ width: 300,
+ bodyPadding: 10,
+ title: 'Dates',
+ items: [{
+ xtype: 'datefield',
+ anchor: '100%',
+ fieldLabel: 'From',
+ name: 'from_date',
+ maxValue: new Date() // limited to the current date or prior
+ }, {
+ xtype: 'datefield',
+ anchor: '100%',
+ fieldLabel: 'To',
+ name: 'to_date',
+ value: new Date() // defaults to today
+ }],
+ renderTo: Ext.getBody()
+});
+</code></pre>
+
+<h1>Date Formats Examples</h1>
+
+<p>This example shows a couple of different date format parsing scenarios. Both use custom date format
+configurations; the first one matches the configured <code>format</code> while the second matches the <code>altFormats</code>.</p>
+
+<pre class="prettyprint"><code>Ext.create('Ext.form.Panel', {
+ renderTo: Ext.getBody(),
+ width: 300,
+ bodyPadding: 10,
+ title: 'Dates',
+ items: [{
+ xtype: 'datefield',
+ anchor: '100%',
+ fieldLabel: 'Date',
+ name: 'date',
+ // The value matches the format; will be parsed and displayed using that format.
+ format: 'm d Y',
+ value: '2 4 1978'
+ }, {
+ xtype: 'datefield',
+ anchor: '100%',
+ fieldLabel: 'Date',
+ name: 'date',
+ // The value does not match the format, but does match an altFormat; will be parsed
+ // using the altFormat and displayed using the format.
+ format: 'm d Y',
+ altFormats: 'm,d,Y|m.d.Y',
+ value: '2.4.1978'
+ }]
+});
+</code></pre>
+<div class="members"><div class="m-cfgs"><div class="definedBy">Defined By</div><a name="configs"></a><h3 class="cfg p">Config Options</h3><h4 class="cfgGroup">CSS Class configs</h4><div id="config-baseBodyCls" class="member f inherited"><a href="Ext.form.field.Date.html#config-baseBodyCls" rel="config-baseBodyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-baseBodyCls" class="viewSource">view source</a></div><a name="baseBodyCls"></a><a name="config-baseBodyCls"></a><a href="Ext.form.field.Date.html#" rel="config-baseBodyCls" class="cls expand">baseBodyCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to be applied to the body content element. Defaults to 'x-form-item-body'.</p>
+</div><div class="long"><p>The CSS class to be applied to the body content element. Defaults to 'x-form-item-body'.</p>
+</div></div></div><div id="config-baseCls" class="member inherited"><a href="Ext.form.field.Date.html#config-baseCls" rel="config-baseCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-baseCls" class="viewSource">view source</a></div><a name="baseCls"></a><a name="config-baseCls"></a><a href="Ext.form.field.Date.html#" rel="config-baseCls" class="cls expand">baseCls</a><span> : String</span></div><div class="description"><div class="short">The base CSS class to apply to this components's element. This will also be prepended to
+elements within this compone...</div><div class="long"><p>The base CSS class to apply to this components's element. This will also be prepended to
+elements within this component like Panel's body will get a class x-panel-body. This means
+that if you create a subclass of Panel, and you want it to get all the Panels styling for the
+element and the body, you leave the baseCls x-panel and use componentCls to add specific styling for this
+component.</p>
+</div></div></div><div id="config-clearCls" class="member inherited"><a href="Ext.form.field.Date.html#config-clearCls" rel="config-clearCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-clearCls" class="viewSource">view source</a></div><a name="clearCls"></a><a name="config-clearCls"></a><a href="Ext.form.field.Date.html#" rel="config-clearCls" class="cls expand">clearCls</a><span> : String</span></div><div class="description"><div class="short">The CSS class to be applied to the special clearing div rendered directly after the field
+contents wrapper to provide...</div><div class="long"><p>The CSS class to be applied to the special clearing div rendered directly after the field
+contents wrapper to provide field clearing (defaults to <tt>'x-clear'</tt>).</p>
+</div></div></div><div id="config-cls" class="member inherited"><a href="Ext.form.field.Date.html#config-cls" rel="config-cls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-cls" class="viewSource">view source</a></div><a name="cls"></a><a name="config-cls"></a><a href="Ext.form.field.Date.html#" rel="config-cls" class="cls expand">cls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
+useful for ...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
+useful for adding customized styles to the component or any of its children using standard CSS rules.</p>
+</div></div></div><div id="config-componentCls" class="member inherited"><a href="Ext.form.field.Date.html#config-componentCls" rel="config-componentCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-componentCls" class="viewSource">view source</a></div><a name="componentCls"></a><a name="config-componentCls"></a><a href="Ext.form.field.Date.html#" rel="config-componentCls" class="cls expand">componentCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS Class to be added to a components root level element to give distinction to it
+via styling.</p>
+</div><div class="long"><p>CSS Class to be added to a components root level element to give distinction to it
+via styling.</p>
+</div></div></div><div id="config-dirtyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-dirtyCls" rel="config-dirtyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-dirtyCls" class="viewSource">view source</a></div><a name="dirtyCls"></a><a name="config-dirtyCls"></a><a href="Ext.form.field.Date.html#" rel="config-dirtyCls" class="cls expand">dirtyCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to use when the field value <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">is dirty</a>.</p>
+</div><div class="long"><p>The CSS class to use when the field value <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">is dirty</a>.</p>
+</div></div></div><div id="config-disabledCls" class="member inherited"><a href="Ext.form.field.Date.html#config-disabledCls" rel="config-disabledCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-disabledCls" class="viewSource">view source</a></div><a name="disabledCls"></a><a name="config-disabledCls"></a><a href="Ext.form.field.Date.html#" rel="config-disabledCls" class="cls expand">disabledCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
+</div><div class="long"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
+</div></div></div><div id="config-emptyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-emptyCls" rel="config-emptyCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-emptyCls" class="viewSource">view source</a></div><a name="emptyCls"></a><a name="config-emptyCls"></a><a href="Ext.form.field.Date.html#" rel="config-emptyCls" class="cls expand">emptyCls</a><span> : String</span></div><div class="description"><div class="short">The CSS class to apply to an empty field to style the emptyText
+(defaults to 'x-form-empty-field'). This class is au...</div><div class="long"><p>The CSS class to apply to an empty field to style the <b><tt><a href="Ext.form.field.Date.html#emptyText" rel="Ext.form.field.Date#emptyText" class="docClass">emptyText</a></tt></b>
+(defaults to <tt>'x-form-empty-field'</tt>). This class is automatically added and removed as needed
+depending on the current field value.</p>
+</div></div></div><div id="config-errorMsgCls" class="member inherited"><a href="Ext.form.field.Date.html#config-errorMsgCls" rel="config-errorMsgCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-errorMsgCls" class="viewSource">view source</a></div><a name="errorMsgCls"></a><a name="config-errorMsgCls"></a><a href="Ext.form.field.Date.html#" rel="config-errorMsgCls" class="cls expand">errorMsgCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to be applied to the error message element. Defaults to 'x-form-error-msg'.</p>
+</div><div class="long"><p>The CSS class to be applied to the error message element. Defaults to 'x-form-error-msg'.</p>
+</div></div></div><div id="config-fieldBodyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-fieldBodyCls" rel="config-fieldBodyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-fieldBodyCls" class="viewSource">view source</a></div><a name="fieldBodyCls"></a><a name="config-fieldBodyCls"></a><a href="Ext.form.field.Date.html#" rel="config-fieldBodyCls" class="cls expand">fieldBodyCls</a><span> : String</span></div><div class="description"><div class="short"><p>An extra CSS class to be applied to the body content element in addition to <a href="Ext.form.field.Date.html#fieldBodyCls" rel="Ext.form.field.Date#fieldBodyCls" class="docClass">fieldBodyCls</a>.
+Defaults to empty.</p>
+</div><div class="long"><p>An extra CSS class to be applied to the body content element in addition to <a href="Ext.form.field.Date.html#fieldBodyCls" rel="Ext.form.field.Date#fieldBodyCls" class="docClass">fieldBodyCls</a>.
+Defaults to empty.</p>
+</div></div></div><div id="config-fieldCls" class="member inherited"><a href="Ext.form.field.Date.html#config-fieldCls" rel="config-fieldCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-fieldCls" class="viewSource">view source</a></div><a name="fieldCls"></a><a name="config-fieldCls"></a><a href="Ext.form.field.Date.html#" rel="config-fieldCls" class="cls expand">fieldCls</a><span> : String</span></div><div class="description"><div class="short"><p>The default CSS class for the field input (defaults to 'x-form-field')</p>
+</div><div class="long"><p>The default CSS class for the field input (defaults to 'x-form-field')</p>
+</div></div></div><div id="config-focusCls" class="member inherited"><a href="Ext.form.field.Date.html#config-focusCls" rel="config-focusCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-focusCls" class="viewSource">view source</a></div><a name="focusCls"></a><a name="config-focusCls"></a><a href="Ext.form.field.Date.html#" rel="config-focusCls" class="cls expand">focusCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to use when the field receives focus (defaults to 'x-form-focus')</p>
+</div><div class="long"><p>The CSS class to use when the field receives focus (defaults to 'x-form-focus')</p>
+</div></div></div><div id="config-formItemCls" class="member inherited"><a href="Ext.form.field.Date.html#config-formItemCls" rel="config-formItemCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-formItemCls" class="viewSource">view source</a></div><a name="formItemCls"></a><a name="config-formItemCls"></a><a href="Ext.form.field.Date.html#" rel="config-formItemCls" class="cls expand">formItemCls</a><span> : String</span></div><div class="description"><div class="short">A CSS class to be applied to the outermost element to denote that it is participating in the form
+field layout. Defau...</div><div class="long"><p>A CSS class to be applied to the outermost element to denote that it is participating in the form
+field layout. Defaults to 'x-form-item'.</p>
+</div></div></div><div id="config-invalidCls" class="member inherited"><a href="Ext.form.field.Date.html#config-invalidCls" rel="config-invalidCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-invalidCls" class="viewSource">view source</a></div><a name="invalidCls"></a><a name="config-invalidCls"></a><a href="Ext.form.field.Date.html#" rel="config-invalidCls" class="cls expand">invalidCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to use when marking the component invalid (defaults to 'x-form-invalid')</p>
+</div><div class="long"><p>The CSS class to use when marking the component invalid (defaults to 'x-form-invalid')</p>
+</div></div></div><div id="config-labelCls" class="member inherited"><a href="Ext.form.field.Date.html#config-labelCls" rel="config-labelCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelCls" class="viewSource">view source</a></div><a name="labelCls"></a><a name="config-labelCls"></a><a href="Ext.form.field.Date.html#" rel="config-labelCls" class="cls expand">labelCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to be applied to the label element. Defaults to 'x-form-item-label'.</p>
+</div><div class="long"><p>The CSS class to be applied to the label element. Defaults to 'x-form-item-label'.</p>
+</div></div></div><div id="config-openCls" class="member inherited"><a href="Ext.form.field.Date.html#config-openCls" rel="config-openCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-cfg-openCls" class="viewSource">view source</a></div><a name="openCls"></a><a name="config-openCls"></a><a href="Ext.form.field.Date.html#" rel="config-openCls" class="cls expand">openCls</a><span> : String</span></div><div class="description"><div class="short"><p>A class to be added to the field's <a href="Ext.form.field.Date.html#bodyEl" rel="Ext.form.field.Date#bodyEl" class="docClass">bodyEl</a> element when the picker is opened. Defaults
+to 'x-pickerfield-open'.</p>
+</div><div class="long"><p>A class to be added to the field's <a href="Ext.form.field.Date.html#bodyEl" rel="Ext.form.field.Date#bodyEl" class="docClass">bodyEl</a> element when the picker is opened. Defaults
+to 'x-pickerfield-open'.</p>
+</div></div></div><div id="config-overCls" class="member inherited"><a href="Ext.form.field.Date.html#config-overCls" rel="config-overCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-overCls" class="viewSource">view source</a></div><a name="overCls"></a><a name="config-overCls"></a><a href="Ext.form.field.Date.html#" rel="config-overCls" class="cls expand">overCls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves
+over the Element, and...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element when the mouse moves
+over the Element, and removed when the mouse moves out. (defaults to ''). This can be
+useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</p>
+</div></div></div><div id="config-readOnlyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-readOnlyCls" rel="config-readOnlyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-readOnlyCls" class="viewSource">view source</a></div><a name="readOnlyCls"></a><a name="config-readOnlyCls"></a><a href="Ext.form.field.Date.html#" rel="config-readOnlyCls" class="cls expand">readOnlyCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class applied to the component's main element when it is <a href="Ext.form.field.Date.html#readOnly" rel="Ext.form.field.Date#readOnly" class="docClass">readOnly</a>.</p>
+</div><div class="long"><p>The CSS class applied to the component's main element when it is <a href="Ext.form.field.Date.html#readOnly" rel="Ext.form.field.Date#readOnly" class="docClass">readOnly</a>.</p>
+</div></div></div><div id="config-styleHtmlCls" class="member inherited"><a href="Ext.form.field.Date.html#config-styleHtmlCls" rel="config-styleHtmlCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-styleHtmlCls" class="viewSource">view source</a></div><a name="styleHtmlCls"></a><a name="config-styleHtmlCls"></a><a href="Ext.form.field.Date.html#" rel="config-styleHtmlCls" class="cls expand">styleHtmlCls</a><span> : String</span></div><div class="description"><div class="short"><p>The class that is added to the content target when you set styleHtmlContent to true.
+Defaults to 'x-html'</p>
+</div><div class="long"><p>The class that is added to the content target when you set styleHtmlContent to true.
+Defaults to 'x-html'</p>
+</div></div></div><div id="config-triggerBaseCls" class="member inherited"><a href="Ext.form.field.Date.html#config-triggerBaseCls" rel="config-triggerBaseCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-triggerBaseCls" class="viewSource">view source</a></div><a name="triggerBaseCls"></a><a name="config-triggerBaseCls"></a><a href="Ext.form.field.Date.html#" rel="config-triggerBaseCls" class="cls expand">triggerBaseCls</a><span> : String</span></div><div class="description"><div class="short">The base CSS class that is always added to the trigger button. The triggerCls will be
+appended in addition to this cl...</div><div class="long"><p>The base CSS class that is always added to the trigger button. The <a href="Ext.form.field.Date.html#triggerCls" rel="Ext.form.field.Date#triggerCls" class="docClass">triggerCls</a> will be
+appended in addition to this class.</p>
+</div></div></div><div id="config-triggerCls" class="member ni"><a href="Ext.form.field.Date.html#config-triggerCls" rel="config-triggerCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-triggerCls" class="viewSource">view source</a></div><a name="triggerCls"></a><a name="config-triggerCls"></a><a href="Ext.form.field.Date.html#" rel="config-triggerCls" class="cls expand">triggerCls</a><span> : String</span></div><div class="description"><div class="short">An additional CSS class used to style the trigger button. The trigger will always get the
+class 'x-form-trigger' and...</div><div class="long"><p>An additional CSS class used to style the trigger button. The trigger will always get the
+class <tt>'x-form-trigger'</tt> and <tt>triggerCls</tt> will be <b>appended</b> if specified
+(defaults to <tt>'x-form-date-trigger'</tt> which displays a calendar icon).</p>
+</div></div></div><div id="config-triggerWrapCls" class="member inherited"><a href="Ext.form.field.Date.html#config-triggerWrapCls" rel="config-triggerWrapCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-triggerWrapCls" class="viewSource">view source</a></div><a name="triggerWrapCls"></a><a name="config-triggerWrapCls"></a><a href="Ext.form.field.Date.html#" rel="config-triggerWrapCls" class="cls expand">triggerWrapCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class that is added to the div wrapping the trigger button(s).</p>
+</div><div class="long"><p>The CSS class that is added to the div wrapping the trigger button(s).</p>
+</div></div></div><h4 class="cfgGroup">Other Configs</h4><div id="config-activeError" class="member f inherited"><a href="Ext.form.field.Date.html#config-activeError" rel="config-activeError" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-activeError" class="viewSource">view source</a></div><a name="activeError"></a><a name="config-activeError"></a><a href="Ext.form.field.Date.html#" rel="config-activeError" class="cls expand">activeError</a><span> : String</span></div><div class="description"><div class="short">If specified, then the component will be displayed with this value as its active error when
+first rendered. Defaults ...</div><div class="long"><p>If specified, then the component will be displayed with this value as its active error when
+first rendered. Defaults to undefined. Use <a href="Ext.form.field.Date.html#setActiveError" rel="Ext.form.field.Date#setActiveError" class="docClass">setActiveError</a> or <a href="Ext.form.field.Date.html#unsetActiveError" rel="Ext.form.field.Date#unsetActiveError" class="docClass">unsetActiveError</a> to
+change it after component creation.</p>
+</div></div></div><div id="config-activeErrorsTpl" class="member inherited"><a href="Ext.form.field.Date.html#config-activeErrorsTpl" rel="config-activeErrorsTpl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-activeErrorsTpl" class="viewSource">view source</a></div><a name="activeErrorsTpl"></a><a name="config-activeErrorsTpl"></a><a href="Ext.form.field.Date.html#" rel="config-activeErrorsTpl" class="cls expand">activeErrorsTpl</a><span> : Ext.XTemplate</span></div><div class="description"><div class="short">The template used to format the Array of error messages passed to setActiveErrors
+into a single HTML string. By defau...</div><div class="long"><p>The template used to format the Array of error messages passed to <a href="Ext.form.field.Date.html#setActiveErrors" rel="Ext.form.field.Date#setActiveErrors" class="docClass">setActiveErrors</a>
+into a single HTML string. By default this renders each message as an item in an unordered list.</p>
+</div></div></div><div id="config-allowBlank" class="member inherited"><a href="Ext.form.field.Date.html#config-allowBlank" rel="config-allowBlank" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-allowBlank" class="viewSource">view source</a></div><a name="allowBlank"></a><a name="config-allowBlank"></a><a href="Ext.form.field.Date.html#" rel="config-allowBlank" class="cls expand">allowBlank</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Specify <tt>false</tt> to validate that the value's length is > 0 (defaults to
+<tt>true</tt>)</p>
+</div><div class="long"><p>Specify <tt>false</tt> to validate that the value's length is > 0 (defaults to
+<tt>true</tt>)</p>
+</div></div></div><div id="config-altFormats" class="member ni"><a href="Ext.form.field.Date.html#config-altFormats" rel="config-altFormats" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-altFormats" class="viewSource">view source</a></div><a name="altFormats"></a><a name="config-altFormats"></a><a href="Ext.form.field.Date.html#" rel="config-altFormats" class="cls expand">altFormats</a><span> : String</span></div><div class="description"><div class="short">Multiple date formats separated by "|" to try when parsing a user input value and it
+does not match the defined forma...</div><div class="long"><p>Multiple date formats separated by "<tt>|</tt>" to try when parsing a user input value and it
+does not match the defined format (defaults to
+<tt>'m/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d|n-j|n/j'</tt>).</p>
+</div></div></div><div id="config-autoEl" class="member inherited"><a href="Ext.form.field.Date.html#config-autoEl" rel="config-autoEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-autoEl" class="viewSource">view source</a></div><a name="autoEl"></a><a name="config-autoEl"></a><a href="Ext.form.field.Date.html#" rel="config-autoEl" class="cls expand">autoEl</a><span> : Mixed</span></div><div class="description"><div class="short">A tag name or DomHelper spec used to create the Element which will
+encapsulate this Component.
+
+
+You do not normally ...</div><div class="long"><p>A tag name or <a href="Ext.core.DomHelper.html" rel="Ext.core.DomHelper" class="docClass">DomHelper</a> spec used to create the <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a> which will
+encapsulate this Component.</p>
+
+
+<p>You do not normally need to specify this. For the base classes <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> and <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Ext.container.Container</a>,
+this defaults to <b><tt>'div'</tt></b>. The more complex Sencha classes use a more complex
+DOM structure specified by their own <a href="Ext.form.field.Date.html#renderTpl" rel="Ext.form.field.Date#renderTpl" class="docClass">renderTpl</a>s.</p>
+
+
+<p>This is intended to allow the developer to create application-specific utility Components encapsulated by
+different DOM elements. Example usage:</p>
+
+
+<pre><code>{
+ xtype: 'component',
+ autoEl: {
+ tag: 'img',
+ src: 'http://www.example.com/example.jpg'
+ }
+}, {
+ xtype: 'component',
+ autoEl: {
+ tag: 'blockquote',
+ html: 'autoEl is cool!'
+ }
+}, {
+ xtype: 'container',
+ autoEl: 'ul',
+ cls: 'ux-unordered-list',
+ items: {
+ xtype: 'component',
+ autoEl: 'li',
+ html: 'First list item'
+ }
+}
+</code></pre>
+
+</div></div></div><div id="config-autoFitErrors" class="member inherited"><a href="Ext.form.field.Date.html#config-autoFitErrors" rel="config-autoFitErrors" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-autoFitErrors" class="viewSource">view source</a></div><a name="autoFitErrors"></a><a name="config-autoFitErrors"></a><a href="Ext.form.field.Date.html#" rel="config-autoFitErrors" class="cls expand">autoFitErrors</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Whether to adjust the component's body area to make room for 'side' or 'under'
+<a href="Ext.form.field.Date.html#msgTarget" rel="Ext.form.field.Date#msgTarget" class="docClass">error messages</a>. Defaults to <tt>true</tt>.</p>
+</div><div class="long"><p>Whether to adjust the component's body area to make room for 'side' or 'under'
+<a href="Ext.form.field.Date.html#msgTarget" rel="Ext.form.field.Date#msgTarget" class="docClass">error messages</a>. Defaults to <tt>true</tt>.</p>
+</div></div></div><div id="config-autoRender" class="member inherited"><a href="Ext.form.field.Date.html#config-autoRender" rel="config-autoRender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-autoRender" class="viewSource">view source</a></div><a name="autoRender"></a><a name="config-autoRender"></a><a href="Ext.form.field.Date.html#" rel="config-autoRender" class="cls expand">autoRender</a><span> : Mixed</span></div><div class="description"><div class="short">This config is intended mainly for floating Components which may or may not be shown. Instead
+of using renderTo in th...</div><div class="long"><p>This config is intended mainly for <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components which may or may not be shown. Instead
+of using <a href="Ext.form.field.Date.html#renderTo" rel="Ext.form.field.Date#renderTo" class="docClass">renderTo</a> in the configuration, and rendering upon construction, this allows a Component
+to render itself upon first <i><a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a></i>.</p>
+
+
+<p>Specify as <code>true</code> to have this Component render to the document body upon first show.</p>
+
+
+<p>Specify as an element, or the ID of an element to have this Component render to a specific element upon first show.</p>
+
+
+<p><b>This defaults to <code>true</code> for the <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a> class.</b></p>
+
+</div></div></div><div id="config-autoScroll" class="member inherited"><a href="Ext.form.field.Date.html#config-autoScroll" rel="config-autoScroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-autoScroll" class="viewSource">view source</a></div><a name="autoScroll"></a><a name="config-autoScroll"></a><a href="Ext.form.field.Date.html#" rel="config-autoScroll" class="cls expand">autoScroll</a><span> : Boolean</span></div><div class="description"><div class="short">true to use overflow:'auto' on the components layout element and show scroll bars automatically when
+necessary, false...</div><div class="long"><p><code>true</code> to use overflow:'auto' on the components layout element and show scroll bars automatically when
+necessary, <code>false</code> to clip any overflowing content (defaults to <code>false</code>).</p>
+</div></div></div><div id="config-autoShow" class="member inherited"><a href="Ext.form.field.Date.html#config-autoShow" rel="config-autoShow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-autoShow" class="viewSource">view source</a></div><a name="autoShow"></a><a name="config-autoShow"></a><a href="Ext.form.field.Date.html#" rel="config-autoShow" class="cls expand">autoShow</a><span> : Boolean</span></div><div class="description"><div class="short">True to automatically show the component upon creation.
+This config option may only be used for floating components o...</div><div class="long"><p>True to automatically show the component upon creation.
+This config option may only be used for <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> components or components
+that use <a href="Ext.form.field.Date.html#autoRender" rel="Ext.form.field.Date#autoRender" class="docClass">autoRender</a>. Defaults to <tt>false</tt>.</p>
+</div></div></div><div id="config-baseBodyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-baseBodyCls" rel="config-baseBodyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-baseBodyCls" class="viewSource">view source</a></div><a name="baseBodyCls"></a><a name="config-baseBodyCls"></a><a href="Ext.form.field.Date.html#" rel="config-baseBodyCls" class="cls expand">baseBodyCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to be applied to the body content element. Defaults to 'x-form-item-body'.</p>
+</div><div class="long"><p>The CSS class to be applied to the body content element. Defaults to 'x-form-item-body'.</p>
+</div></div></div><div id="config-baseCls" class="member inherited"><a href="Ext.form.field.Date.html#config-baseCls" rel="config-baseCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-baseCls" class="viewSource">view source</a></div><a name="baseCls"></a><a name="config-baseCls"></a><a href="Ext.form.field.Date.html#" rel="config-baseCls" class="cls expand">baseCls</a><span> : String</span></div><div class="description"><div class="short">The base CSS class to apply to this components's element. This will also be prepended to
+elements within this compone...</div><div class="long"><p>The base CSS class to apply to this components's element. This will also be prepended to
+elements within this component like Panel's body will get a class x-panel-body. This means
+that if you create a subclass of Panel, and you want it to get all the Panels styling for the
+element and the body, you leave the baseCls x-panel and use componentCls to add specific styling for this
+component.</p>
+</div></div></div><div id="config-blankText" class="member inherited"><a href="Ext.form.field.Date.html#config-blankText" rel="config-blankText" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-blankText" class="viewSource">view source</a></div><a name="blankText"></a><a name="config-blankText"></a><a href="Ext.form.field.Date.html#" rel="config-blankText" class="cls expand">blankText</a><span> : String</span></div><div class="description"><div class="short"><p>The error text to display if the <b><tt><a href="Ext.form.field.Date.html#allowBlank" rel="Ext.form.field.Date#allowBlank" class="docClass">allowBlank</a></tt></b> validation
+fails (defaults to <tt>'This field is required'</tt>)</p>
+</div><div class="long"><p>The error text to display if the <b><tt><a href="Ext.form.field.Date.html#allowBlank" rel="Ext.form.field.Date#allowBlank" class="docClass">allowBlank</a></tt></b> validation
+fails (defaults to <tt>'This field is required'</tt>)</p>
+</div></div></div><div id="config-border" class="member inherited"><a href="Ext.form.field.Date.html#config-border" rel="config-border" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-border" class="viewSource">view source</a></div><a name="border"></a><a name="config-border"></a><a href="Ext.form.field.Date.html#" rel="config-border" class="cls expand">border</a><span> : Number/String</span></div><div class="description"><div class="short">Specifies the border for this component. The border can be a single numeric value to apply to all sides or
+it can be ...</div><div class="long"><p>Specifies the border for this component. The border can be a single numeric value to apply to all sides or
+it can be a CSS style specification for each style, for example: '10 5 3 10'.</p>
+</div></div></div><div id="config-checkChangeBuffer" class="member inherited"><a href="Ext.form.field.Date.html#config-checkChangeBuffer" rel="config-checkChangeBuffer" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-checkChangeBuffer" class="viewSource">view source</a></div><a name="checkChangeBuffer"></a><a name="config-checkChangeBuffer"></a><a href="Ext.form.field.Date.html#" rel="config-checkChangeBuffer" class="cls expand">checkChangeBuffer</a><span> : Number</span></div><div class="description"><div class="short">Defines a timeout in milliseconds for buffering checkChangeEvents that fire in rapid succession.
+Defaults to 50 milli...</div><div class="long"><p>Defines a timeout in milliseconds for buffering <a href="Ext.form.field.Date.html#checkChangeEvents" rel="Ext.form.field.Date#checkChangeEvents" class="docClass">checkChangeEvents</a> that fire in rapid succession.
+Defaults to 50 milliseconds.</p>
+</div></div></div><div id="config-checkChangeEvents" class="member inherited"><a href="Ext.form.field.Date.html#config-checkChangeEvents" rel="config-checkChangeEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-checkChangeEvents" class="viewSource">view source</a></div><a name="checkChangeEvents"></a><a name="config-checkChangeEvents"></a><a href="Ext.form.field.Date.html#" rel="config-checkChangeEvents" class="cls expand">checkChangeEvents</a><span> : Array</span></div><div class="description"><div class="short">A list of event names that will be listened for on the field's input element, which
+will cause the field's value to b...</div><div class="long"><p>A list of event names that will be listened for on the field's <a href="Ext.form.field.Date.html#inputEl" rel="Ext.form.field.Date#inputEl" class="docClass">input element</a>, which
+will cause the field's value to be checked for changes. If a change is detected, the
+<a href="Ext.form.field.Date.html#change" rel="Ext.form.field.Date#change" class="docClass">change event</a> will be fired, followed by validation if the <a href="Ext.form.field.Date.html#validateOnChange" rel="Ext.form.field.Date#validateOnChange" class="docClass">validateOnChange</a>
+option is enabled.</p>
+
+
+<p>Defaults to <tt>['change', 'propertychange']</tt> in Internet Explorer, and <tt>['change', 'input',
+'textInput', 'keyup', 'dragdrop']</tt> in other browsers. This catches all the ways that field values
+can be changed in most supported browsers; the only known exceptions at the time of writing are:</p>
+
+
+<ul>
+<li>Safari 3.2 and older: cut/paste in textareas via the context menu, and dragging text into textareas</li>
+<li>Opera 10 and 11: dragging text into text fields and textareas, and cut via the context menu in text
+fields and textareas</li>
+<li>Opera 9: Same as Opera 10 and 11, plus paste from context menu in text fields and textareas</li>
+</ul>
+
+
+<p>If you need to guarantee on-the-fly change notifications including these edge cases, you can call the
+<a href="Ext.form.field.Date.html#checkChange" rel="Ext.form.field.Date#checkChange" class="docClass">checkChange</a> method on a repeating interval, e.g. using <a href="Ext.TaskManager.html" rel="Ext.TaskManager" class="docClass">Ext.TaskManager</a>, or if the field is
+within a <a href="Ext.form.Panel.html" rel="Ext.form.Panel" class="docClass">Ext.form.Panel</a>, you can use the FormPanel's <a href="Ext.form.Panel.html#pollForChanges" rel="Ext.form.Panel#pollForChanges" class="docClass">Ext.form.Panel.pollForChanges</a>
+configuration to set up such a task automatically.</p>
+
+</div></div></div><div id="config-clearCls" class="member inherited"><a href="Ext.form.field.Date.html#config-clearCls" rel="config-clearCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-clearCls" class="viewSource">view source</a></div><a name="clearCls"></a><a name="config-clearCls"></a><a href="Ext.form.field.Date.html#" rel="config-clearCls" class="cls expand">clearCls</a><span> : String</span></div><div class="description"><div class="short">The CSS class to be applied to the special clearing div rendered directly after the field
+contents wrapper to provide...</div><div class="long"><p>The CSS class to be applied to the special clearing div rendered directly after the field
+contents wrapper to provide field clearing (defaults to <tt>'x-clear'</tt>).</p>
+</div></div></div><div id="config-cls" class="member inherited"><a href="Ext.form.field.Date.html#config-cls" rel="config-cls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-cls" class="viewSource">view source</a></div><a name="cls"></a><a name="config-cls"></a><a href="Ext.form.field.Date.html#" rel="config-cls" class="cls expand">cls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
+useful for ...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
+useful for adding customized styles to the component or any of its children using standard CSS rules.</p>
+</div></div></div><div id="config-componentCls" class="member inherited"><a href="Ext.form.field.Date.html#config-componentCls" rel="config-componentCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-componentCls" class="viewSource">view source</a></div><a name="componentCls"></a><a name="config-componentCls"></a><a href="Ext.form.field.Date.html#" rel="config-componentCls" class="cls expand">componentCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS Class to be added to a components root level element to give distinction to it
+via styling.</p>
+</div><div class="long"><p>CSS Class to be added to a components root level element to give distinction to it
+via styling.</p>
+</div></div></div><div id="config-componentLayout" class="member inherited"><a href="Ext.form.field.Date.html#config-componentLayout" rel="config-componentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-componentLayout" class="viewSource">view source</a></div><a name="componentLayout"></a><a name="config-componentLayout"></a><a href="Ext.form.field.Date.html#" rel="config-componentLayout" class="cls expand">componentLayout</a><span> : String/Object</span></div><div class="description"><div class="short">The sizing and positioning of a Component's internal Elements is the responsibility of
+the Component's layout manager...</div><div class="long"><p>The sizing and positioning of a Component's internal Elements is the responsibility of
+the Component's layout manager which sizes a Component's internal structure in response to the Component being sized.</p>
+
+
+<p>Generally, developers will not use this configuration as all provided Components which need their internal
+elements sizing (Such as <a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="docClass">input fields</a>) come with their own componentLayout managers.</p>
+
+
+<p>The <a href="Ext.layout.container.Auto.html" rel="Ext.layout.container.Auto" class="docClass">default layout manager</a> will be used on instances of the base <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> class
+which simply sizes the Component's encapsulating element to the height and width specified in the <a href="Ext.form.field.Date.html#setSize" rel="Ext.form.field.Date#setSize" class="docClass">setSize</a> method.</p>
+
+</div></div></div><div id="config-contentEl" class="member inherited"><a href="Ext.form.field.Date.html#config-contentEl" rel="config-contentEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-contentEl" class="viewSource">view source</a></div><a name="contentEl"></a><a name="config-contentEl"></a><a href="Ext.form.field.Date.html#" rel="config-contentEl" class="cls expand">contentEl</a><span> : String</span></div><div class="description"><div class="short">Optional. Specify an existing HTML element, or the id of an existing HTML element to use as the content
+for this comp...</div><div class="long"><p>Optional. Specify an existing HTML element, or the <code>id</code> of an existing HTML element to use as the content
+for this component.</p>
+
+
+<ul>
+<li><b>Description</b> :
+<div class="sub-desc">This config option is used to take an existing HTML element and place it in the layout element
+of a new component (it simply moves the specified DOM element <i>after the Component is rendered</i> to use as the content.</div></li>
+<li><b>Notes</b> :
+<div class="sub-desc">The specified HTML element is appended to the layout element of the component <i>after any configured
+<a href="Ext.form.field.Date.html#html" rel="Ext.form.field.Date#html" class="docClass">HTML</a> has been inserted</i>, and so the document will not contain this element at the time the <a href="Ext.form.field.Date.html#render" rel="Ext.form.field.Date#render" class="docClass">render</a> event is fired.</div>
+<div class="sub-desc">The specified HTML element used will not participate in any <code><b><a href="Ext.container.Container.html#layout" rel="Ext.container.Container#layout" class="docClass">layout</a></b></code>
+scheme that the Component may use. It is just HTML. Layouts operate on child <code><b><a href="Ext.container.Container.html#items" rel="Ext.container.Container#items" class="docClass">items</a></b></code>.</div>
+<div class="sub-desc">Add either the <code>x-hidden</code> or the <code>x-hide-display</code> CSS class to
+prevent a brief flicker of the content before it is rendered to the panel.</div></li>
+</ul>
+
+</div></div></div><div id="config-data" class="member inherited"><a href="Ext.form.field.Date.html#config-data" rel="config-data" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-data" class="viewSource">view source</a></div><a name="data"></a><a name="config-data"></a><a href="Ext.form.field.Date.html#" rel="config-data" class="cls expand">data</a><span> : Mixed</span></div><div class="description"><div class="short"><p>The initial set of data to apply to the <code><a href="Ext.form.field.Date.html#tpl" rel="Ext.form.field.Date#tpl" class="docClass">tpl</a></code> to
+update the content area of the Component.</p>
+</div><div class="long"><p>The initial set of data to apply to the <code><a href="Ext.form.field.Date.html#tpl" rel="Ext.form.field.Date#tpl" class="docClass">tpl</a></code> to
+update the content area of the Component.</p>
+</div></div></div><div id="config-dirtyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-dirtyCls" rel="config-dirtyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-dirtyCls" class="viewSource">view source</a></div><a name="dirtyCls"></a><a name="config-dirtyCls"></a><a href="Ext.form.field.Date.html#" rel="config-dirtyCls" class="cls expand">dirtyCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to use when the field value <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">is dirty</a>.</p>
+</div><div class="long"><p>The CSS class to use when the field value <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">is dirty</a>.</p>
+</div></div></div><div id="config-disableKeyFilter" class="member inherited"><a href="Ext.form.field.Date.html#config-disableKeyFilter" rel="config-disableKeyFilter" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-disableKeyFilter" class="viewSource">view source</a></div><a name="disableKeyFilter"></a><a name="config-disableKeyFilter"></a><a href="Ext.form.field.Date.html#" rel="config-disableKeyFilter" class="cls expand">disableKeyFilter</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Specify <tt>true</tt> to disable input keystroke filtering (defaults
+to <tt>false</tt>)</p>
+</div><div class="long"><p>Specify <tt>true</tt> to disable input keystroke filtering (defaults
+to <tt>false</tt>)</p>
+</div></div></div><div id="config-disabled" class="member inherited"><a href="Ext.form.field.Date.html#config-disabled" rel="config-disabled" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-cfg-disabled" class="viewSource">view source</a></div><a name="disabled"></a><a name="config-disabled"></a><a href="Ext.form.field.Date.html#" rel="config-disabled" class="cls expand">disabled</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True to disable the field (defaults to false). Disabled Fields will not be
+<a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">submitted</a>.</p></p>
+</div><div class="long"><p>True to disable the field (defaults to false). Disabled Fields will not be
+<a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">submitted</a>.</p></p>
+</div></div></div><div id="config-disabledCls" class="member inherited"><a href="Ext.form.field.Date.html#config-disabledCls" rel="config-disabledCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-disabledCls" class="viewSource">view source</a></div><a name="disabledCls"></a><a name="config-disabledCls"></a><a href="Ext.form.field.Date.html#" rel="config-disabledCls" class="cls expand">disabledCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
+</div><div class="long"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
+</div></div></div><div id="config-disabledDates" class="member ni"><a href="Ext.form.field.Date.html#config-disabledDates" rel="config-disabledDates" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-disabledDates" class="viewSource">view source</a></div><a name="disabledDates"></a><a name="config-disabledDates"></a><a href="Ext.form.field.Date.html#" rel="config-disabledDates" class="cls expand">disabledDates</a><span> : Array</span></div><div class="description"><div class="short">An array of "dates" to disable, as strings. These strings will be used to build a dynamic regular
+expression so they ...</div><div class="long"><p>An array of "dates" to disable, as strings. These strings will be used to build a dynamic regular
+expression so they are very powerful. Some examples:</p>
+
+<pre><code>// disable these exact dates:
+disabledDates: ["03/08/2003", "09/16/2003"]
+// disable these days for every year:
+disabledDates: ["03/08", "09/16"]
+// only match the beginning (useful if you are using short years):
+disabledDates: ["^03/08"]
+// disable every day in March 2006:
+disabledDates: ["03/../2006"]
+// disable every day in every March:
+disabledDates: ["^03"]
+</code></pre>
+
+
+<p>Note that the format of the dates included in the array should exactly match the <a href="Ext.form.field.Date.html#format" rel="Ext.form.field.Date#format" class="docClass">format</a> config.
+In order to support regular expressions, if you are using a <a href="Ext.form.field.Date.html#format" rel="Ext.form.field.Date#format" class="docClass">date format</a> that has "." in
+it, you will have to escape the dot when restricting dates. For example: <tt>["03\.08\.03"]</tt>.</p>
+</div></div></div><div id="config-disabledDatesText" class="member ni"><a href="Ext.form.field.Date.html#config-disabledDatesText" rel="config-disabledDatesText" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-disabledDatesText" class="viewSource">view source</a></div><a name="disabledDatesText"></a><a name="config-disabledDatesText"></a><a href="Ext.form.field.Date.html#" rel="config-disabledDatesText" class="cls expand">disabledDatesText</a><span> : String</span></div><div class="description"><div class="short"><p>The tooltip text to display when the date falls on a disabled date (defaults to <tt>'Disabled'</tt>)</p>
+</div><div class="long"><p>The tooltip text to display when the date falls on a disabled date (defaults to <tt>'Disabled'</tt>)</p>
+</div></div></div><div id="config-disabledDays" class="member ni"><a href="Ext.form.field.Date.html#config-disabledDays" rel="config-disabledDays" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-disabledDays" class="viewSource">view source</a></div><a name="disabledDays"></a><a name="config-disabledDays"></a><a href="Ext.form.field.Date.html#" rel="config-disabledDays" class="cls expand">disabledDays</a><span> : Array</span></div><div class="description"><div class="short">An array of days to disable, 0 based (defaults to undefined). Some examples:
+
+// disable Sunday and Saturday:
+disable...</div><div class="long"><p>An array of days to disable, 0 based (defaults to undefined). Some examples:</p>
+
+<pre><code>// disable Sunday and Saturday:
+disabledDays: [0, 6]
+// disable weekdays:
+disabledDays: [1,2,3,4,5]
+</code></pre>
+
+</div></div></div><div id="config-disabledDaysText" class="member ni"><a href="Ext.form.field.Date.html#config-disabledDaysText" rel="config-disabledDaysText" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-disabledDaysText" class="viewSource">view source</a></div><a name="disabledDaysText"></a><a name="config-disabledDaysText"></a><a href="Ext.form.field.Date.html#" rel="config-disabledDaysText" class="cls expand">disabledDaysText</a><span> : String</span></div><div class="description"><div class="short"><p>The tooltip to display when the date falls on a disabled day (defaults to <tt>'Disabled'</tt>)</p>
+</div><div class="long"><p>The tooltip to display when the date falls on a disabled day (defaults to <tt>'Disabled'</tt>)</p>
+</div></div></div><div id="config-draggable" class="member inherited"><a href="Ext.form.field.Date.html#config-draggable" rel="config-draggable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-draggable" class="viewSource">view source</a></div><a name="draggable"></a><a name="config-draggable"></a><a href="Ext.form.field.Date.html#" rel="config-draggable" class="cls expand">draggable</a><span> : Mixed</span></div><div class="description"><div class="short">Specify as true to make a floating Component draggable using the Component's encapsulating element as the drag handle...</div><div class="long"><p>Specify as true to make a <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Component draggable using the Component's encapsulating element as the drag handle.</p>
+
+
+<p>This may also be specified as a config object for the <a href="Ext.util.ComponentDragger.html" rel="Ext.util.ComponentDragger" class="docClass">ComponentDragger</a> which is instantiated to perform dragging.</p>
+
+
+<p>For example to create a Component which may only be dragged around using a certain internal element as the drag handle,
+use the delegate option:</p>
+
+
+<p><code></p>
+
+<pre>new Ext.Component({
+ constrain: true,
+ floating:true,
+ style: {
+ backgroundColor: '#fff',
+ border: '1px solid black'
+ },
+ html: '<h1 style="cursor:move">The title</h1><p>The content</p>',
+ draggable: {
+ delegate: 'h1'
+ }
+}).show();
+</pre>
+
+
+<p></code></p>
+</div></div></div><div id="config-editable" class="member inherited"><a href="Ext.form.field.Date.html#config-editable" rel="config-editable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-cfg-editable" class="viewSource">view source</a></div><a name="editable"></a><a name="config-editable"></a><a href="Ext.form.field.Date.html#" rel="config-editable" class="cls expand">editable</a><span> : Boolean</span></div><div class="description"><div class="short">false to prevent the user from typing text directly into the field;
+the field can only have its value set via selecti...</div><div class="long"><p><tt>false</tt> to prevent the user from typing text directly into the field;
+the field can only have its value set via selecting a value from the picker. In this state, the picker
+can also be opened by clicking directly on the input field itself.
+(defaults to <tt>true</tt>).</p>
+</div></div></div><div id="config-emptyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-emptyCls" rel="config-emptyCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-emptyCls" class="viewSource">view source</a></div><a name="emptyCls"></a><a name="config-emptyCls"></a><a href="Ext.form.field.Date.html#" rel="config-emptyCls" class="cls expand">emptyCls</a><span> : String</span></div><div class="description"><div class="short">The CSS class to apply to an empty field to style the emptyText
+(defaults to 'x-form-empty-field'). This class is au...</div><div class="long"><p>The CSS class to apply to an empty field to style the <b><tt><a href="Ext.form.field.Date.html#emptyText" rel="Ext.form.field.Date#emptyText" class="docClass">emptyText</a></tt></b>
+(defaults to <tt>'x-form-empty-field'</tt>). This class is automatically added and removed as needed
+depending on the current field value.</p>
+</div></div></div><div id="config-emptyText" class="member inherited"><a href="Ext.form.field.Date.html#config-emptyText" rel="config-emptyText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-emptyText" class="viewSource">view source</a></div><a name="emptyText"></a><a name="config-emptyText"></a><a href="Ext.form.field.Date.html#" rel="config-emptyText" class="cls expand">emptyText</a><span> : String</span></div><div class="description"><div class="short">The default text to place into an empty field (defaults to undefined).
+
+
+Note that normally this value will be submit...</div><div class="long"><p>The default text to place into an empty field (defaults to <tt>undefined</tt>).</p>
+
+
+<p>Note that normally this value will be submitted to the server if this field is enabled; to prevent this
+you can set the <a href="Ext.form.action.Action.html#submitEmptyText" rel="Ext.form.action.Action#submitEmptyText" class="docClass">submitEmptyText</a> option of
+<a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">Ext.form.Basic.submit</a> to <tt>false</tt>.</p>
+
+
+<p>Also note that if you use <tt><a href="Ext.form.field.Date.html#inputType" rel="Ext.form.field.Date#inputType" class="docClass">inputType</a>:'file'</tt>, <a href="Ext.form.field.Date.html#emptyText" rel="Ext.form.field.Date#emptyText" class="docClass">emptyText</a> is not
+supported and should be avoided.</p>
+
+</div></div></div><div id="config-enableKeyEvents" class="member inherited"><a href="Ext.form.field.Date.html#config-enableKeyEvents" rel="config-enableKeyEvents" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-enableKeyEvents" class="viewSource">view source</a></div><a name="enableKeyEvents"></a><a name="config-enableKeyEvents"></a><a href="Ext.form.field.Date.html#" rel="config-enableKeyEvents" class="cls expand">enableKeyEvents</a><span> : Boolean</span></div><div class="description"><div class="short"><p><tt>true</tt> to enable the proxying of key events for the HTML input field (defaults to <tt>false</tt>)</p>
+</div><div class="long"><p><tt>true</tt> to enable the proxying of key events for the HTML input field (defaults to <tt>false</tt>)</p>
+</div></div></div><div id="config-enforceMaxLength" class="member inherited"><a href="Ext.form.field.Date.html#config-enforceMaxLength" rel="config-enforceMaxLength" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-enforceMaxLength" class="viewSource">view source</a></div><a name="enforceMaxLength"></a><a name="config-enforceMaxLength"></a><a href="Ext.form.field.Date.html#" rel="config-enforceMaxLength" class="cls expand">enforceMaxLength</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True to set the maxLength property on the underlying input field. Defaults to <tt>false</tt></p>
+</div><div class="long"><p>True to set the maxLength property on the underlying input field. Defaults to <tt>false</tt></p>
+</div></div></div><div id="config-errorMsgCls" class="member inherited"><a href="Ext.form.field.Date.html#config-errorMsgCls" rel="config-errorMsgCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-errorMsgCls" class="viewSource">view source</a></div><a name="errorMsgCls"></a><a name="config-errorMsgCls"></a><a href="Ext.form.field.Date.html#" rel="config-errorMsgCls" class="cls expand">errorMsgCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to be applied to the error message element. Defaults to 'x-form-error-msg'.</p>
+</div><div class="long"><p>The CSS class to be applied to the error message element. Defaults to 'x-form-error-msg'.</p>
+</div></div></div><div id="config-fieldBodyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-fieldBodyCls" rel="config-fieldBodyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-fieldBodyCls" class="viewSource">view source</a></div><a name="fieldBodyCls"></a><a name="config-fieldBodyCls"></a><a href="Ext.form.field.Date.html#" rel="config-fieldBodyCls" class="cls expand">fieldBodyCls</a><span> : String</span></div><div class="description"><div class="short"><p>An extra CSS class to be applied to the body content element in addition to <a href="Ext.form.field.Date.html#fieldBodyCls" rel="Ext.form.field.Date#fieldBodyCls" class="docClass">fieldBodyCls</a>.
+Defaults to empty.</p>
+</div><div class="long"><p>An extra CSS class to be applied to the body content element in addition to <a href="Ext.form.field.Date.html#fieldBodyCls" rel="Ext.form.field.Date#fieldBodyCls" class="docClass">fieldBodyCls</a>.
+Defaults to empty.</p>
+</div></div></div><div id="config-fieldCls" class="member inherited"><a href="Ext.form.field.Date.html#config-fieldCls" rel="config-fieldCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-fieldCls" class="viewSource">view source</a></div><a name="fieldCls"></a><a name="config-fieldCls"></a><a href="Ext.form.field.Date.html#" rel="config-fieldCls" class="cls expand">fieldCls</a><span> : String</span></div><div class="description"><div class="short"><p>The default CSS class for the field input (defaults to 'x-form-field')</p>
+</div><div class="long"><p>The default CSS class for the field input (defaults to 'x-form-field')</p>
+</div></div></div><div id="config-fieldLabel" class="member inherited"><a href="Ext.form.field.Date.html#config-fieldLabel" rel="config-fieldLabel" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-fieldLabel" class="viewSource">view source</a></div><a name="fieldLabel"></a><a name="config-fieldLabel"></a><a href="Ext.form.field.Date.html#" rel="config-fieldLabel" class="cls expand">fieldLabel</a><span> : String</span></div><div class="description"><div class="short">The label for the field. It gets appended with the labelSeparator, and its position
+and sizing is determined by the l...</div><div class="long"><p>The label for the field. It gets appended with the <a href="Ext.form.field.Date.html#labelSeparator" rel="Ext.form.field.Date#labelSeparator" class="docClass">labelSeparator</a>, and its position
+and sizing is determined by the <a href="Ext.form.field.Date.html#labelAlign" rel="Ext.form.field.Date#labelAlign" class="docClass">labelAlign</a>, <a href="Ext.form.field.Date.html#labelWidth" rel="Ext.form.field.Date#labelWidth" class="docClass">labelWidth</a>, and <a href="Ext.form.field.Date.html#labelPad" rel="Ext.form.field.Date#labelPad" class="docClass">labelPad</a>
+configs. Defaults to undefined.</p>
+</div></div></div><div id="config-fieldStyle" class="member inherited"><a href="Ext.form.field.Date.html#config-fieldStyle" rel="config-fieldStyle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-fieldStyle" class="viewSource">view source</a></div><a name="fieldStyle"></a><a name="config-fieldStyle"></a><a href="Ext.form.field.Date.html#" rel="config-fieldStyle" class="cls expand">fieldStyle</a><span> : String</span></div><div class="description"><div class="short">Optional CSS style(s) to be applied to the field input element.
+Should be a valid argument to Ext.core.Element.applyS...</div><div class="long"><p>Optional CSS style(s) to be applied to the <a href="Ext.form.field.Date.html#inputEl" rel="Ext.form.field.Date#inputEl" class="docClass">field input element</a>.
+Should be a valid argument to <a href="Ext.core.Element.html#applyStyles" rel="Ext.core.Element#applyStyles" class="docClass">Ext.core.Element.applyStyles</a>. Defaults to undefined. See also the
+<a href="Ext.form.field.Date.html#setFieldStyle" rel="Ext.form.field.Date#setFieldStyle" class="docClass">setFieldStyle</a> method for changing the style after initialization.</p>
+</div></div></div><div id="config-floating" class="member inherited"><a href="Ext.form.field.Date.html#config-floating" rel="config-floating" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-floating" class="viewSource">view source</a></div><a name="floating"></a><a name="config-floating"></a><a href="Ext.form.field.Date.html#" rel="config-floating" class="cls expand">floating</a><span> : Boolean</span></div><div class="description"><div class="short">Specify as true to float the Component outside of the document flow using CSS absolute positioning.
+
+
+Components such...</div><div class="long"><p>Specify as true to float the Component outside of the document flow using CSS absolute positioning.</p>
+
+
+<p>Components such as <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a>s and <a href="Ext.menu.Menu.html" rel="Ext.menu.Menu" class="docClass">Menu</a>s are floating
+by default.</p>
+
+
+<p>Floating Components that are programatically <a href="Ext.Component.html#render" rel="Ext.Component#render" class="docClass">rendered</a> will register themselves with the global
+<a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a></p>
+
+
+<h3 class="pa">Floating Components as child items of a Container</h3>
+
+
+<p>A floating Component may be used as a child item of a Container. This just allows the floating Component to seek a ZIndexManager by
+examining the ownerCt chain.</p>
+
+
+<p>When configured as floating, Components acquire, at render time, a <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a> which manages a stack
+of related floating Components. The ZIndexManager brings a single floating Component to the top of its stack when
+the Component's <a href="Ext.form.field.Date.html#toFront" rel="Ext.form.field.Date#toFront" class="docClass">toFront</a> method is called.</p>
+
+
+<p>The ZIndexManager is found by traversing up the <a href="Ext.form.field.Date.html#ownerCt" rel="Ext.form.field.Date#ownerCt" class="docClass">ownerCt</a> chain to find an ancestor which itself is floating. This is so that
+descendant floating Components of floating <i>Containers</i> (Such as a ComboBox dropdown within a Window) can have its zIndex managed relative
+to any siblings, but always <b>above</b> that floating ancestor Container.</p>
+
+
+<p>If no floating ancestor is found, a floating Component registers itself with the default <a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a>.</p>
+
+
+<p>Floating components <i>do not participate in the Container's layout</i>. Because of this, they are not rendered until you explicitly
+<a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a> them.</p>
+
+
+<p>After rendering, the ownerCt reference is deleted, and the <a href="Ext.form.field.Date.html#floatParent" rel="Ext.form.field.Date#floatParent" class="docClass">floatParent</a> property is set to the found floating ancestor Container.
+If no floating ancestor Container was found the <a href="Ext.form.field.Date.html#floatParent" rel="Ext.form.field.Date#floatParent" class="docClass">floatParent</a> property will not be set.</p>
+
+</div></div></div><div id="config-focusCls" class="member inherited"><a href="Ext.form.field.Date.html#config-focusCls" rel="config-focusCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-focusCls" class="viewSource">view source</a></div><a name="focusCls"></a><a name="config-focusCls"></a><a href="Ext.form.field.Date.html#" rel="config-focusCls" class="cls expand">focusCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to use when the field receives focus (defaults to 'x-form-focus')</p>
+</div><div class="long"><p>The CSS class to use when the field receives focus (defaults to 'x-form-focus')</p>
+</div></div></div><div id="config-focusOnToFront" class="member inherited"><a href="Ext.form.field.Date.html#config-focusOnToFront" rel="config-focusOnToFront" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-cfg-focusOnToFront" class="viewSource">view source</a></div><a name="focusOnToFront"></a><a name="config-focusOnToFront"></a><a href="Ext.form.field.Date.html#" rel="config-focusOnToFront" class="cls expand">focusOnToFront</a><span> : Boolean</span></div><div class="description"><div class="short">Specifies whether the floated component should be automatically focused when it is
+brought to the front. Defaults to ...</div><div class="long"><p>Specifies whether the floated component should be automatically <a href="Ext.form.field.Date.html#focus" rel="Ext.form.field.Date#focus" class="docClass">focused</a> when it is
+<a href="Ext.form.field.Date.html#toFront" rel="Ext.form.field.Date#toFront" class="docClass">brought to the front</a>. Defaults to true.</p>
+</div></div></div><div id="config-formItemCls" class="member inherited"><a href="Ext.form.field.Date.html#config-formItemCls" rel="config-formItemCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-formItemCls" class="viewSource">view source</a></div><a name="formItemCls"></a><a name="config-formItemCls"></a><a href="Ext.form.field.Date.html#" rel="config-formItemCls" class="cls expand">formItemCls</a><span> : String</span></div><div class="description"><div class="short">A CSS class to be applied to the outermost element to denote that it is participating in the form
+field layout. Defau...</div><div class="long"><p>A CSS class to be applied to the outermost element to denote that it is participating in the form
+field layout. Defaults to 'x-form-item'.</p>
+</div></div></div><div id="config-format" class="member ni"><a href="Ext.form.field.Date.html#config-format" rel="config-format" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-format" class="viewSource">view source</a></div><a name="format"></a><a name="config-format"></a><a href="Ext.form.field.Date.html#" rel="config-format" class="cls expand">format</a><span> : String</span></div><div class="description"><div class="short">The default date format string which can be overriden for localization support. The format must be
+valid according t...</div><div class="long"><p>The default date format string which can be overriden for localization support. The format must be
+valid according to <a href="Ext.Date.html#parse" rel="Ext.Date#parse" class="docClass">Ext.Date.parse</a> (defaults to <tt>'m/d/Y'</tt>).</p>
+</div></div></div><div id="config-frame" class="member inherited"><a href="Ext.form.field.Date.html#config-frame" rel="config-frame" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-frame" class="viewSource">view source</a></div><a name="frame"></a><a name="config-frame"></a><a href="Ext.form.field.Date.html#" rel="config-frame" class="cls expand">frame</a><span> : Boolean</span></div><div class="description"><div class="short">Specify as true to have the Component inject framing elements within the Component at render time to
+provide a graphi...</div><div class="long"><p>Specify as <code>true</code> to have the Component inject framing elements within the Component at render time to
+provide a graphical rounded frame around the Component content.</p>
+
+
+<p>This is only necessary when running on outdated, or non standard-compliant browsers such as Microsoft's Internet Explorer
+prior to version 9 which do not support rounded corners natively.</p>
+
+
+<p>The extra space taken up by this framing is available from the read only property <a href="Ext.form.field.Date.html#frameSize" rel="Ext.form.field.Date#frameSize" class="docClass">frameSize</a>.</p>
+
+</div></div></div><div id="config-grow" class="member inherited"><a href="Ext.form.field.Date.html#config-grow" rel="config-grow" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-grow" class="viewSource">view source</a></div><a name="grow"></a><a name="config-grow"></a><a href="Ext.form.field.Date.html#" rel="config-grow" class="cls expand">grow</a><span> : Boolean</span></div><div class="description"><div class="short"><p><tt>true</tt> if this field should automatically grow and shrink to its content
+(defaults to <tt>false</tt>)</p>
+</div><div class="long"><p><tt>true</tt> if this field should automatically grow and shrink to its content
+(defaults to <tt>false</tt>)</p>
+</div></div></div><div id="config-growAppend" class="member inherited"><a href="Ext.form.field.Date.html#config-growAppend" rel="config-growAppend" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-growAppend" class="viewSource">view source</a></div><a name="growAppend"></a><a name="config-growAppend"></a><a href="Ext.form.field.Date.html#" rel="config-growAppend" class="cls expand">growAppend</a><span> : String</span></div><div class="description"><div class="short">A string that will be appended to the field's current value for the purposes of calculating the target
+field size. On...</div><div class="long"><p>A string that will be appended to the field's current value for the purposes of calculating the target
+field size. Only used when the <a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a> config is <tt>true</tt>. Defaults to a single capital "W"
+(the widest character in common fonts) to leave enough space for the next typed character and avoid the
+field value shifting before the width is adjusted.</p>
+</div></div></div><div id="config-growMax" class="member inherited"><a href="Ext.form.field.Date.html#config-growMax" rel="config-growMax" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-growMax" class="viewSource">view source</a></div><a name="growMax"></a><a name="config-growMax"></a><a href="Ext.form.field.Date.html#" rel="config-growMax" class="cls expand">growMax</a><span> : Number</span></div><div class="description"><div class="short"><p>The maximum width to allow when <code><b><a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a></b> = true</code> (defaults
+to <tt>800</tt>)</p>
+</div><div class="long"><p>The maximum width to allow when <code><b><a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a></b> = true</code> (defaults
+to <tt>800</tt>)</p>
+</div></div></div><div id="config-growMin" class="member inherited"><a href="Ext.form.field.Date.html#config-growMin" rel="config-growMin" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-growMin" class="viewSource">view source</a></div><a name="growMin"></a><a name="config-growMin"></a><a href="Ext.form.field.Date.html#" rel="config-growMin" class="cls expand">growMin</a><span> : Number</span></div><div class="description"><div class="short"><p>The minimum width to allow when <code><b><a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a></b> = true</code> (defaults
+to <tt>30</tt>)</p>
+</div><div class="long"><p>The minimum width to allow when <code><b><a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a></b> = true</code> (defaults
+to <tt>30</tt>)</p>
+</div></div></div><div id="config-height" class="member inherited"><a href="Ext.form.field.Date.html#config-height" rel="config-height" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-height" class="viewSource">view source</a></div><a name="height"></a><a name="config-height"></a><a href="Ext.form.field.Date.html#" rel="config-height" class="cls expand">height</a><span> : Number</span></div><div class="description"><div class="short"><p>The height of this component in pixels.</p>
+</div><div class="long"><p>The height of this component in pixels.</p>
+</div></div></div><div id="config-hidden" class="member inherited"><a href="Ext.form.field.Date.html#config-hidden" rel="config-hidden" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-hidden" class="viewSource">view source</a></div><a name="hidden"></a><a name="config-hidden"></a><a href="Ext.form.field.Date.html#" rel="config-hidden" class="cls expand">hidden</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Defaults to false.</p>
+</div><div class="long"><p>Defaults to false.</p>
+</div></div></div><div id="config-hideEmptyLabel" class="member inherited"><a href="Ext.form.field.Date.html#config-hideEmptyLabel" rel="config-hideEmptyLabel" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-hideEmptyLabel" class="viewSource">view source</a></div><a name="hideEmptyLabel"></a><a name="config-hideEmptyLabel"></a><a href="Ext.form.field.Date.html#" rel="config-hideEmptyLabel" class="cls expand">hideEmptyLabel</a><span> : Boolean</span></div><div class="description"><div class="short">When set to true, the label element (fieldLabel and labelSeparator) will be
+automatically hidden if the fieldLabel is...</div><div class="long"><p>When set to <tt>true</tt>, the label element (<a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> and <a href="Ext.form.field.Date.html#labelSeparator" rel="Ext.form.field.Date#labelSeparator" class="docClass">labelSeparator</a>) will be
+automatically hidden if the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> is empty. Setting this to <tt>false</tt> will cause the empty
+label element to be rendered and space to be reserved for it; this is useful if you want a field without a label
+to line up with other labeled fields in the same form. Defaults to <tt>true</tt>.</p>
+
+
+<p>If you wish to unconditionall hide the label even if a non-empty fieldLabel is configured, then set
+the <a href="Ext.form.field.Date.html#hideLabel" rel="Ext.form.field.Date#hideLabel" class="docClass">hideLabel</a> config to <tt>true</tt>.</p>
+
+</div></div></div><div id="config-hideLabel" class="member inherited"><a href="Ext.form.field.Date.html#config-hideLabel" rel="config-hideLabel" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-hideLabel" class="viewSource">view source</a></div><a name="hideLabel"></a><a name="config-hideLabel"></a><a href="Ext.form.field.Date.html#" rel="config-hideLabel" class="cls expand">hideLabel</a><span> : Boolean</span></div><div class="description"><div class="short">Set to true to completely hide the label element (fieldLabel and labelSeparator).
+Defaults to false.
+
+
+Also see hideE...</div><div class="long"><p>Set to <tt>true</tt> to completely hide the label element (<a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> and <a href="Ext.form.field.Date.html#labelSeparator" rel="Ext.form.field.Date#labelSeparator" class="docClass">labelSeparator</a>).
+Defaults to <tt>false</tt>.</p>
+
+
+<p>Also see <a href="Ext.form.field.Date.html#hideEmptyLabel" rel="Ext.form.field.Date#hideEmptyLabel" class="docClass">hideEmptyLabel</a>, which controls whether space will be reserved for an empty fieldLabel.</p>
+
+</div></div></div><div id="config-hideMode" class="member inherited"><a href="Ext.form.field.Date.html#config-hideMode" rel="config-hideMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-hideMode" class="viewSource">view source</a></div><a name="hideMode"></a><a name="config-hideMode"></a><a href="Ext.form.field.Date.html#" rel="config-hideMode" class="cls expand">hideMode</a><span> : String</span></div><div class="description"><div class="short">A String which specifies how this Component's encapsulating DOM element will be hidden.
+Values may be
+'display' : The...</div><div class="long"><p>A String which specifies how this Component's encapsulating DOM element will be hidden.
+Values may be<div class="mdetail-params"><ul>
+<li><code>'display'</code> : The Component will be hidden using the <code>display: none</code> style.</li>
+<li><code>'visibility'</code> : The Component will be hidden using the <code>visibility: hidden</code> style.</li>
+<li><code>'offsets'</code> : The Component will be hidden by absolutely positioning it out of the visible area of the document. This
+is useful when a hidden Component must maintain measurable dimensions. Hiding using <code>display</code> results
+in a Component having zero dimensions.</li></ul></div>
+Defaults to <code>'display'</code>.</p>
+</div></div></div><div id="config-hideTrigger" class="member inherited"><a href="Ext.form.field.Date.html#config-hideTrigger" rel="config-hideTrigger" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-hideTrigger" class="viewSource">view source</a></div><a name="hideTrigger"></a><a name="config-hideTrigger"></a><a href="Ext.form.field.Date.html#" rel="config-hideTrigger" class="cls expand">hideTrigger</a><span> : Boolean</span></div><div class="description"><div class="short"><p><tt>true</tt> to hide the trigger element and display only the base
+text field (defaults to <tt>false</tt>)</p>
+</div><div class="long"><p><tt>true</tt> to hide the trigger element and display only the base
+text field (defaults to <tt>false</tt>)</p>
+</div></div></div><div id="config-html" class="member inherited"><a href="Ext.form.field.Date.html#config-html" rel="config-html" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-html" class="viewSource">view source</a></div><a name="html"></a><a name="config-html"></a><a href="Ext.form.field.Date.html#" rel="config-html" class="cls expand">html</a><span> : String/Object</span></div><div class="description"><div class="short">An HTML fragment, or a DomHelper specification to use as the layout element
+content (defaults to ''). The HTML conten...</div><div class="long"><p>An HTML fragment, or a <a href="Ext.core.DomHelper.html" rel="Ext.core.DomHelper" class="docClass">DomHelper</a> specification to use as the layout element
+content (defaults to ''). The HTML content is added after the component is rendered,
+so the document will not contain this HTML at the time the <a href="Ext.form.field.Date.html#render" rel="Ext.form.field.Date#render" class="docClass">render</a> event is fired.
+This content is inserted into the body <i>before</i> any configured <a href="Ext.form.field.Date.html#contentEl" rel="Ext.form.field.Date#contentEl" class="docClass">contentEl</a> is appended.</p>
+</div></div></div><div id="config-id" class="member inherited"><a href="Ext.form.field.Date.html#config-id" rel="config-id" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-id" class="viewSource">view source</a></div><a name="id"></a><a name="config-id"></a><a href="Ext.form.field.Date.html#" rel="config-id" class="cls expand">id</a><span> : String</span></div><div class="description"><div class="short">The unique id of this component instance (defaults to an auto-assigned id).
+
+
+It should not be necessary to use this ...</div><div class="long"><p>The <b><u>unique id of this component instance</u></b> (defaults to an <a href="Ext.form.field.Date.html#getId" rel="Ext.form.field.Date#getId" class="docClass">auto-assigned id</a>).</p>
+
+
+<p>It should not be necessary to use this configuration except for singleton objects in your application.
+Components created with an id may be accessed globally using <a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">Ext.getCmp</a>.</p>
+
+
+<p>Instead of using assigned ids, use the <a href="Ext.form.field.Date.html#itemId" rel="Ext.form.field.Date#itemId" class="docClass">itemId</a> config, and <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> which
+provides selector-based searching for Sencha Components analogous to DOM querying. The <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a>
+class contains <a href="Ext.container.Container.html#down" rel="Ext.container.Container#down" class="docClass">shortcut methods</a> to query its descendant Components by selector.</p>
+
+
+<p>Note that this id will also be used as the element id for the containing HTML element
+that is rendered to the page for this component. This allows you to write id-based CSS
+rules to style the specific instance of this component uniquely, and also to select
+sub-elements using this component's id as the parent.</p>
+
+
+<p><b>Note</b>: to avoid complications imposed by a unique <tt>id</tt> also see <code><a href="Ext.form.field.Date.html#itemId" rel="Ext.form.field.Date#itemId" class="docClass">itemId</a></code>.</p>
+
+
+<p><b>Note</b>: to access the container of a Component see <code><a href="Ext.form.field.Date.html#ownerCt" rel="Ext.form.field.Date#ownerCt" class="docClass">ownerCt</a></code>.</p>
+
+</div></div></div><div id="config-inputId" class="member inherited"><a href="Ext.form.field.Date.html#config-inputId" rel="config-inputId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-inputId" class="viewSource">view source</a></div><a name="inputId"></a><a name="config-inputId"></a><a href="Ext.form.field.Date.html#" rel="config-inputId" class="cls expand">inputId</a><span> : String</span></div><div class="description"><div class="short">The id that will be given to the generated input DOM element. Defaults to an automatically generated id.
+If you confi...</div><div class="long"><p>The id that will be given to the generated input DOM element. Defaults to an automatically generated id.
+If you configure this manually, you must make sure it is unique in the document.</p>
+</div></div></div><div id="config-inputType" class="member inherited"><a href="Ext.form.field.Date.html#config-inputType" rel="config-inputType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-inputType" class="viewSource">view source</a></div><a name="inputType"></a><a name="config-inputType"></a><a href="Ext.form.field.Date.html#" rel="config-inputType" class="cls expand">inputType</a><span> : String</span></div><div class="description"><div class="short">The type attribute for input fields -- e.g. radio, text, password, file (defaults to 'text').
+The extended types supp...</div><div class="long"><p>The type attribute for input fields -- e.g. radio, text, password, file (defaults to <tt>'text'</tt>).
+The extended types supported by HTML5 inputs (url, email, etc.) may also be used, though using them
+will cause older browsers to fall back to 'text'.</p>
+
+
+<p>The type 'password' must be used to render that field type currently -- there is no separate <a href="Ext.html" rel="Ext" class="docClass">Ext</a>
+component for that. You can use <a href="Ext.form.field.File.html" rel="Ext.form.field.File" class="docClass">Ext.form.field.File</a> which creates a custom-rendered file upload
+field, but if you want a plain unstyled file input you can use a BaseField with inputType:'file'.</p>
+
+</div></div></div><div id="config-invalidCls" class="member inherited"><a href="Ext.form.field.Date.html#config-invalidCls" rel="config-invalidCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-invalidCls" class="viewSource">view source</a></div><a name="invalidCls"></a><a name="config-invalidCls"></a><a href="Ext.form.field.Date.html#" rel="config-invalidCls" class="cls expand">invalidCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to use when marking the component invalid (defaults to 'x-form-invalid')</p>
+</div><div class="long"><p>The CSS class to use when marking the component invalid (defaults to 'x-form-invalid')</p>
+</div></div></div><div id="config-invalidText" class="member ni"><a href="Ext.form.field.Date.html#config-invalidText" rel="config-invalidText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-invalidText" class="viewSource">view source</a></div><a name="invalidText"></a><a name="config-invalidText"></a><a href="Ext.form.field.Date.html#" rel="config-invalidText" class="cls expand">invalidText</a><span> : String</span></div><div class="description"><div class="short">The error text to display when the date in the field is invalid (defaults to
+'{value} is not a valid date - it must b...</div><div class="long"><p>The error text to display when the date in the field is invalid (defaults to
+<tt>'{value} is not a valid date - it must be in the format {format}'</tt>).</p>
+</div></div></div><div id="config-itemId" class="member inherited"><a href="Ext.form.field.Date.html#config-itemId" rel="config-itemId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-itemId" class="viewSource">view source</a></div><a name="itemId"></a><a name="config-itemId"></a><a href="Ext.form.field.Date.html#" rel="config-itemId" class="cls expand">itemId</a><span> : String</span></div><div class="description"><div class="short">An itemId can be used as an alternative way to get a reference to a component
+when no object reference is available. ...</div><div class="long"><p>An <tt>itemId</tt> can be used as an alternative way to get a reference to a component
+when no object reference is available. Instead of using an <code><a href="Ext.form.field.Date.html#id" rel="Ext.form.field.Date#id" class="docClass">id</a></code> with
+<a href="Ext.html" rel="Ext" class="docClass">Ext</a>.<a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">getCmp</a>, use <code>itemId</code> with
+<a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Ext.container.Container</a>.<a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">getComponent</a> which will retrieve
+<code>itemId</code>'s or <tt><a href="Ext.form.field.Date.html#id" rel="Ext.form.field.Date#id" class="docClass">id</a></tt>'s. Since <code>itemId</code>'s are an index to the
+container's internal MixedCollection, the <code>itemId</code> is scoped locally to the container --
+avoiding potential conflicts with <a href="Ext.ComponentManager.html" rel="Ext.ComponentManager" class="docClass">Ext.ComponentManager</a> which requires a <b>unique</b>
+<code><a href="Ext.form.field.Date.html#id" rel="Ext.form.field.Date#id" class="docClass">id</a></code>.</p>
+
+
+<pre><code>var c = new Ext.panel.Panel({ //
+ <a href="Ext.Component.html#height" rel="Ext.Component#height" class="docClass">height</a>: 300,
+ <a href="Ext.form.field.Date.html#renderTo" rel="Ext.form.field.Date#renderTo" class="docClass">renderTo</a>: document.body,
+ <a href="Ext.container.Container.html#layout" rel="Ext.container.Container#layout" class="docClass">layout</a>: 'auto',
+ <a href="Ext.container.Container.html#items" rel="Ext.container.Container#items" class="docClass">items</a>: [
+ {
+ itemId: 'p1',
+ <a href="Ext.panel.Panel.html#title" rel="Ext.panel.Panel#title" class="docClass">title</a>: 'Panel 1',
+ <a href="Ext.Component.html#height" rel="Ext.Component#height" class="docClass">height</a>: 150
+ },
+ {
+ itemId: 'p2',
+ <a href="Ext.panel.Panel.html#title" rel="Ext.panel.Panel#title" class="docClass">title</a>: 'Panel 2',
+ <a href="Ext.Component.html#height" rel="Ext.Component#height" class="docClass">height</a>: 150
+ }
+ ]
+})
+p1 = c.<a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">getComponent</a>('p1'); // not the same as <a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">Ext.getCmp()</a>
+p2 = p1.<a href="Ext.form.field.Date.html#ownerCt" rel="Ext.form.field.Date#ownerCt" class="docClass">ownerCt</a>.<a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">getComponent</a>('p2'); // reference via a sibling
+</code></pre>
+
+
+<p>Also see <tt><a href="Ext.form.field.Date.html#id" rel="Ext.form.field.Date#id" class="docClass">id</a></tt>, <code><a href="Ext.form.field.Date.html#query" rel="Ext.form.field.Date#query" class="docClass">query</a></code>, <code><a href="Ext.form.field.Date.html#down" rel="Ext.form.field.Date#down" class="docClass">down</a></code> and <code><a href="Ext.form.field.Date.html#child" rel="Ext.form.field.Date#child" class="docClass">child</a></code>.</p>
+
+
+<p><b>Note</b>: to access the container of an item see <tt><a href="Ext.form.field.Date.html#ownerCt" rel="Ext.form.field.Date#ownerCt" class="docClass">ownerCt</a></tt>.</p>
+
+</div></div></div><div id="config-labelAlign" class="member inherited"><a href="Ext.form.field.Date.html#config-labelAlign" rel="config-labelAlign" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelAlign" class="viewSource">view source</a></div><a name="labelAlign"></a><a name="config-labelAlign"></a><a href="Ext.form.field.Date.html#" rel="config-labelAlign" class="cls expand">labelAlign</a><span> : String</span></div><div class="description"><div class="short">Controls the position and alignment of the fieldLabel. Valid values are:
+
+
+
+"left" (the default) - The label is posit...</div><div class="long"><p>Controls the position and alignment of the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a>. Valid values are:</p>
+
+
+<ul>
+<li><tt>"left"</tt> (the default) - The label is positioned to the left of the field, with its text
+aligned to the left. Its width is determined by the <a href="Ext.form.field.Date.html#labelWidth" rel="Ext.form.field.Date#labelWidth" class="docClass">labelWidth</a> config.</li>
+<li><tt>"top"</tt> - The label is positioned above the field.</li>
+<li><tt>"right"</tt> - The label is positioned to the left of the field, with its text aligned
+to the right. Its width is determined by the <a href="Ext.form.field.Date.html#labelWidth" rel="Ext.form.field.Date#labelWidth" class="docClass">labelWidth</a> config.</li>
+</ul>
+
+</div></div></div><div id="config-labelCls" class="member inherited"><a href="Ext.form.field.Date.html#config-labelCls" rel="config-labelCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelCls" class="viewSource">view source</a></div><a name="labelCls"></a><a name="config-labelCls"></a><a href="Ext.form.field.Date.html#" rel="config-labelCls" class="cls expand">labelCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class to be applied to the label element. Defaults to 'x-form-item-label'.</p>
+</div><div class="long"><p>The CSS class to be applied to the label element. Defaults to 'x-form-item-label'.</p>
+</div></div></div><div id="config-labelPad" class="member inherited"><a href="Ext.form.field.Date.html#config-labelPad" rel="config-labelPad" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelPad" class="viewSource">view source</a></div><a name="labelPad"></a><a name="config-labelPad"></a><a href="Ext.form.field.Date.html#" rel="config-labelPad" class="cls expand">labelPad</a><span> : Number</span></div><div class="description"><div class="short"><p>The amount of space in pixels between the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> and the input field. Defaults to <tt>5</tt>.</p>
+</div><div class="long"><p>The amount of space in pixels between the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> and the input field. Defaults to <tt>5</tt>.</p>
+</div></div></div><div id="config-labelSeparator" class="member inherited"><a href="Ext.form.field.Date.html#config-labelSeparator" rel="config-labelSeparator" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelSeparator" class="viewSource">view source</a></div><a name="labelSeparator"></a><a name="config-labelSeparator"></a><a href="Ext.form.field.Date.html#" rel="config-labelSeparator" class="cls expand">labelSeparator</a><span> : String</span></div><div class="description"><div class="short"><p>Character(s) to be inserted at the end of the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">label text</a>.</p>
+</div><div class="long"><p>Character(s) to be inserted at the end of the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">label text</a>.</p>
+</div></div></div><div id="config-labelStyle" class="member inherited"><a href="Ext.form.field.Date.html#config-labelStyle" rel="config-labelStyle" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelStyle" class="viewSource">view source</a></div><a name="labelStyle"></a><a name="config-labelStyle"></a><a href="Ext.form.field.Date.html#" rel="config-labelStyle" class="cls expand">labelStyle</a><span> : String</span></div><div class="description"><div class="short"><p>A CSS style specification string to apply directly to this field's label. Defaults to undefined.</p>
+
+</div><div class="long"><p>A CSS style specification string to apply directly to this field's label. Defaults to undefined.</p>
+
+</div></div></div><div id="config-labelWidth" class="member inherited"><a href="Ext.form.field.Date.html#config-labelWidth" rel="config-labelWidth" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelWidth" class="viewSource">view source</a></div><a name="labelWidth"></a><a name="config-labelWidth"></a><a href="Ext.form.field.Date.html#" rel="config-labelWidth" class="cls expand">labelWidth</a><span> : Number</span></div><div class="description"><div class="short"><p>The width of the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> in pixels. Only applicable if the <a href="Ext.form.field.Date.html#labelAlign" rel="Ext.form.field.Date#labelAlign" class="docClass">labelAlign</a> is set
+to "left" or "right". Defaults to <tt>100</tt>.</p>
+</div><div class="long"><p>The width of the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> in pixels. Only applicable if the <a href="Ext.form.field.Date.html#labelAlign" rel="Ext.form.field.Date#labelAlign" class="docClass">labelAlign</a> is set
+to "left" or "right". Defaults to <tt>100</tt>.</p>
+</div></div></div><div id="config-labelableRenderTpl" class="member inherited"><a href="Ext.form.field.Date.html#config-labelableRenderTpl" rel="config-labelableRenderTpl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-labelableRenderTpl" class="viewSource">view source</a></div><a name="labelableRenderTpl"></a><a name="config-labelableRenderTpl"></a><a href="Ext.form.field.Date.html#" rel="config-labelableRenderTpl" class="cls expand">labelableRenderTpl</a><span> : Array/String/Ext.XTemplate</span></div><div class="description"><div class="short">The rendering template for the field decorations. Component classes using this mixin should include
+logic to use this...</div><div class="long"><p>The rendering template for the field decorations. Component classes using this mixin should include
+logic to use this as their <a href="Ext.AbstractComponent.html#renderTpl" rel="Ext.AbstractComponent#renderTpl" class="docClass">renderTpl</a>, and implement the
+<a href="Ext.form.field.Date.html#getSubTplMarkup" rel="Ext.form.field.Date#getSubTplMarkup" class="docClass">getSubTplMarkup</a> method to generate the field body content.</p>
+</div></div></div><div id="config-listeners" class="member inherited"><a href="Ext.form.field.Date.html#config-listeners" rel="config-listeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-cfg-listeners" class="viewSource">view source</a></div><a name="listeners"></a><a name="config-listeners"></a><a href="Ext.form.field.Date.html#" rel="config-listeners" class="cls expand">listeners</a><span> : Object</span></div><div class="description"><div class="short">(optional) A config object containing one or more event handlers to be added to this
+object during initialization. T...</div><div class="long"><p>(optional) <p>A config object containing one or more event handlers to be added to this
+object during initialization. This should be a valid listeners config object as specified in the
+<a href="Ext.form.field.Date.html#addListener" rel="Ext.form.field.Date#addListener" class="docClass">addListener</a> example for attaching multiple handlers at once.</p></p>
+
+<br><p><b><u>DOM events from ExtJs <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a></u></b></p>
+
+
+<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
+
+
+<p>is usually only done when extra value can be added. For example the <a href="Ext.view.View.html" rel="Ext.view.View" class="docClass">DataView</a>'s
+<b><code><a href="Ext.view.View.html#click" rel="Ext.view.View#click" class="docClass">click</a></code></b> event passing the node clicked on. To access DOM
+events directly from a child element of a Component, we need to specify the <code>element</code> option to
+identify the Component property to add a DOM listener to:</p>
+
+<pre><code>new Ext.panel.Panel({
+ width: 400,
+ height: 200,
+ dockedItems: [{
+ xtype: 'toolbar'
+ }],
+ listeners: {
+ click: {
+ element: 'el', //bind to the underlying el property on the panel
+ fn: function(){ console.log('click el'); }
+ },
+ dblclick: {
+ element: 'body', //bind to the underlying body property on the panel
+ fn: function(){ console.log('dblclick body'); }
+ }
+ }
+});
+</code></pre>
+
+
+<p></p></p>
+</div></div></div><div id="config-loader" class="member inherited"><a href="Ext.form.field.Date.html#config-loader" rel="config-loader" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-loader" class="viewSource">view source</a></div><a name="loader"></a><a name="config-loader"></a><a href="Ext.form.field.Date.html#" rel="config-loader" class="cls expand">loader</a><span> : Ext.ComponentLoader/Object</span></div><div class="description"><div class="short"><p>A configuration object or an instance of a <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> to load remote
+content for this Component.</p>
+</div><div class="long"><p>A configuration object or an instance of a <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> to load remote
+content for this Component.</p>
+</div></div></div><div id="config-maintainFlex" class="member inherited"><a href="Ext.form.field.Date.html#config-maintainFlex" rel="config-maintainFlex" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-maintainFlex" class="viewSource">view source</a></div><a name="maintainFlex"></a><a name="config-maintainFlex"></a><a href="Ext.form.field.Date.html#" rel="config-maintainFlex" class="cls expand">maintainFlex</a><span> : Boolean</span></div><div class="description"><div class="short">Only valid when a sibling element of a Splitter within a VBox or
+HBox layout.
+
+
+Specifies that if an immediate siblin...</div><div class="long"><p><b>Only valid when a sibling element of a <a href="Ext.resizer.Splitter.html" rel="Ext.resizer.Splitter" class="docClass">Splitter</a> within a <a href="Ext.layout.container.VBox.html" rel="Ext.layout.container.VBox" class="docClass">VBox</a> or
+<a href="Ext.layout.container.HBox.html" rel="Ext.layout.container.HBox" class="docClass">HBox</a> layout.</b></p>
+
+
+<p>Specifies that if an immediate sibling Splitter is moved, the Component on the <i>other</i> side is resized, and this
+Component maintains its configured <a href="Ext.layout.container.Box.html#flex" rel="Ext.layout.container.Box#flex" class="docClass">flex</a> value.</p>
+
+</div></div></div><div id="config-margin" class="member inherited"><a href="Ext.form.field.Date.html#config-margin" rel="config-margin" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-margin" class="viewSource">view source</a></div><a name="margin"></a><a name="config-margin"></a><a href="Ext.form.field.Date.html#" rel="config-margin" class="cls expand">margin</a><span> : Number/String</span></div><div class="description"><div class="short">Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
+it can be ...</div><div class="long"><p>Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
+it can be a CSS style specification for each style, for example: '10 5 3 10'.</p>
+</div></div></div><div id="config-maskRe" class="member inherited"><a href="Ext.form.field.Date.html#config-maskRe" rel="config-maskRe" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-maskRe" class="viewSource">view source</a></div><a name="maskRe"></a><a name="config-maskRe"></a><a href="Ext.form.field.Date.html#" rel="config-maskRe" class="cls expand">maskRe</a><span> : RegExp</span></div><div class="description"><div class="short"><p>An input mask regular expression that will be used to filter keystrokes that do
+not match (defaults to <tt>undefined</tt>)</p>
+</div><div class="long"><p>An input mask regular expression that will be used to filter keystrokes that do
+not match (defaults to <tt>undefined</tt>)</p>
+</div></div></div><div id="config-matchFieldWidth" class="member inherited"><a href="Ext.form.field.Date.html#config-matchFieldWidth" rel="config-matchFieldWidth" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-cfg-matchFieldWidth" class="viewSource">view source</a></div><a name="matchFieldWidth"></a><a name="config-matchFieldWidth"></a><a href="Ext.form.field.Date.html#" rel="config-matchFieldWidth" class="cls expand">matchFieldWidth</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Whether the picker dropdown's width should be explicitly set to match the width of the field.
+Defaults to <tt>true</tt>.</p>
+</div><div class="long"><p>Whether the picker dropdown's width should be explicitly set to match the width of the field.
+Defaults to <tt>true</tt>.</p>
+</div></div></div><div id="config-maxHeight" class="member inherited"><a href="Ext.form.field.Date.html#config-maxHeight" rel="config-maxHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-maxHeight" class="viewSource">view source</a></div><a name="maxHeight"></a><a name="config-maxHeight"></a><a href="Ext.form.field.Date.html#" rel="config-maxHeight" class="cls expand">maxHeight</a><span> : Number</span></div><div class="description"><div class="short">The maximum value in pixels which this Component will set its height to.
+
+
+Warning: This will override any size manag...</div><div class="long"><p>The maximum value in pixels which this Component will set its height to.</p>
+
+
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p>
+
+</div></div></div><div id="config-maxLength" class="member inherited"><a href="Ext.form.field.Date.html#config-maxLength" rel="config-maxLength" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-maxLength" class="viewSource">view source</a></div><a name="maxLength"></a><a name="config-maxLength"></a><a href="Ext.form.field.Date.html#" rel="config-maxLength" class="cls expand">maxLength</a><span> : Number</span></div><div class="description"><div class="short">Maximum input field length allowed by validation (defaults to Number.MAX_VALUE).
+This behavior is intended to provide...</div><div class="long"><p>Maximum input field length allowed by validation (defaults to Number.MAX_VALUE).
+This behavior is intended to provide instant feedback to the user by improving usability to allow pasting
+and editing or overtyping and back tracking. To restrict the maximum number of characters that can be
+entered into the field use the <tt><b><a href="Ext.form.field.Text.html#enforceMaxLength" rel="Ext.form.field.Text#enforceMaxLength" class="docClass">enforceMaxLength</a></b></tt> option.</p>
+</div></div></div><div id="config-maxLengthText" class="member inherited"><a href="Ext.form.field.Date.html#config-maxLengthText" rel="config-maxLengthText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-maxLengthText" class="viewSource">view source</a></div><a name="maxLengthText"></a><a name="config-maxLengthText"></a><a href="Ext.form.field.Date.html#" rel="config-maxLengthText" class="cls expand">maxLengthText</a><span> : String</span></div><div class="description"><div class="short">Error text to display if the maximum length
+validation fails (defaults to 'The maximum length for this field is {maxL...</div><div class="long"><p>Error text to display if the <b><tt><a href="Ext.form.field.Date.html#maxLength" rel="Ext.form.field.Date#maxLength" class="docClass">maximum length</a></tt></b>
+validation fails (defaults to <tt>'The maximum length for this field is {maxLength}'</tt>)</p>
+</div></div></div><div id="config-maxText" class="member ni"><a href="Ext.form.field.Date.html#config-maxText" rel="config-maxText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-maxText" class="viewSource">view source</a></div><a name="maxText"></a><a name="config-maxText"></a><a href="Ext.form.field.Date.html#" rel="config-maxText" class="cls expand">maxText</a><span> : String</span></div><div class="description"><div class="short">The error text to display when the date in the cell is after maxValue (defaults to
+'The date in this field must be be...</div><div class="long"><p>The error text to display when the date in the cell is after <tt><a href="Ext.form.field.Date.html#maxValue" rel="Ext.form.field.Date#maxValue" class="docClass">maxValue</a></tt> (defaults to
+<tt>'The date in this field must be before {maxValue}'</tt>).</p>
+</div></div></div><div id="config-maxValue" class="member ni"><a href="Ext.form.field.Date.html#config-maxValue" rel="config-maxValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-maxValue" class="viewSource">view source</a></div><a name="maxValue"></a><a name="config-maxValue"></a><a href="Ext.form.field.Date.html#" rel="config-maxValue" class="cls expand">maxValue</a><span> : Date/String</span></div><div class="description"><div class="short">The maximum allowed date. Can be either a Javascript date object or a string date in a
+valid format (defaults to unde...</div><div class="long"><p>The maximum allowed date. Can be either a Javascript date object or a string date in a
+valid format (defaults to undefined).</p>
+</div></div></div><div id="config-maxWidth" class="member inherited"><a href="Ext.form.field.Date.html#config-maxWidth" rel="config-maxWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-maxWidth" class="viewSource">view source</a></div><a name="maxWidth"></a><a name="config-maxWidth"></a><a href="Ext.form.field.Date.html#" rel="config-maxWidth" class="cls expand">maxWidth</a><span> : Number</span></div><div class="description"><div class="short">The maximum value in pixels which this Component will set its width to.
+
+
+Warning: This will override any size manage...</div><div class="long"><p>The maximum value in pixels which this Component will set its width to.</p>
+
+
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p>
+
+</div></div></div><div id="config-minHeight" class="member inherited"><a href="Ext.form.field.Date.html#config-minHeight" rel="config-minHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-minHeight" class="viewSource">view source</a></div><a name="minHeight"></a><a name="config-minHeight"></a><a href="Ext.form.field.Date.html#" rel="config-minHeight" class="cls expand">minHeight</a><span> : Number</span></div><div class="description"><div class="short">The minimum value in pixels which this Component will set its height to.
+
+
+Warning: This will override any size manag...</div><div class="long"><p>The minimum value in pixels which this Component will set its height to.</p>
+
+
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p>
+
+</div></div></div><div id="config-minLength" class="member inherited"><a href="Ext.form.field.Date.html#config-minLength" rel="config-minLength" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-minLength" class="viewSource">view source</a></div><a name="minLength"></a><a name="config-minLength"></a><a href="Ext.form.field.Date.html#" rel="config-minLength" class="cls expand">minLength</a><span> : Number</span></div><div class="description"><div class="short"><p>Minimum input field length required (defaults to <tt>0</tt>)</p>
+</div><div class="long"><p>Minimum input field length required (defaults to <tt>0</tt>)</p>
+</div></div></div><div id="config-minLengthText" class="member inherited"><a href="Ext.form.field.Date.html#config-minLengthText" rel="config-minLengthText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-minLengthText" class="viewSource">view source</a></div><a name="minLengthText"></a><a name="config-minLengthText"></a><a href="Ext.form.field.Date.html#" rel="config-minLengthText" class="cls expand">minLengthText</a><span> : String</span></div><div class="description"><div class="short">Error text to display if the minimum length
+validation fails (defaults to 'The minimum length for this field is {minL...</div><div class="long"><p>Error text to display if the <b><tt><a href="Ext.form.field.Date.html#minLength" rel="Ext.form.field.Date#minLength" class="docClass">minimum length</a></tt></b>
+validation fails (defaults to <tt>'The minimum length for this field is {minLength}'</tt>)</p>
+</div></div></div><div id="config-minText" class="member ni"><a href="Ext.form.field.Date.html#config-minText" rel="config-minText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-minText" class="viewSource">view source</a></div><a name="minText"></a><a name="config-minText"></a><a href="Ext.form.field.Date.html#" rel="config-minText" class="cls expand">minText</a><span> : String</span></div><div class="description"><div class="short">The error text to display when the date in the cell is before minValue (defaults to
+'The date in this field must be a...</div><div class="long"><p>The error text to display when the date in the cell is before <tt><a href="Ext.form.field.Date.html#minValue" rel="Ext.form.field.Date#minValue" class="docClass">minValue</a></tt> (defaults to
+<tt>'The date in this field must be after {minValue}'</tt>).</p>
+</div></div></div><div id="config-minValue" class="member ni"><a href="Ext.form.field.Date.html#config-minValue" rel="config-minValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-minValue" class="viewSource">view source</a></div><a name="minValue"></a><a name="config-minValue"></a><a href="Ext.form.field.Date.html#" rel="config-minValue" class="cls expand">minValue</a><span> : Date/String</span></div><div class="description"><div class="short">The minimum allowed date. Can be either a Javascript date object or a string date in a
+valid format (defaults to unde...</div><div class="long"><p>The minimum allowed date. Can be either a Javascript date object or a string date in a
+valid format (defaults to undefined).</p>
+</div></div></div><div id="config-minWidth" class="member inherited"><a href="Ext.form.field.Date.html#config-minWidth" rel="config-minWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-minWidth" class="viewSource">view source</a></div><a name="minWidth"></a><a name="config-minWidth"></a><a href="Ext.form.field.Date.html#" rel="config-minWidth" class="cls expand">minWidth</a><span> : Number</span></div><div class="description"><div class="short">The minimum value in pixels which this Component will set its width to.
+
+
+Warning: This will override any size manage...</div><div class="long"><p>The minimum value in pixels which this Component will set its width to.</p>
+
+
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p>
+
+</div></div></div><div id="config-msgTarget" class="member inherited"><a href="Ext.form.field.Date.html#config-msgTarget" rel="config-msgTarget" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-msgTarget" class="viewSource">view source</a></div><a name="msgTarget"></a><a name="config-msgTarget"></a><a href="Ext.form.field.Date.html#" rel="config-msgTarget" class="cls expand">msgTarget</a><span> : String</span></div><div class="description"><div class="short">The location where the error message text should display.
+Must be one of the following values:
+
+
+
+qtip Display a quic...</div><div class="long"><p>The location where the error message text should display.
+Must be one of the following values:</p>
+
+
+<div class="mdetail-params"><ul>
+<li><code>qtip</code> Display a quick tip containing the message when the user hovers over the field. This is the default.
+<div class="subdesc"><b><a href="Ext.tip.QuickTipManager.html#init" rel="Ext.tip.QuickTipManager#init" class="docClass">Ext.tip.QuickTipManager.init</a> must have been called for this setting to work.</b></div></li>
+<li><code>title</code> Display the message in a default browser title attribute popup.</li>
+<li><code>under</code> Add a block div beneath the field containing the error message.</li>
+<li><code>side</code> Add an error icon to the right of the field, displaying the message in a popup on hover.</li>
+<li><code>none</code> Don't display any error message. This might be useful if you are implementing custom error display.</li>
+<li><code>[element id]</code> Add the error message directly to the innerHTML of the specified element.</li>
+</ul></div>
+
+</div></div></div><div id="config-name" class="member inherited"><a href="Ext.form.field.Date.html#config-name" rel="config-name" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-cfg-name" class="viewSource">view source</a></div><a name="name"></a><a name="config-name"></a><a href="Ext.form.field.Date.html#" rel="config-name" class="cls expand">name</a><span> : String</span></div><div class="description"><div class="short">The name of the field (defaults to undefined). By default this is used as the parameter
+name when including the field...</div><div class="long"><p>The name of the field (defaults to undefined). By default this is used as the parameter
+name when including the <a href="Ext.form.field.Date.html#getSubmitData" rel="Ext.form.field.Date#getSubmitData" class="docClass">field value</a> in a <a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">form submit()</a>.
+To prevent the field from being included in the form submit, set <a href="Ext.form.field.Date.html#submitValue" rel="Ext.form.field.Date#submitValue" class="docClass">submitValue</a> to <tt>false</tt>.</p>
+</div></div></div><div id="config-openCls" class="member inherited"><a href="Ext.form.field.Date.html#config-openCls" rel="config-openCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-cfg-openCls" class="viewSource">view source</a></div><a name="openCls"></a><a name="config-openCls"></a><a href="Ext.form.field.Date.html#" rel="config-openCls" class="cls expand">openCls</a><span> : String</span></div><div class="description"><div class="short"><p>A class to be added to the field's <a href="Ext.form.field.Date.html#bodyEl" rel="Ext.form.field.Date#bodyEl" class="docClass">bodyEl</a> element when the picker is opened. Defaults
+to 'x-pickerfield-open'.</p>
+</div><div class="long"><p>A class to be added to the field's <a href="Ext.form.field.Date.html#bodyEl" rel="Ext.form.field.Date#bodyEl" class="docClass">bodyEl</a> element when the picker is opened. Defaults
+to 'x-pickerfield-open'.</p>
+</div></div></div><div id="config-overCls" class="member inherited"><a href="Ext.form.field.Date.html#config-overCls" rel="config-overCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-overCls" class="viewSource">view source</a></div><a name="overCls"></a><a name="config-overCls"></a><a href="Ext.form.field.Date.html#" rel="config-overCls" class="cls expand">overCls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves
+over the Element, and...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element when the mouse moves
+over the Element, and removed when the mouse moves out. (defaults to ''). This can be
+useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</p>
+</div></div></div><div id="config-padding" class="member inherited"><a href="Ext.form.field.Date.html#config-padding" rel="config-padding" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-padding" class="viewSource">view source</a></div><a name="padding"></a><a name="config-padding"></a><a href="Ext.form.field.Date.html#" rel="config-padding" class="cls expand">padding</a><span> : Number/String</span></div><div class="description"><div class="short">Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
+it can b...</div><div class="long"><p>Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
+it can be a CSS style specification for each style, for example: '10 5 3 10'.</p>
+</div></div></div><div id="config-pickerAlign" class="member inherited"><a href="Ext.form.field.Date.html#config-pickerAlign" rel="config-pickerAlign" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-cfg-pickerAlign" class="viewSource">view source</a></div><a name="pickerAlign"></a><a name="config-pickerAlign"></a><a href="Ext.form.field.Date.html#" rel="config-pickerAlign" class="cls expand">pickerAlign</a><span> : String</span></div><div class="description"><div class="short"><p>The <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">alignment position</a> with which to align the picker. Defaults
+to <tt>"tl-bl?"</tt></p>
+</div><div class="long"><p>The <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">alignment position</a> with which to align the picker. Defaults
+to <tt>"tl-bl?"</tt></p>
+</div></div></div><div id="config-pickerOffset" class="member inherited"><a href="Ext.form.field.Date.html#config-pickerOffset" rel="config-pickerOffset" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-cfg-pickerOffset" class="viewSource">view source</a></div><a name="pickerOffset"></a><a name="config-pickerOffset"></a><a href="Ext.form.field.Date.html#" rel="config-pickerOffset" class="cls expand">pickerOffset</a><span> : Array</span></div><div class="description"><div class="short"><p>An offset [x,y] to use in addition to the <a href="Ext.form.field.Date.html#pickerAlign" rel="Ext.form.field.Date#pickerAlign" class="docClass">pickerAlign</a> when positioning the picker.
+Defaults to undefined.</p>
+</div><div class="long"><p>An offset [x,y] to use in addition to the <a href="Ext.form.field.Date.html#pickerAlign" rel="Ext.form.field.Date#pickerAlign" class="docClass">pickerAlign</a> when positioning the picker.
+Defaults to undefined.</p>
+</div></div></div><div id="config-plugins" class="member inherited"><a href="Ext.form.field.Date.html#config-plugins" rel="config-plugins" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-plugins" class="viewSource">view source</a></div><a name="plugins"></a><a name="config-plugins"></a><a href="Ext.form.field.Date.html#" rel="config-plugins" class="cls expand">plugins</a><span> : Object/Array</span></div><div class="description"><div class="short">An object or array of objects that will provide custom functionality for this component. The only
+requirement for a ...</div><div class="long"><p>An object or array of objects that will provide custom functionality for this component. The only
+requirement for a valid plugin is that it contain an init method that accepts a reference of type <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a>.
+When a component is created, if any plugins are available, the component will call the init method on each
+plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the
+component as needed to provide its functionality.</p>
+</div></div></div><div id="config-preventMark" class="member inherited"><a href="Ext.form.field.Date.html#config-preventMark" rel="config-preventMark" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-cfg-preventMark" class="viewSource">view source</a></div><a name="preventMark"></a><a name="config-preventMark"></a><a href="Ext.form.field.Date.html#" rel="config-preventMark" class="cls expand">preventMark</a><span> : Boolean</span></div><div class="description"><div class="short"><p><tt>true</tt> to disable displaying any <a href="Ext.form.field.Date.html#setActiveError" rel="Ext.form.field.Date#setActiveError" class="docClass">error message</a> set on this object.
+Defaults to <tt>false</tt>.</p>
+</div><div class="long"><p><tt>true</tt> to disable displaying any <a href="Ext.form.field.Date.html#setActiveError" rel="Ext.form.field.Date#setActiveError" class="docClass">error message</a> set on this object.
+Defaults to <tt>false</tt>.</p>
+</div></div></div><div id="config-readOnly" class="member inherited"><a href="Ext.form.field.Date.html#config-readOnly" rel="config-readOnly" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-readOnly" class="viewSource">view source</a></div><a name="readOnly"></a><a name="config-readOnly"></a><a href="Ext.form.field.Date.html#" rel="config-readOnly" class="cls expand">readOnly</a><span> : Boolean</span></div><div class="description"><div class="short">true to prevent the user from changing the field, and
+hides the trigger. Supercedes the editable and hideTrigger opt...</div><div class="long"><p><tt>true</tt> to prevent the user from changing the field, and
+hides the trigger. Supercedes the editable and hideTrigger options if the value is true.
+(defaults to <tt>false</tt>)</p>
+</div></div></div><div id="config-readOnlyCls" class="member inherited"><a href="Ext.form.field.Date.html#config-readOnlyCls" rel="config-readOnlyCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-readOnlyCls" class="viewSource">view source</a></div><a name="readOnlyCls"></a><a name="config-readOnlyCls"></a><a href="Ext.form.field.Date.html#" rel="config-readOnlyCls" class="cls expand">readOnlyCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class applied to the component's main element when it is <a href="Ext.form.field.Date.html#readOnly" rel="Ext.form.field.Date#readOnly" class="docClass">readOnly</a>.</p>
+</div><div class="long"><p>The CSS class applied to the component's main element when it is <a href="Ext.form.field.Date.html#readOnly" rel="Ext.form.field.Date#readOnly" class="docClass">readOnly</a>.</p>
+</div></div></div><div id="config-regex" class="member inherited"><a href="Ext.form.field.Date.html#config-regex" rel="config-regex" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-regex" class="viewSource">view source</a></div><a name="regex"></a><a name="config-regex"></a><a href="Ext.form.field.Date.html#" rel="config-regex" class="cls expand">regex</a><span> : RegExp</span></div><div class="description"><div class="short">A JavaScript RegExp object to be tested against the field value during validation
+(defaults to undefined). If the tes...</div><div class="long"><p>A JavaScript RegExp object to be tested against the field value during validation
+(defaults to <tt>undefined</tt>). If the test fails, the field will be marked invalid using
+<b><tt><a href="Ext.form.field.Date.html#regexText" rel="Ext.form.field.Date#regexText" class="docClass">regexText</a></tt></b>.</p>
+</div></div></div><div id="config-regexText" class="member inherited"><a href="Ext.form.field.Date.html#config-regexText" rel="config-regexText" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-regexText" class="viewSource">view source</a></div><a name="regexText"></a><a name="config-regexText"></a><a href="Ext.form.field.Date.html#" rel="config-regexText" class="cls expand">regexText</a><span> : String</span></div><div class="description"><div class="short"><p>The error text to display if <b><tt><a href="Ext.form.field.Date.html#regex" rel="Ext.form.field.Date#regex" class="docClass">regex</a></tt></b> is used and the
+test fails during validation (defaults to <tt>''</tt>)</p>
+</div><div class="long"><p>The error text to display if <b><tt><a href="Ext.form.field.Date.html#regex" rel="Ext.form.field.Date#regex" class="docClass">regex</a></tt></b> is used and the
+test fails during validation (defaults to <tt>''</tt>)</p>
+</div></div></div><div id="config-renderSelectors" class="member inherited"><a href="Ext.form.field.Date.html#config-renderSelectors" rel="config-renderSelectors" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-renderSelectors" class="viewSource">view source</a></div><a name="renderSelectors"></a><a name="config-renderSelectors"></a><a href="Ext.form.field.Date.html#" rel="config-renderSelectors" class="cls expand">renderSelectors</a><span> : Object</span></div><div class="description"><div class="short">An object containing properties specifying DomQuery selectors which identify child elements
+created by the render pro...</div><div class="long"><p>An object containing properties specifying <a href="Ext.DomQuery.html" rel="Ext.DomQuery" class="docClass">DomQuery</a> selectors which identify child elements
+created by the render process.</p>
+
+<p>After the Component's internal structure is rendered according to the <a href="Ext.form.field.Date.html#renderTpl" rel="Ext.form.field.Date#renderTpl" class="docClass">renderTpl</a>, this object is iterated through,
+and the found Elements are added as properties to the Component using the <code>renderSelector</code> property name.</p>
+
+<p>For example, a Component which rendered an image, and description into its element might use the following properties
+coded into its prototype:</p>
+
+<pre><code>renderTpl: '&lt;img src="{imageUrl}" class="x-image-component-img">&lt;div class="x-image-component-desc">{description}&gt;/div&lt;',
+
+renderSelectors: {
+ image: 'img.x-image-component-img',
+ descEl: 'div.x-image-component-desc'
+}
+</code></pre>
+
+<p>After rendering, the Component would have a property <code>image</code> referencing its child <code>img</code> Element,
+and a property <code>descEl</code> referencing the <code>div</code> Element which contains the description.</p>
+</div></div></div><div id="config-renderTo" class="member inherited"><a href="Ext.form.field.Date.html#config-renderTo" rel="config-renderTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-renderTo" class="viewSource">view source</a></div><a name="renderTo"></a><a name="config-renderTo"></a><a href="Ext.form.field.Date.html#" rel="config-renderTo" class="cls expand">renderTo</a><span> : Mixed</span></div><div class="description"><div class="short">Specify the id of the element, a DOM element or an existing Element that this component
+will be rendered into.
+
+
+
+Not...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
+will be rendered into.</p>
+
+
+<div><ul>
+<li><b>Notes</b> : <ul>
+<div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
+a <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a>. It is the responsibility of the
+<a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a>'s <a href="Ext.container.Container.html#layout" rel="Ext.container.Container#layout" class="docClass">layout manager</a>
+to render and manage its child items.</div>
+<div class="sub-desc">When using this config, a call to render() is not required.</div>
+</ul></li>
+</ul></div>
+
+
+<p>See <code><a href="Ext.form.field.Date.html#render" rel="Ext.form.field.Date#render" class="docClass">render</a></code> also.</p>
+
+</div></div></div><div id="config-renderTpl" class="member inherited"><a href="Ext.form.field.Date.html#config-renderTpl" rel="config-renderTpl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-renderTpl" class="viewSource">view source</a></div><a name="renderTpl"></a><a name="config-renderTpl"></a><a href="Ext.form.field.Date.html#" rel="config-renderTpl" class="cls expand">renderTpl</a><span> : Mixed</span></div><div class="description"><div class="short">An XTemplate used to create the internal structure inside this Component's
+encapsulating Element.
+
+
+You do not normal...</div><div class="long"><p>An <a href="Ext.XTemplate.html" rel="Ext.XTemplate" class="docClass">XTemplate</a> used to create the internal structure inside this Component's
+encapsulating <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a>.</p>
+
+
+<p>You do not normally need to specify this. For the base classes <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a>
+and <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Ext.container.Container</a>, this defaults to <b><code>null</code></b> which means that they will be initially rendered
+with no internal structure; they render their <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a> empty. The more specialized ExtJS and Touch classes
+which use a more complex DOM structure, provide their own template definitions.</p>
+
+
+<p>This is intended to allow the developer to create application-specific utility Components with customized
+internal structure.</p>
+
+
+<p>Upon rendering, any created child elements may be automatically imported into object properties using the
+<a href="Ext.form.field.Date.html#renderSelectors" rel="Ext.form.field.Date#renderSelectors" class="docClass">renderSelectors</a> option.</p>
+
+</div></div></div><div id="config-repeatTriggerClick" class="member inherited"><a href="Ext.form.field.Date.html#config-repeatTriggerClick" rel="config-repeatTriggerClick" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-repeatTriggerClick" class="viewSource">view source</a></div><a name="repeatTriggerClick"></a><a name="config-repeatTriggerClick"></a><a href="Ext.form.field.Date.html#" rel="config-repeatTriggerClick" class="cls expand">repeatTriggerClick</a><span> : Boolean</span></div><div class="description"><div class="short"><p><tt>true</tt> to attach a <a href="Ext.util.ClickRepeater.html" rel="Ext.util.ClickRepeater" class="docClass">click repeater</a>
+to the trigger. Defaults to <tt>false</tt>.</p>
+</div><div class="long"><p><tt>true</tt> to attach a <a href="Ext.util.ClickRepeater.html" rel="Ext.util.ClickRepeater" class="docClass">click repeater</a>
+to the trigger. Defaults to <tt>false</tt>.</p>
+</div></div></div><div id="config-resizable" class="member inherited"><a href="Ext.form.field.Date.html#config-resizable" rel="config-resizable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-resizable" class="viewSource">view source</a></div><a name="resizable"></a><a name="config-resizable"></a><a href="Ext.form.field.Date.html#" rel="config-resizable" class="cls expand">resizable</a><span> : Mixed</span></div><div class="description"><div class="short">Specify as true to apply a Resizer to this Component
+after rendering.
+
+
+May also be specified as a config object to b...</div><div class="long"><p>Specify as <code>true</code> to apply a <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Resizer</a> to this Component
+after rendering.</p>
+
+
+<p>May also be specified as a config object to be passed to the constructor of <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Resizer</a>
+to override any defaults. By default the Component passes its minimum and maximum size, and uses
+<code><a href="Ext.resizer.Resizer.html#dynamic" rel="Ext.resizer.Resizer#dynamic" class="docClass">Ext.resizer.Resizer.dynamic</a>: false</code></p>
+
+</div></div></div><div id="config-resizeHandles" class="member inherited"><a href="Ext.form.field.Date.html#config-resizeHandles" rel="config-resizeHandles" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-resizeHandles" class="viewSource">view source</a></div><a name="resizeHandles"></a><a name="config-resizeHandles"></a><a href="Ext.form.field.Date.html#" rel="config-resizeHandles" class="cls expand">resizeHandles</a><span> : String</span></div><div class="description"><div class="short"><p>A valid <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Ext.resizer.Resizer</a> handles config string (defaults to 'all'). Only applies when resizable = true.</p>
+</div><div class="long"><p>A valid <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Ext.resizer.Resizer</a> handles config string (defaults to 'all'). Only applies when resizable = true.</p>
+</div></div></div><div id="config-saveBuffer" class="member inherited"><a href="Ext.form.field.Date.html#config-saveBuffer" rel="config-saveBuffer" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-saveBuffer" class="viewSource">view source</a></div><a name="saveBuffer"></a><a name="config-saveBuffer"></a><a href="Ext.form.field.Date.html#" rel="config-saveBuffer" class="cls expand">saveBuffer</a><span> : Number</span></div><div class="description"><div class="short"><p>A buffer to be applied if many state events are fired within
+a short period. Defaults to 100.</p>
+</div><div class="long"><p>A buffer to be applied if many state events are fired within
+a short period. Defaults to 100.</p>
+</div></div></div><div id="config-selectOnFocus" class="member inherited"><a href="Ext.form.field.Date.html#config-selectOnFocus" rel="config-selectOnFocus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-selectOnFocus" class="viewSource">view source</a></div><a name="selectOnFocus"></a><a name="config-selectOnFocus"></a><a href="Ext.form.field.Date.html#" rel="config-selectOnFocus" class="cls expand">selectOnFocus</a><span> : Boolean</span></div><div class="description"><div class="short">true to select any existing text in the field immediately on focus.
+Only applies when editable = true (defaults to fa...</div><div class="long"><p><tt>true</tt> to select any existing text in the field immediately on focus.
+Only applies when <tt><a href="Ext.form.field.Date.html#editable" rel="Ext.form.field.Date#editable" class="docClass">editable</a> = true</tt> (defaults to <tt>false</tt>).</p>
+</div></div></div><div id="config-shadow" class="member inherited"><a href="Ext.form.field.Date.html#config-shadow" rel="config-shadow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-cfg-shadow" class="viewSource">view source</a></div><a name="shadow"></a><a name="config-shadow"></a><a href="Ext.form.field.Date.html#" rel="config-shadow" class="cls expand">shadow</a><span> : String/Boolean</span></div><div class="description"><div class="short">Specifies whether the floating component should be given a shadow. Set to
+true to automatically create an Ext.Shadow,...</div><div class="long"><p>Specifies whether the floating component should be given a shadow. Set to
+<tt>true</tt> to automatically create an <a href="Ext.Shadow.html" rel="Ext.Shadow" class="docClass">Ext.Shadow</a>, or a string indicating the
+shadow's display <a href="Ext.Shadow.html#mode" rel="Ext.Shadow#mode" class="docClass">Ext.Shadow.mode</a>. Set to <tt>false</tt> to disable the shadow.
+(Defaults to <tt>'sides'</tt>.)</p>
+</div></div></div><div id="config-showToday" class="member ni"><a href="Ext.form.field.Date.html#config-showToday" rel="config-showToday" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-showToday" class="viewSource">view source</a></div><a name="showToday"></a><a name="config-showToday"></a><a href="Ext.form.field.Date.html#" rel="config-showToday" class="cls expand">showToday</a><span> : Boolean</span></div><div class="description"><div class="short">false to hide the footer area of the Date picker containing the Today button and disable
+the keyboard handler for spa...</div><div class="long"><p><tt>false</tt> to hide the footer area of the Date picker containing the Today button and disable
+the keyboard handler for spacebar that selects the current date (defaults to <tt>true</tt>).</p>
+</div></div></div><div id="config-size" class="member inherited"><a href="Ext.form.field.Date.html#config-size" rel="config-size" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-size" class="viewSource">view source</a></div><a name="size"></a><a name="config-size"></a><a href="Ext.form.field.Date.html#" rel="config-size" class="cls expand">size</a><span> : Number</span></div><div class="description"><div class="short">An initial value for the 'size' attribute on the text input element. This is only
+used if the field has no configured...</div><div class="long"><p>An initial value for the 'size' attribute on the text input element. This is only
+used if the field has no configured <a href="Ext.form.field.Date.html#width" rel="Ext.form.field.Date#width" class="docClass">width</a> and is not given a width by its container's layout.
+Defaults to <tt>20</tt>.</p>
+</div></div></div><div id="config-startDay" class="member ni"><a href="Ext.form.field.Date.html#config-startDay" rel="config-startDay" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-startDay" class="viewSource">view source</a></div><a name="startDay"></a><a name="config-startDay"></a><a href="Ext.form.field.Date.html#" rel="config-startDay" class="cls expand">startDay</a><span> : Number</span></div><div class="description"><div class="short"><p>Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)</p>
+</div><div class="long"><p>Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)</p>
+</div></div></div><div id="config-stateEvents" class="member inherited"><a href="Ext.form.field.Date.html#config-stateEvents" rel="config-stateEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-stateEvents" class="viewSource">view source</a></div><a name="stateEvents"></a><a name="config-stateEvents"></a><a href="Ext.form.field.Date.html#" rel="config-stateEvents" class="cls expand">stateEvents</a><span> : Array</span></div><div class="description"><div class="short">An array of events that, when fired, should trigger this object to
+save its state (defaults to none). stateEvents may...</div><div class="long"><p>An array of events that, when fired, should trigger this object to
+save its state (defaults to none). <code>stateEvents</code> may be any type
+of event supported by this object, including browser or custom events
+(e.g., <tt>['click', 'customerchange']</tt>).</p>
+
+
+<p>See <code><a href="Ext.form.field.Date.html#stateful" rel="Ext.form.field.Date#stateful" class="docClass">stateful</a></code> for an explanation of saving and
+restoring object state.</p>
+
+</div></div></div><div id="config-stateId" class="member inherited"><a href="Ext.form.field.Date.html#config-stateId" rel="config-stateId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-stateId" class="viewSource">view source</a></div><a name="stateId"></a><a name="config-stateId"></a><a href="Ext.form.field.Date.html#" rel="config-stateId" class="cls expand">stateId</a><span> : String</span></div><div class="description"><div class="short">The unique id for this object to use for state management purposes.
+
+See stateful for an explanation of saving and re...</div><div class="long"><p>The unique id for this object to use for state management purposes.</p>
+
+<p>See <a href="Ext.form.field.Date.html#stateful" rel="Ext.form.field.Date#stateful" class="docClass">stateful</a> for an explanation of saving and restoring state.</p>
+
+</div></div></div><div id="config-stateful" class="member inherited"><a href="Ext.form.field.Date.html#config-stateful" rel="config-stateful" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-stateful" class="viewSource">view source</a></div><a name="stateful"></a><a name="config-stateful"></a><a href="Ext.form.field.Date.html#" rel="config-stateful" class="cls expand">stateful</a><span> : Boolean</span></div><div class="description"><div class="short">A flag which causes the object to attempt to restore the state of
+internal properties from a saved state on startup. ...</div><div class="long"><p>A flag which causes the object to attempt to restore the state of
+internal properties from a saved state on startup. The object must have
+a <code><a href="Ext.form.field.Date.html#stateId" rel="Ext.form.field.Date#stateId" class="docClass">stateId</a></code> for state to be managed.
+Auto-generated ids are not guaranteed to be stable across page loads and
+cannot be relied upon to save and restore the same state for a object.<p>
+<p>For state saving to work, the state manager's provider must have been
+set to an implementation of <a href="Ext.state.Provider.html" rel="Ext.state.Provider" class="docClass">Ext.state.Provider</a> which overrides the
+<a href="Ext.state.Provider.html#set" rel="Ext.state.Provider#set" class="docClass">set</a> and <a href="Ext.state.Provider.html#get" rel="Ext.state.Provider#get" class="docClass">get</a>
+methods to save and recall name/value pairs. A built-in implementation,
+<a href="Ext.state.CookieProvider.html" rel="Ext.state.CookieProvider" class="docClass">Ext.state.CookieProvider</a> is available.</p>
+<p>To set the state provider for the current page:</p>
+<pre><code>Ext.state.Manager.setProvider(new Ext.state.CookieProvider({
+ expires: new Date(new Date().getTime()+(1000*60*60*24*7)), //7 days from now
+}));
+</code></pre>
+<p>A stateful object attempts to save state when one of the events
+listed in the <code><a href="Ext.form.field.Date.html#stateEvents" rel="Ext.form.field.Date#stateEvents" class="docClass">stateEvents</a></code> configuration fires.</p>
+<p>To save state, a stateful object first serializes its state by
+calling <b><code><a href="Ext.form.field.Date.html#getState" rel="Ext.form.field.Date#getState" class="docClass">getState</a></code></b>. By default, this function does
+nothing. The developer must provide an implementation which returns an
+object hash which represents the restorable state of the object.</p>
+<p>The value yielded by getState is passed to <a href="Ext.state.Manager.html#set" rel="Ext.state.Manager#set" class="docClass">Ext.state.Manager.set</a>
+which uses the configured <a href="Ext.state.Provider.html" rel="Ext.state.Provider" class="docClass">Ext.state.Provider</a> to save the object
+keyed by the <code><a href="stateId.html" rel="stateId" class="docClass">stateId</a></code></p>.
+<p>During construction, a stateful object attempts to <i>restore</i>
+its state by calling <a href="Ext.state.Manager.html#get" rel="Ext.state.Manager#get" class="docClass">Ext.state.Manager.get</a> passing the
+<code><a href="Ext.form.field.Date.html#stateId" rel="Ext.form.field.Date#stateId" class="docClass">stateId</a></code></p>
+<p>The resulting object is passed to <b><code><a href="Ext.form.field.Date.html#applyState" rel="Ext.form.field.Date#applyState" class="docClass">applyState</a></code></b>.
+The default implementation of <code><a href="Ext.form.field.Date.html#applyState" rel="Ext.form.field.Date#applyState" class="docClass">applyState</a></code> simply copies
+properties into the object, but a developer may override this to support
+more behaviour.</p>
+<p>You can perform extra processing on state save and restore by attaching
+handlers to the <a href="Ext.form.field.Date.html#beforestaterestore" rel="Ext.form.field.Date#beforestaterestore" class="docClass">beforestaterestore</a>, <a href="Ext.form.field.Date.html#staterestore" rel="Ext.form.field.Date#staterestore" class="docClass">staterestore</a>,
+<a href="Ext.form.field.Date.html#beforestatesave" rel="Ext.form.field.Date#beforestatesave" class="docClass">beforestatesave</a> and <a href="Ext.form.field.Date.html#statesave" rel="Ext.form.field.Date#statesave" class="docClass">statesave</a> events.</p>
+
+</div></div></div><div id="config-stripCharsRe" class="member inherited"><a href="Ext.form.field.Date.html#config-stripCharsRe" rel="config-stripCharsRe" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-stripCharsRe" class="viewSource">view source</a></div><a name="stripCharsRe"></a><a name="config-stripCharsRe"></a><a href="Ext.form.field.Date.html#" rel="config-stripCharsRe" class="cls expand">stripCharsRe</a><span> : RegExp</span></div><div class="description"><div class="short"><p>A JavaScript RegExp object used to strip unwanted content from the value
+before validation (defaults to <tt>undefined</tt>).</p>
+</div><div class="long"><p>A JavaScript RegExp object used to strip unwanted content from the value
+before validation (defaults to <tt>undefined</tt>).</p>
+</div></div></div><div id="config-style" class="member inherited"><a href="Ext.form.field.Date.html#config-style" rel="config-style" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-style" class="viewSource">view source</a></div><a name="style"></a><a name="config-style"></a><a href="Ext.form.field.Date.html#" rel="config-style" class="cls expand">style</a><span> : String</span></div><div class="description"><div class="short">A custom style specification to be applied to this component's Element. Should be a valid argument to
+Ext.core.Eleme...</div><div class="long"><p>A custom style specification to be applied to this component's Element. Should be a valid argument to
+<a href="Ext.core.Element.html#applyStyles" rel="Ext.core.Element#applyStyles" class="docClass">Ext.core.Element.applyStyles</a>.</p>
+
+<pre><code> new Ext.panel.Panel({
+ title: 'Some Title',
+ renderTo: Ext.getBody(),
+ width: 400, height: 300,
+ layout: 'form',
+ items: [{
+ xtype: 'textarea',
+ style: {
+ width: '95%',
+ marginBottom: '10px'
+ }
+ },
+ new Ext.button.Button({
+ text: 'Send',
+ minWidth: '100',
+ style: {
+ marginBottom: '10px'
+ }
+ })
+ ]
+ });
+ </code></pre>
+
+</div></div></div><div id="config-styleHtmlCls" class="member inherited"><a href="Ext.form.field.Date.html#config-styleHtmlCls" rel="config-styleHtmlCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-styleHtmlCls" class="viewSource">view source</a></div><a name="styleHtmlCls"></a><a name="config-styleHtmlCls"></a><a href="Ext.form.field.Date.html#" rel="config-styleHtmlCls" class="cls expand">styleHtmlCls</a><span> : String</span></div><div class="description"><div class="short"><p>The class that is added to the content target when you set styleHtmlContent to true.
+Defaults to 'x-html'</p>
+</div><div class="long"><p>The class that is added to the content target when you set styleHtmlContent to true.
+Defaults to 'x-html'</p>
+</div></div></div><div id="config-styleHtmlContent" class="member inherited"><a href="Ext.form.field.Date.html#config-styleHtmlContent" rel="config-styleHtmlContent" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-styleHtmlContent" class="viewSource">view source</a></div><a name="styleHtmlContent"></a><a name="config-styleHtmlContent"></a><a href="Ext.form.field.Date.html#" rel="config-styleHtmlContent" class="cls expand">styleHtmlContent</a><span> : String</span></div><div class="description"><div class="short"><p>True to automatically style the html inside the content target of this component (body for panels).
+Defaults to false.</p>
+</div><div class="long"><p>True to automatically style the html inside the content target of this component (body for panels).
+Defaults to false.</p>
+</div></div></div><div id="config-submitFormat" class="member ni"><a href="Ext.form.field.Date.html#config-submitFormat" rel="config-submitFormat" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-submitFormat" class="viewSource">view source</a></div><a name="submitFormat"></a><a name="config-submitFormat"></a><a href="Ext.form.field.Date.html#" rel="config-submitFormat" class="cls expand">submitFormat</a><span> : String</span></div><div class="description"><div class="short">The date format string which will be submitted to the server.
+The format must be valid according to Ext.Date.parse (d...</div><div class="long"><p>The date format string which will be submitted to the server.<br/>
+The format must be valid according to <a href="Ext.Date.html#parse" rel="Ext.Date#parse" class="docClass">Ext.Date.parse</a> (defaults to <tt><a href="Ext.form.field.Date.html#format" rel="Ext.form.field.Date#format" class="docClass">format</a></tt>).</p>
+</div></div></div><div id="config-submitValue" class="member inherited"><a href="Ext.form.field.Date.html#config-submitValue" rel="config-submitValue" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-cfg-submitValue" class="viewSource">view source</a></div><a name="submitValue"></a><a name="config-submitValue"></a><a href="Ext.form.field.Date.html#" rel="config-submitValue" class="cls expand">submitValue</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Setting this to <tt>false</tt> will prevent the field from being
+<a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">submitted</a> even when it is not disabled. Defaults to <tt>true</tt>.</p>
+</div><div class="long"><p>Setting this to <tt>false</tt> will prevent the field from being
+<a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">submitted</a> even when it is not disabled. Defaults to <tt>true</tt>.</p>
+</div></div></div><div id="config-tabIndex" class="member inherited"><a href="Ext.form.field.Date.html#config-tabIndex" rel="config-tabIndex" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-tabIndex" class="viewSource">view source</a></div><a name="tabIndex"></a><a name="config-tabIndex"></a><a href="Ext.form.field.Date.html#" rel="config-tabIndex" class="cls expand">tabIndex</a><span> : Number</span></div><div class="description"><div class="short">The tabIndex for this field. Note this only applies to fields that are rendered,
+not those which are built via applyT...</div><div class="long"><p>The tabIndex for this field. Note this only applies to fields that are rendered,
+not those which are built via applyTo (defaults to undefined).</p>
+</div></div></div><div id="config-toFrontOnShow" class="member inherited"><a href="Ext.form.field.Date.html#config-toFrontOnShow" rel="config-toFrontOnShow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-toFrontOnShow" class="viewSource">view source</a></div><a name="toFrontOnShow"></a><a name="config-toFrontOnShow"></a><a href="Ext.form.field.Date.html#" rel="config-toFrontOnShow" class="cls expand">toFrontOnShow</a><span> : Boolean</span></div><div class="description"><div class="short">True to automatically call toFront when the show method is called
+on an already visible, floating component (default ...</div><div class="long"><p>True to automatically call <a href="Ext.form.field.Date.html#toFront" rel="Ext.form.field.Date#toFront" class="docClass">toFront</a> when the <a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a> method is called
+on an already visible, floating component (default is <code>true</code>).</p>
+
+</div></div></div><div id="config-tpl" class="member inherited"><a href="Ext.form.field.Date.html#config-tpl" rel="config-tpl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-tpl" class="viewSource">view source</a></div><a name="tpl"></a><a name="config-tpl"></a><a href="Ext.form.field.Date.html#" rel="config-tpl" class="cls expand">tpl</a><span> : Mixed</span></div><div class="description"><div class="short">An Ext.Template, Ext.XTemplate
+or an array of strings to form an Ext.XTemplate.
+Used in conjunction with the data and...</div><div class="long"><p>An <bold><a href="Ext.Template.html" rel="Ext.Template" class="docClass">Ext.Template</a></bold>, <bold><a href="Ext.XTemplate.html" rel="Ext.XTemplate" class="docClass">Ext.XTemplate</a></bold>
+or an array of strings to form an <a href="Ext.XTemplate.html" rel="Ext.XTemplate" class="docClass">Ext.XTemplate</a>.
+Used in conjunction with the <code><a href="Ext.form.field.Date.html#data" rel="Ext.form.field.Date#data" class="docClass">data</a></code> and
+<code><a href="Ext.form.field.Date.html#tplWriteMode" rel="Ext.form.field.Date#tplWriteMode" class="docClass">tplWriteMode</a></code> configurations.</p>
+</div></div></div><div id="config-tplWriteMode" class="member inherited"><a href="Ext.form.field.Date.html#config-tplWriteMode" rel="config-tplWriteMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-tplWriteMode" class="viewSource">view source</a></div><a name="tplWriteMode"></a><a name="config-tplWriteMode"></a><a href="Ext.form.field.Date.html#" rel="config-tplWriteMode" class="cls expand">tplWriteMode</a><span> : String</span></div><div class="description"><div class="short">The Ext.(X)Template method to use when
+updating the content area of the Component. Defaults to 'overwrite'
+(see Ext.X...</div><div class="long"><p>The Ext.(X)Template method to use when
+updating the content area of the Component. Defaults to <code>'overwrite'</code>
+(see <code><a href="Ext.XTemplate.html#overwrite" rel="Ext.XTemplate#overwrite" class="docClass">Ext.XTemplate.overwrite</a></code>).</p>
+</div></div></div><div id="config-triggerBaseCls" class="member inherited"><a href="Ext.form.field.Date.html#config-triggerBaseCls" rel="config-triggerBaseCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-triggerBaseCls" class="viewSource">view source</a></div><a name="triggerBaseCls"></a><a name="config-triggerBaseCls"></a><a href="Ext.form.field.Date.html#" rel="config-triggerBaseCls" class="cls expand">triggerBaseCls</a><span> : String</span></div><div class="description"><div class="short">The base CSS class that is always added to the trigger button. The triggerCls will be
+appended in addition to this cl...</div><div class="long"><p>The base CSS class that is always added to the trigger button. The <a href="Ext.form.field.Date.html#triggerCls" rel="Ext.form.field.Date#triggerCls" class="docClass">triggerCls</a> will be
+appended in addition to this class.</p>
+</div></div></div><div id="config-triggerCls" class="member ni"><a href="Ext.form.field.Date.html#config-triggerCls" rel="config-triggerCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-cfg-triggerCls" class="viewSource">view source</a></div><a name="triggerCls"></a><a name="config-triggerCls"></a><a href="Ext.form.field.Date.html#" rel="config-triggerCls" class="cls expand">triggerCls</a><span> : String</span></div><div class="description"><div class="short">An additional CSS class used to style the trigger button. The trigger will always get the
+class 'x-form-trigger' and...</div><div class="long"><p>An additional CSS class used to style the trigger button. The trigger will always get the
+class <tt>'x-form-trigger'</tt> and <tt>triggerCls</tt> will be <b>appended</b> if specified
+(defaults to <tt>'x-form-date-trigger'</tt> which displays a calendar icon).</p>
+</div></div></div><div id="config-triggerWrapCls" class="member inherited"><a href="Ext.form.field.Date.html#config-triggerWrapCls" rel="config-triggerWrapCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-cfg-triggerWrapCls" class="viewSource">view source</a></div><a name="triggerWrapCls"></a><a name="config-triggerWrapCls"></a><a href="Ext.form.field.Date.html#" rel="config-triggerWrapCls" class="cls expand">triggerWrapCls</a><span> : String</span></div><div class="description"><div class="short"><p>The CSS class that is added to the div wrapping the trigger button(s).</p>
+</div><div class="long"><p>The CSS class that is added to the div wrapping the trigger button(s).</p>
+</div></div></div><div id="config-ui" class="member inherited"><a href="Ext.form.field.Date.html#config-ui" rel="config-ui" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-ui" class="viewSource">view source</a></div><a name="ui"></a><a name="config-ui"></a><a href="Ext.form.field.Date.html#" rel="config-ui" class="cls expand">ui</a><span> : String/Array</span></div><div class="description"><div class="short"><p>A set style for a component. Can be a string or an Array of multiple strings (UIs)</p>
+</div><div class="long"><p>A set style for a component. Can be a string or an Array of multiple strings (UIs)</p>
+</div></div></div><div id="config-validateOnBlur" class="member inherited"><a href="Ext.form.field.Date.html#config-validateOnBlur" rel="config-validateOnBlur" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-cfg-validateOnBlur" class="viewSource">view source</a></div><a name="validateOnBlur"></a><a name="config-validateOnBlur"></a><a href="Ext.form.field.Date.html#" rel="config-validateOnBlur" class="cls expand">validateOnBlur</a><span> : Boolean</span></div><div class="description"><div class="short">Whether the field should validate when it loses focus (defaults to true). This will cause fields
+to be validated as t...</div><div class="long"><p>Whether the field should validate when it loses focus (defaults to <tt>true</tt>). This will cause fields
+to be validated as the user steps through the fields in the form regardless of whether they are making
+changes to those fields along the way. See also <a href="Ext.form.field.Date.html#validateOnChange" rel="Ext.form.field.Date#validateOnChange" class="docClass">validateOnChange</a>.</p>
+</div></div></div><div id="config-validateOnChange" class="member inherited"><a href="Ext.form.field.Date.html#config-validateOnChange" rel="config-validateOnChange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-cfg-validateOnChange" class="viewSource">view source</a></div><a name="validateOnChange"></a><a name="config-validateOnChange"></a><a href="Ext.form.field.Date.html#" rel="config-validateOnChange" class="cls expand">validateOnChange</a><span> : Boolean</span></div><div class="description"><div class="short">Specifies whether this field should be validated immediately whenever a change in its value is detected.
+Defaults to ...</div><div class="long"><p>Specifies whether this field should be validated immediately whenever a change in its value is detected.
+Defaults to <tt>true</tt>. If the validation results in a change in the field's validity, a
+<a href="Ext.form.field.Date.html#validitychange" rel="Ext.form.field.Date#validitychange" class="docClass">validitychange</a> event will be fired. This allows the field to show feedback about the
+validity of its contents immediately as the user is typing.</p>
+
+
+<p>When set to <tt>false</tt>, feedback will not be immediate. However the form will still be validated
+before submitting if the <tt>clientValidation</tt> option to <a href="Ext.form.Basic.html#doAction" rel="Ext.form.Basic#doAction" class="docClass">Ext.form.Basic.doAction</a> is
+enabled, or if the field or form are validated manually.</p>
+
+
+<p>See also <a href="Ext.form.field.Base.html#checkChangeEvents" rel="Ext.form.field.Base#checkChangeEvents" class="docClass">Ext.form.field.Base.checkChangeEvents</a>for controlling how changes to the field's value are detected.</p>
+
+</div></div></div><div id="config-validator" class="member inherited"><a href="Ext.form.field.Date.html#config-validator" rel="config-validator" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-validator" class="viewSource">view source</a></div><a name="validator"></a><a name="config-validator"></a><a href="Ext.form.field.Date.html#" rel="config-validator" class="cls expand">validator</a><span> : Function</span></div><div class="description"><div class="short">A custom validation function to be called during field validation (getErrors)
+(defaults to undefined). If specified, ...</div><div class="long"><p>A custom validation function to be called during field validation (<a href="Ext.form.field.Date.html#getErrors" rel="Ext.form.field.Date#getErrors" class="docClass">getErrors</a>)
+(defaults to <tt>undefined</tt>). If specified, this function will be called first, allowing the
+developer to override the default validation process.</p>
+
+
+<br><p>This function will be passed the following Parameters:</p>
+
+
+<div class="mdetail-params"><ul>
+<li><code>value</code>: <i>Mixed</i>
+<div class="sub-desc">The current field value</div></li>
+</ul></div>
+
+
+<br><p>This function is to Return:</p>
+
+
+<div class="mdetail-params"><ul>
+<li><code>true</code>: <i>Boolean</i>
+<div class="sub-desc"><code>true</code> if the value is valid</div></li>
+<li><code>msg</code>: <i>String</i>
+<div class="sub-desc">An error message if the value is invalid</div></li>
+</ul></div>
+
+</div></div></div><div id="config-value" class="member inherited"><a href="Ext.form.field.Date.html#config-value" rel="config-value" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-cfg-value" class="viewSource">view source</a></div><a name="value"></a><a name="config-value"></a><a href="Ext.form.field.Date.html#" rel="config-value" class="cls expand">value</a><span> : Mixed</span></div><div class="description"><div class="short"><p>A value to initialize this field with (defaults to undefined).</p>
+</div><div class="long"><p>A value to initialize this field with (defaults to undefined).</p>
+</div></div></div><div id="config-vtype" class="member inherited"><a href="Ext.form.field.Date.html#config-vtype" rel="config-vtype" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-vtype" class="viewSource">view source</a></div><a name="vtype"></a><a name="config-vtype"></a><a href="Ext.form.field.Date.html#" rel="config-vtype" class="cls expand">vtype</a><span> : String</span></div><div class="description"><div class="short"><p>A validation type name as defined in <a href="Ext.form.field.VTypes.html" rel="Ext.form.field.VTypes" class="docClass">Ext.form.field.VTypes</a> (defaults to <tt>undefined</tt>)</p>
+</div><div class="long"><p>A validation type name as defined in <a href="Ext.form.field.VTypes.html" rel="Ext.form.field.VTypes" class="docClass">Ext.form.field.VTypes</a> (defaults to <tt>undefined</tt>)</p>
+</div></div></div><div id="config-vtypeText" class="member inherited"><a href="Ext.form.field.Date.html#config-vtypeText" rel="config-vtypeText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-cfg-vtypeText" class="viewSource">view source</a></div><a name="vtypeText"></a><a name="config-vtypeText"></a><a href="Ext.form.field.Date.html#" rel="config-vtypeText" class="cls expand">vtypeText</a><span> : String</span></div><div class="description"><div class="short">A custom error message to display in place of the default message provided
+for the vtype currently set for this field...</div><div class="long"><p>A custom error message to display in place of the default message provided
+for the <b><code><a href="Ext.form.field.Date.html#vtype" rel="Ext.form.field.Date#vtype" class="docClass">vtype</a></code></b> currently set for this field (defaults to <tt>undefined</tt>).
+<b>Note</b>: only applies if <b><code><a href="Ext.form.field.Date.html#vtype" rel="Ext.form.field.Date#vtype" class="docClass">vtype</a></code></b> is set, else ignored.</p>
+</div></div></div><div id="config-width" class="member inherited"><a href="Ext.form.field.Date.html#config-width" rel="config-width" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-width" class="viewSource">view source</a></div><a name="width"></a><a name="config-width"></a><a href="Ext.form.field.Date.html#" rel="config-width" class="cls expand">width</a><span> : Number</span></div><div class="description"><div class="short"><p>The width of this component in pixels.</p>
+</div><div class="long"><p>The width of this component in pixels.</p>
+</div></div></div></div><div class="m-properties"><a name="properties"></a><div class="definedBy">Defined By</div><h3 class="prp p">Properties</h3><div id="property-bodyEl" class="member f inherited"><a href="Ext.form.field.Date.html#property-bodyEl" rel="property-bodyEl" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-property-bodyEl" class="viewSource">view source</a></div><a name="bodyEl"></a><a name="property-bodyEl"></a><a href="Ext.form.field.Date.html#" rel="property-bodyEl" class="cls expand">bodyEl</a><span> : Ext.core.Element</span></div><div class="description"><div class="short"><p>The div Element wrapping the component's contents. Only available after the component has been rendered.</p>
+</div><div class="long"><p>The div Element wrapping the component's contents. Only available after the component has been rendered.</p>
+</div></div></div><div id="property-clearInvalid" class="member inherited"><a href="Ext.form.field.Date.html#property-clearInvalid" rel="property-clearInvalid" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-property-clearInvalid" class="viewSource">view source</a></div><a name="clearInvalid"></a><a name="property-clearInvalid"></a><a href="Ext.form.field.Date.html#" rel="property-clearInvalid" class="cls expand">clearInvalid</a><span> : Object</span></div><div class="description"><div class="short">Clear any invalid styles/messages for this field. Components using this mixin should implement
+this method to update ...</div><div class="long"><p>Clear any invalid styles/messages for this field. Components using this mixin should implement
+this method to update the components rendering to clear any existing messages.</p>
+
+
+<p><b>Note</b>: this method does not cause the Field's <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validate</a> or <a href="Ext.form.field.Date.html#isValid" rel="Ext.form.field.Date#isValid" class="docClass">isValid</a> methods to
+return <code>true</code> if the value does not <i>pass</i> validation. So simply clearing a field's errors
+will not necessarily allow submission of forms submitted with the <a href="Ext.form.action.Submit.html#clientValidation" rel="Ext.form.action.Submit#clientValidation" class="docClass">Ext.form.action.Submit.clientValidation</a>
+option set.</p>
+
+</div></div></div><div id="property-createPicker" class="member inherited"><a href="Ext.form.field.Date.html#property-createPicker" rel="property-createPicker" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-property-createPicker" class="viewSource">view source</a></div><a name="createPicker"></a><a name="property-createPicker"></a><a href="Ext.form.field.Date.html#" rel="property-createPicker" class="cls expand">createPicker</a><span> : Object</span></div><div class="description"><div class="short"><p>Create and return the component to be used as this field's picker. Must be implemented
+by subclasses of Picker.</p>
+</div><div class="long"><p>Create and return the component to be used as this field's picker. Must be implemented
+by subclasses of Picker.</p>
+</div></div></div><div id="property-draggable" class="member inherited"><a href="Ext.form.field.Date.html#property-draggable" rel="property-draggable" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-draggable" class="viewSource">view source</a></div><a name="draggable"></a><a name="property-draggable"></a><a href="Ext.form.field.Date.html#" rel="property-draggable" class="cls expand">draggable</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Read-only property indicating whether or not the component can be dragged</p>
+</div><div class="long"><p>Read-only property indicating whether or not the component can be dragged</p>
+</div></div></div><div id="property-errorEl" class="member inherited"><a href="Ext.form.field.Date.html#property-errorEl" rel="property-errorEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-property-errorEl" class="viewSource">view source</a></div><a name="errorEl"></a><a name="property-errorEl"></a><a href="Ext.form.field.Date.html#" rel="property-errorEl" class="cls expand">errorEl</a><span> : Ext.core.Element</span></div><div class="description"><div class="short">The div Element that will contain the component's error message(s). Note that depending on the
+configured msgTarget, ...</div><div class="long"><p>The div Element that will contain the component's error message(s). Note that depending on the
+configured <a href="Ext.form.field.Date.html#msgTarget" rel="Ext.form.field.Date#msgTarget" class="docClass">msgTarget</a>, this element may be hidden in favor of some other form of
+presentation, but will always be present in the DOM for use by assistive technologies.</p>
+</div></div></div><div id="property-floatParent" class="member inherited"><a href="Ext.form.field.Date.html#property-floatParent" rel="property-floatParent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-property-floatParent" class="viewSource">view source</a></div><a name="floatParent"></a><a name="property-floatParent"></a><a href="Ext.form.field.Date.html#" rel="property-floatParent" class="cls expand">floatParent</a><span> : Ext.Container</span></div><div class="description"><div class="short">Optional. Only present for floating Components which were inserted as descendant items of floating Containers.
+
+
+Floa...</div><div class="long"><p>Optional. Only present for <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components which were inserted as descendant items of floating Containers.</p>
+
+
+<p>Floating Components that are programatically <a href="Ext.Component.html#render" rel="Ext.Component#render" class="docClass">rendered</a> will not have a <code>floatParent</code> property.</p>
+
+
+<p>For <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components which are child items of a Container, the floatParent will be the floating ancestor Container which is
+responsible for the base z-index value of all its floating descendants. It provides a <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a> which provides
+z-indexing services for all its descendant floating Components.</p>
+
+
+<p>For example, the dropdown <a href="Ext.view.BoundList.html" rel="Ext.view.BoundList" class="docClass">BoundList</a> of a ComboBox which is in a Window will have the Window as its
+<code>floatParent</code></p>
+
+
+<p>See <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> and <a href="Ext.form.field.Date.html#zIndexManager" rel="Ext.form.field.Date#zIndexManager" class="docClass">zIndexManager</a></p>
+
+</div></div></div><div id="property-frameSize" class="member inherited"><a href="Ext.form.field.Date.html#property-frameSize" rel="property-frameSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-frameSize" class="viewSource">view source</a></div><a name="frameSize"></a><a name="property-frameSize"></a><a href="Ext.form.field.Date.html#" rel="property-frameSize" class="cls expand">frameSize</a><span> : Object</span></div><div class="description"><div class="short">Read-only property indicating the width of any framing elements which were added within the encapsulating element
+to ...</div><div class="long"><p>Read-only property indicating the width of any framing elements which were added within the encapsulating element
+to provide graphical, rounded borders. See the <a href="Ext.form.field.Date.html#frame" rel="Ext.form.field.Date#frame" class="docClass">frame</a> config.</p>
+
+
+<p> This is an object containing the frame width in pixels for all four sides of the Component containing
+the following properties:</p>
+
+
+<div class="mdetail-params"><ul>
+<li><code>top</code> The width of the top framing element in pixels.</li>
+<li><code>right</code> The width of the right framing element in pixels.</li>
+<li><code>bottom</code> The width of the bottom framing element in pixels.</li>
+<li><code>left</code> The width of the left framing element in pixels.</li>
+</ul></div>
+
+</div></div></div><div id="property-hasActiveFx" class="member inherited"><a href="Ext.form.field.Date.html#property-hasActiveFx" rel="property-hasActiveFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-property-hasActiveFx" class="viewSource">view source</a></div><a name="hasActiveFx"></a><a name="property-hasActiveFx"></a><a href="Ext.form.field.Date.html#" rel="property-hasActiveFx" class="cls expand">hasActiveFx</a><span> : Object</span></div><div class="description"><div class="short">@deprecated 4.0 Replaced by getActiveAnimation
+Returns thq current animation if this object has any effects actively ...</div><div class="long"><p>@deprecated 4.0 Replaced by <a href="Ext.form.field.Date.html#getActiveAnimation" rel="Ext.form.field.Date#getActiveAnimation" class="docClass">getActiveAnimation</a>
+Returns thq current animation if this object has any effects actively running or queued, else returns false.</p>
+</div></div></div><div id="property-inputEl" class="member inherited"><a href="Ext.form.field.Date.html#property-inputEl" rel="property-inputEl" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-property-inputEl" class="viewSource">view source</a></div><a name="inputEl"></a><a name="property-inputEl"></a><a href="Ext.form.field.Date.html#" rel="property-inputEl" class="cls expand">inputEl</a><span> : Ext.core.Element</span></div><div class="description"><div class="short"><p>The input Element for this Field. Only available after the field has been rendered.</p>
+</div><div class="long"><p>The input Element for this Field. Only available after the field has been rendered.</p>
+</div></div></div><div id="property-isExpanded" class="member inherited"><a href="Ext.form.field.Date.html#property-isExpanded" rel="property-isExpanded" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-property-isExpanded" class="viewSource">view source</a></div><a name="isExpanded"></a><a name="property-isExpanded"></a><a href="Ext.form.field.Date.html#" rel="property-isExpanded" class="cls expand">isExpanded</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True if the picker is currently expanded, false if not.</p>
+</div><div class="long"><p>True if the picker is currently expanded, false if not.</p>
+</div></div></div><div id="property-isFieldLabelable" class="member inherited"><a href="Ext.form.field.Date.html#property-isFieldLabelable" rel="property-isFieldLabelable" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-property-isFieldLabelable" class="viewSource">view source</a></div><a name="isFieldLabelable"></a><a name="property-isFieldLabelable"></a><a href="Ext.form.field.Date.html#" rel="property-isFieldLabelable" class="cls expand">isFieldLabelable</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Flag denoting that this object is labelable as a field. Always true.</p>
+</div><div class="long"><p>Flag denoting that this object is labelable as a field. Always true.</p>
+</div></div></div><div id="property-isFormField" class="member inherited"><a href="Ext.form.field.Date.html#property-isFormField" rel="property-isFormField" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-property-isFormField" class="viewSource">view source</a></div><a name="isFormField"></a><a name="property-isFormField"></a><a href="Ext.form.field.Date.html#" rel="property-isFormField" class="cls expand">isFormField</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Flag denoting that this component is a Field. Always true.</p>
+</div><div class="long"><p>Flag denoting that this component is a Field. Always true.</p>
+</div></div></div><div id="property-labelEl" class="member inherited"><a href="Ext.form.field.Date.html#property-labelEl" rel="property-labelEl" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-property-labelEl" class="viewSource">view source</a></div><a name="labelEl"></a><a name="property-labelEl"></a><a href="Ext.form.field.Date.html#" rel="property-labelEl" class="cls expand">labelEl</a><span> : Ext.core.Element</span></div><div class="description"><div class="short"><p>The label Element for this component. Only available after the component has been rendered.</p>
+</div><div class="long"><p>The label Element for this component. Only available after the component has been rendered.</p>
+</div></div></div><div id="property-markInvalid" class="member inherited"><a href="Ext.form.field.Date.html#property-markInvalid" rel="property-markInvalid" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-property-markInvalid" class="viewSource">view source</a></div><a name="markInvalid"></a><a name="property-markInvalid"></a><a href="Ext.form.field.Date.html#" rel="property-markInvalid" class="cls expand">markInvalid</a><span> : Object</span></div><div class="description"><div class="short">Associate one or more error messages with this field. Components using this mixin should implement
+this method to upd...</div><div class="long"><p>Associate one or more error messages with this field. Components using this mixin should implement
+this method to update the component's rendering to display the messages.</p>
+
+
+<p><b>Note</b>: this method does not cause the Field's <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validate</a> or <a href="Ext.form.field.Date.html#isValid" rel="Ext.form.field.Date#isValid" class="docClass">isValid</a> methods to
+return <code>false</code> if the value does <i>pass</i> validation. So simply marking a Field as invalid
+will not prevent submission of forms submitted with the <a href="Ext.form.action.Submit.html#clientValidation" rel="Ext.form.action.Submit#clientValidation" class="docClass">Ext.form.action.Submit.clientValidation</a>
+option set.</p>
+
+</div></div></div><div id="property-maskOnDisable" class="member inherited"><a href="Ext.form.field.Date.html#property-maskOnDisable" rel="property-maskOnDisable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-maskOnDisable" class="viewSource">view source</a></div><a name="maskOnDisable"></a><a name="property-maskOnDisable"></a><a href="Ext.form.field.Date.html#" rel="property-maskOnDisable" class="cls expand">maskOnDisable</a><span> : Boolean</span></div><div class="description"><div class="short">This is an internal flag that you use when creating custom components.
+By default this is set to true which means tha...</div><div class="long"><p>This is an internal flag that you use when creating custom components.
+By default this is set to true which means that every component gets a mask when its disabled.
+Components like FieldContainer, FieldSet, Field, Button, Tab override this property to false
+since they want to implement custom disable logic.</p>
+</div></div></div><div id="property-originalValue" class="member inherited"><a href="Ext.form.field.Date.html#property-originalValue" rel="property-originalValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-property-originalValue" class="viewSource">view source</a></div><a name="originalValue"></a><a name="property-originalValue"></a><a href="Ext.form.field.Date.html#" rel="property-originalValue" class="cls expand">originalValue</a><span> : Mixed</span></div><div class="description"><div class="short">The original value of the field as configured in the value configuration, or as loaded by
+the last form load operatio...</div><div class="long"><p>The original value of the field as configured in the <a href="Ext.form.field.Date.html#value" rel="Ext.form.field.Date#value" class="docClass">value</a> configuration, or as loaded by
+the last form load operation if the form's <a href="Ext.form.Basic.html#trackResetOnLoad" rel="Ext.form.Basic#trackResetOnLoad" class="docClass">trackResetOnLoad</a>
+setting is <code>true</code>.</p>
+</div></div></div><div id="property-ownerCt" class="member inherited"><a href="Ext.form.field.Date.html#property-ownerCt" rel="property-ownerCt" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-ownerCt" class="viewSource">view source</a></div><a name="ownerCt"></a><a name="property-ownerCt"></a><a href="Ext.form.field.Date.html#" rel="property-ownerCt" class="cls expand">ownerCt</a><span> : Ext.Container</span></div><div class="description"><div class="short">This Component's owner Container (defaults to undefined, and is set automatically when
+this Component is added to a C...</div><div class="long"><p>This Component's owner <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a> (defaults to undefined, and is set automatically when
+this Component is added to a Container). Read-only.</p>
+
+<p><b>Note</b>: to access items within the Container see <tt><a href="Ext.form.field.Date.html#itemId" rel="Ext.form.field.Date#itemId" class="docClass">itemId</a></tt>.</p>
+
+</div></div></div><div id="property-rendered" class="member inherited"><a href="Ext.form.field.Date.html#property-rendered" rel="property-rendered" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-rendered" class="viewSource">view source</a></div><a name="rendered"></a><a name="property-rendered"></a><a href="Ext.form.field.Date.html#" rel="property-rendered" class="cls expand">rendered</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Read-only property indicating whether or not the component has been rendered.</p>
+</div><div class="long"><p>Read-only property indicating whether or not the component has been rendered.</p>
+</div></div></div><div id="property-stopFx" class="member inherited"><a href="Ext.form.field.Date.html#property-stopFx" rel="property-stopFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-property-stopFx" class="viewSource">view source</a></div><a name="stopFx"></a><a name="property-stopFx"></a><a href="Ext.form.field.Date.html#" rel="property-stopFx" class="cls expand">stopFx</a><span> : Object</span></div><div class="description"><div class="short">Stops any running effects and clears this object's internal effects queue if it contains
+any additional effects that ...</div><div class="long"><p>Stops any running effects and clears this object's internal effects queue if it contains
+any additional effects that haven't started yet.</p>
+</div></div></div><div id="property-triggerEl" class="member inherited"><a href="Ext.form.field.Date.html#property-triggerEl" rel="property-triggerEl" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-property-triggerEl" class="viewSource">view source</a></div><a name="triggerEl"></a><a name="property-triggerEl"></a><a href="Ext.form.field.Date.html#" rel="property-triggerEl" class="cls expand">triggerEl</a><span> : Ext.CompositeElement</span></div><div class="description"><div class="short"><p>A composite of all the trigger button elements. Only set after the field has been rendered.</p>
+</div><div class="long"><p>A composite of all the trigger button elements. Only set after the field has been rendered.</p>
+</div></div></div><div id="property-triggerWrap" class="member inherited"><a href="Ext.form.field.Date.html#property-triggerWrap" rel="property-triggerWrap" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-property-triggerWrap" class="viewSource">view source</a></div><a name="triggerWrap"></a><a name="property-triggerWrap"></a><a href="Ext.form.field.Date.html#" rel="property-triggerWrap" class="cls expand">triggerWrap</a><span> : Ext.core.Element</span></div><div class="description"><div class="short"><p>A reference to the div element wrapping the trigger button(s). Only set after the field has been rendered.</p>
+</div><div class="long"><p>A reference to the div element wrapping the trigger button(s). Only set after the field has been rendered.</p>
+</div></div></div><div id="property-zIndexManager" class="member inherited"><a href="Ext.form.field.Date.html#property-zIndexManager" rel="property-zIndexManager" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-property-zIndexManager" class="viewSource">view source</a></div><a name="zIndexManager"></a><a name="property-zIndexManager"></a><a href="Ext.form.field.Date.html#" rel="property-zIndexManager" class="cls expand">zIndexManager</a><span> : Ext.ZIndexManager</span></div><div class="description"><div class="short">Optional. Only present for floating Components after they have been rendered.
+
+
+A reference to the ZIndexManager whic...</div><div class="long"><p>Optional. Only present for <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components after they have been rendered.</p>
+
+
+<p>A reference to the ZIndexManager which is managing this Component's z-index.</p>
+
+
+<p>The <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a> maintains a stack of floating Component z-indices, and also provides a single modal
+mask which is insert just beneath the topmost visible modal floating Component.</p>
+
+
+<p>Floating Components may be <a href="Ext.form.field.Date.html#toFront" rel="Ext.form.field.Date#toFront" class="docClass">brought to the front</a> or <a href="Ext.form.field.Date.html#toBack" rel="Ext.form.field.Date#toBack" class="docClass">sent to the back</a> of the z-index stack.</p>
+
+
+<p>This defaults to the global <a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a> for floating Components that are programatically
+<a href="Ext.Component.html#render" rel="Ext.Component#render" class="docClass">rendered</a>.</p>
+
+
+<p>For <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components which are added to a Container, the ZIndexManager is acquired from the first ancestor Container found
+which is floating, or if not found the global <a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a> is used.</p>
+
+
+<p>See <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> and <a href="Ext.form.field.Date.html#floatParent" rel="Ext.form.field.Date#floatParent" class="docClass">floatParent</a></p>
+
+</div></div></div></div><div class="m-methods"><a name="methods"></a><div class="definedBy">Defined By</div><h3 class="mth p">Methods</h3><div id="method-Date" class="member f ni"><a href="Ext.form.field.Date.html#method-Date" rel="method-Date" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-constructor" class="viewSource">view source</a></div><a name="Date"></a><a name="method-Date"></a><a href="Ext.form.field.Date.html#" rel="method-Date" class="cls expand">Date</a>(
+<span class="pre">Object config</span>)
+ : void</div><div class="description"><div class="short"><p>Create a new Date field</p>
+</div><div class="long"><p>Create a new Date field</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-addClass" class="member inherited"><a href="Ext.form.field.Date.html#method-addClass" rel="method-addClass" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-addClass" class="viewSource">view source</a></div><a name="addClass"></a><a name="method-addClass"></a><a href="Ext.form.field.Date.html#" rel="method-addClass" class="cls expand">addClass</a>(
+<span class="pre">String cls</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>@deprecated 4.0 Replaced by {link:#addCls}
+Adds a CSS class to the top level element representing this component.</p>
+</div><div class="long"><p>@deprecated 4.0 Replaced by {link:#addCls}
+Adds a CSS class to the top level element representing this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String<div class="sub-desc"><p>The CSS class name to add</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>Returns the Component to allow method chaining.</p>
+</li></ul></div></div></div><div id="method-addCls" class="member inherited"><a href="Ext.form.field.Date.html#method-addCls" rel="method-addCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-addCls" class="viewSource">view source</a></div><a name="addCls"></a><a name="method-addCls"></a><a href="Ext.form.field.Date.html#" rel="method-addCls" class="cls expand">addCls</a>(
+<span class="pre">String cls</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Adds a CSS class to the top level element representing this component.</p>
+</div><div class="long"><p>Adds a CSS class to the top level element representing this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String<div class="sub-desc"><p>The CSS class name to add</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>Returns the Component to allow method chaining.</p>
+</li></ul></div></div></div><div id="method-addClsWithUI" class="member inherited"><a href="Ext.form.field.Date.html#method-addClsWithUI" rel="method-addClsWithUI" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-addClsWithUI" class="viewSource">view source</a></div><a name="addClsWithUI"></a><a name="method-addClsWithUI"></a><a href="Ext.form.field.Date.html#" rel="method-addClsWithUI" class="cls expand">addClsWithUI</a>(
+<span class="pre">String/Array cls</span>)
+ : void</div><div class="description"><div class="short"><p>Adds a cls to the uiCls array, which will also call <a href="Ext.form.field.Date.html#addUIClsToElement" rel="Ext.form.field.Date#addUIClsToElement" class="docClass">addUIClsToElement</a> and adds
+to all elements of this component.</p>
+</div><div class="long"><p>Adds a cls to the uiCls array, which will also call <a href="Ext.form.field.Date.html#addUIClsToElement" rel="Ext.form.field.Date#addUIClsToElement" class="docClass">addUIClsToElement</a> and adds
+to all elements of this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String/Array<div class="sub-desc"><p>A string or an array of strings to add to the uiCls</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-addEvents" class="member inherited"><a href="Ext.form.field.Date.html#method-addEvents" rel="method-addEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addEvents" class="viewSource">view source</a></div><a name="addEvents"></a><a name="method-addEvents"></a><a href="Ext.form.field.Date.html#" rel="method-addEvents" class="cls expand">addEvents</a>(
+<span class="pre">Object/String o, String </span>)
+ : void</div><div class="description"><div class="short"><p>Adds the specified events to the list of events which this Observable may fire.</p>
+</div><div class="long"><p>Adds the specified events to the list of events which this Observable may fire.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Object/String<div class="sub-desc"><p>Either an object with event names as properties with a value of <code>true</code>
+or the first event name string if multiple event names are being passed as separate parameters.</p>
+</div></li><li><span class="pre"></span> : String<div class="sub-desc"><p>[additional] Optional additional event names if multiple event names are being passed as separate parameters.
+Usage:</p>
+
+<pre><code>this.addEvents('storeloaded', 'storecleared');
+</code></pre>
+
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-addListener" class="member inherited"><a href="Ext.form.field.Date.html#method-addListener" rel="method-addListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addListener" class="viewSource">view source</a></div><a name="addListener"></a><a name="method-addListener"></a><a href="Ext.form.field.Date.html#" rel="method-addListener" class="cls expand">addListener</a>(
+<span class="pre">String eventName, Function handler, [Object scope], [Object options]</span>)
+ : void</div><div class="description"><div class="short"><p>Appends an event handler to this object.</p>
+</div><div class="long"><p>Appends an event handler to this object.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to listen for. May also be an object who's property names are event names. See</p>
+</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The method the event invokes.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to the object which fired the event.</b></p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration.
+properties. This may contain any of the following properties:<ul>
+<li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to the object which fired the event.</b></div></li>
+<li><b>delay</b> : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
+<li><b>single</b> : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
+<li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="Ext.util.DelayedTask.html" rel="Ext.util.DelayedTask" class="docClass">Ext.util.DelayedTask</a> delayed
+by the specified number of milliseconds. If the event fires again within that time, the original
+handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
+<li><b>target</b> : Observable<div class="sub-desc">Only call the handler if the event was fired on the target Observable, <i>not</i>
+if the event was bubbled up from a child Observable.</div></li>
+<li><b>element</b> : String<div class="sub-desc"><b>This option is only valid for listeners bound to <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a>.</b>
+The name of a Component property which references an element to add a listener to.</p>
+
+<p>This option is useful during Component construction to add DOM event listeners to elements of <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a> which
+will exist only after the Component is rendered. For example, to add a click listener to a Panel's body:
+<pre><code>new Ext.panel.Panel({
+ title: 'The title',
+ listeners: {
+ click: this.handlePanelClick,
+ element: 'body'
+ }
+});
+</code></pre></p>
+
+
+<p>When added in this way, the options available are the options applicable to <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a></p>
+
+
+<p></div></li>
+</ul><br></p>
+
+<p>
+<b>Combining Options</b><br>
+Using the options argument, it is possible to combine different types of listeners:<br>
+<br>
+A delayed, one-time listener.
+<pre><code>myPanel.on('hide', this.handleClick, this, {
+single: true,
+delay: 100
+});</code></pre>
+<p>
+<b>Attaching multiple handlers in 1 call</b><br>
+The method also allows for a single argument to be passed which is a config object containing properties
+which specify multiple events. For example:
+<pre><code>myGridPanel.on({
+ cellClick: this.onCellClick,
+ mouseover: this.onMouseOver,
+ mouseout: this.onMouseOut,
+ scope: this // Important. Ensure "this" is correct during handler execution
+});
+</code></pre>.
+<p>
+
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-addManagedListener" class="member inherited"><a href="Ext.form.field.Date.html#method-addManagedListener" rel="method-addManagedListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addManagedListener" class="viewSource">view source</a></div><a name="addManagedListener"></a><a name="method-addManagedListener"></a><a href="Ext.form.field.Date.html#" rel="method-addManagedListener" class="cls expand">addManagedListener</a>(
+<span class="pre">Observable/Element item, Object/String ename, Function fn, Object scope, Object opt</span>)
+ : void</div><div class="description"><div class="short"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
+is destroyed.
+
+</div><div class="long"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
+is destroyed.
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Observable/Element<div class="sub-desc"><p>The item to which to add a listener/listeners.</p>
+</div></li><li><span class="pre">ename</span> : Object/String<div class="sub-desc"><p>The event name, or an object containing event name properties.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
+is the handler function.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
+is the scope (<code>this</code> reference) in which the handler function is executed.</p>
+</div></li><li><span class="pre">opt</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
+is the <a href="Ext.util.Observable.html#addListener" rel="Ext.util.Observable#addListener" class="docClass">addListener</a> options.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-addStateEvents" class="member inherited"><a href="Ext.form.field.Date.html#method-addStateEvents" rel="method-addStateEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-addStateEvents" class="viewSource">view source</a></div><a name="addStateEvents"></a><a name="method-addStateEvents"></a><a href="Ext.form.field.Date.html#" rel="method-addStateEvents" class="cls expand">addStateEvents</a>(
+<span class="pre">String/Array events</span>)
+ : void</div><div class="description"><div class="short"><p>Add events that will trigger the state to be saved.</p>
+</div><div class="long"><p>Add events that will trigger the state to be saved.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">events</span> : String/Array<div class="sub-desc"><p>The event name or an array of event names.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-afterComponentLayout" class="member inherited"><a href="Ext.form.field.Date.html#method-afterComponentLayout" rel="method-afterComponentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-afterComponentLayout" class="viewSource">view source</a></div><a name="afterComponentLayout"></a><a name="method-afterComponentLayout"></a><a href="Ext.form.field.Date.html#" rel="method-afterComponentLayout" class="cls expand">afterComponentLayout</a>(
+<span class="pre">Number adjWidth, Number adjHeight, Boolean isSetSize, Ext.Component layoutOwner</span>)
+ : void</div><div class="description"><div class="short"><p> </p></div><div class="long">
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">adjWidth</span> : Number<div class="sub-desc"><p>The box-adjusted width that was set</p>
+</div></li><li><span class="pre">adjHeight</span> : Number<div class="sub-desc"><p>The box-adjusted height that was set</p>
+</div></li><li><span class="pre">isSetSize</span> : Boolean<div class="sub-desc"><p>Whether or not the height/width are stored on the component permanently</p>
+</div></li><li><span class="pre">layoutOwner</span> : Ext.Component<div class="sub-desc"><p>Component which sent the layout. Only used when isSetSize is false.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-alignTo" class="member inherited"><a href="Ext.form.field.Date.html#method-alignTo" rel="method-alignTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-alignTo" class="viewSource">view source</a></div><a name="alignTo"></a><a name="method-alignTo"></a><a href="Ext.form.field.Date.html#" rel="method-alignTo" class="cls expand">alignTo</a>(
+<span class="pre">Mixed element, String position, [Array offsets]</span>)
+ : Component</div><div class="description"><div class="short"><p>Aligns this floating Component to the specified element</p>
+</div><div class="long"><p>Aligns this floating Component to the specified element</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element or <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> to align to. If passing a component, it must
+be a omponent instance. If a string id is passed, it will be used as an element id.</p>
+</div></li><li><span class="pre">position</span> : String<div class="sub-desc"><p>(optional, defaults to "tl-bl?") The position to align to (see <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">Ext.core.Element.alignTo</a> for more details).</p>
+</div></li><li><span class="pre">offsets</span> : Array<div class="sub-desc"><p>(optional) Offset the positioning by [x, y]</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-animate" class="member inherited"><a href="Ext.form.field.Date.html#method-animate" rel="method-animate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-animate" class="viewSource">view source</a></div><a name="animate"></a><a name="method-animate"></a><a href="Ext.form.field.Date.html#" rel="method-animate" class="cls expand">animate</a>(
+<span class="pre">Object config</span>)
+ : Object</div><div class="description"><div class="short">Perform custom animation on this object.
+This method is applicable to both the the Component class and the Element cl...</div><div class="long"><p>Perform custom animation on this object.<p>
+<p>This method is applicable to both the the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a> class and the <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Element</a> class.
+It performs animated transitions of certain properties of this object over a specified timeline.</p>
+<p>The sole parameter is an object which specifies start property values, end property values, and properties which
+describe the timeline. Of the properties listed below, only <b><code>to</code></b> is mandatory.</p>
+<p>Properties include<ul>
+<li><code>from</code> <div class="sub-desc">An object which specifies start values for the properties being animated.
+If not supplied, properties are animated from current settings. The actual properties which may be animated depend upon
+ths object being animated. See the sections below on Element and Component animation.<div></li>
+<li><code>to</code> <div class="sub-desc">An object which specifies end values for the properties being animated.</div></li>
+<li><code>duration</code><div class="sub-desc">The duration <b>in milliseconds</b> for which the animation will run.</div></li>
+<li><code>easing</code> <div class="sub-desc">A string value describing an easing type to modify the rate of change from the default linear to non-linear. Values may be one of:<code><ul>
+<li>ease</li>
+<li>easeIn</li>
+<li>easeOut</li>
+<li>easeInOut</li>
+<li>backIn</li>
+<li>backOut</li>
+<li>elasticIn</li>
+<li>elasticOut</li>
+<li>bounceIn</li>
+<li>bounceOut</li>
+</ul></code></div></li>
+<li><code>keyframes</code> <div class="sub-desc">This is an object which describes the state of animated properties at certain points along the timeline.
+it is an object containing properties who's names are the percentage along the timeline being described and who's values specify the animation state at that point.</div></li>
+<li><code>listeners</code> <div class="sub-desc">This is a standard <a href="Ext.util.Observable.html#listeners" rel="Ext.util.Observable#listeners" class="docClass">listeners</a> configuration object which may be used
+to inject behaviour at either the <code>beforeanimate</code> event or the <code>afteranimate</code> event.</div></li>
+</ul></p>
+<h3>Animating an <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Element</a></h3>
+When animating an Element, the following properties may be specified in <code>from</code>, <code>to</code>, and <code>keyframe</code> objects:<ul>
+<li><code>x</code> <div class="sub-desc">The page X position in pixels.</div></li>
+<li><code>y</code> <div class="sub-desc">The page Y position in pixels</div></li>
+<li><code>left</code> <div class="sub-desc">The element's CSS <code>left</code> value. Units must be supplied.</div></li>
+<li><code>top</code> <div class="sub-desc">The element's CSS <code>top</code> value. Units must be supplied.</div></li>
+<li><code>width</code> <div class="sub-desc">The element's CSS <code>width</code> value. Units must be supplied.</div></li>
+<li><code>height</code> <div class="sub-desc">The element's CSS <code>height</code> value. Units must be supplied.</div></li>
+<li><code>scrollLeft</code> <div class="sub-desc">The element's <code>scrollLeft</code> value.</div></li>
+<li><code>scrollTop</code> <div class="sub-desc">The element's <code>scrollLeft</code> value.</div></li>
+<li><code>opacity</code> <div class="sub-desc">The element's <code>opacity</code> value. This must be a value between <code>0</code> and <code>1</code>.</div></li>
+</ul>
+<p><b>Be aware than animating an Element which is being used by an <a href="Ext.html" rel="Ext" class="docClass">Ext</a> Component without in some way informing the Component about the changed element state
+will result in incorrect Component behaviour. This is because the Component will be using the old state of the element. To avoid this problem, it is now possible to
+directly animate certain properties of Components.</b></p>
+<h3>Animating a <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a></h3>
+When animating an Element, the following properties may be specified in <code>from</code>, <code>to</code>, and <code>keyframe</code> objects:<ul>
+<li><code>x</code> <div class="sub-desc">The Component's page X position in pixels.</div></li>
+<li><code>y</code> <div class="sub-desc">The Component's page Y position in pixels</div></li>
+<li><code>left</code> <div class="sub-desc">The Component's <code>left</code> value in pixels.</div></li>
+<li><code>top</code> <div class="sub-desc">The Component's <code>top</code> value in pixels.</div></li>
+<li><code>width</code> <div class="sub-desc">The Component's <code>width</code> value in pixels.</div></li>
+<li><code>width</code> <div class="sub-desc">The Component's <code>width</code> value in pixels.</div></li>
+<li><code>dynamic</code> <div class="sub-desc">Specify as true to update the Component's layout (if it is a Container) at every frame
+of the animation. <i>Use sparingly as laying out on every intermediate size change is an expensive operation</i>.</div></li>
+</ul>
+<p>For example, to animate a Window to a new size, ensuring that its internal layout, and any shadow is correct:</p>
+<pre><code>myWindow = Ext.create('Ext.window.Window', {
+ title: 'Test Component animation',
+ width: 500,
+ height: 300,
+ layout: {
+ type: 'hbox',
+ align: 'stretch'
+ },
+ items: [{
+ title: 'Left: 33%',
+ margins: '5 0 5 5',
+ flex: 1
+ }, {
+ title: 'Left: 66%',
+ margins: '5 5 5 5',
+ flex: 2
+ }]
+});
+myWindow.show();
+myWindow.header.el.on('click', function() {
+ myWindow.animate({
+ to: {
+ width: (myWindow.getWidth() == 500) ? 700 : 500,
+ height: (myWindow.getHeight() == 300) ? 400 : 300,
+ }
+ });
+});
+</code></pre>
+<p>For performance reasons, by default, the internal layout is only updated when the Window reaches its final <code>"to"</code> size. If dynamic updating of the Window's child
+Components is required, then configure the animation with <code>dynamic: true</code> and the two child items will maintain their proportions during the animation.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>An object containing properties which describe the animation's start and end states, and the timeline of the animation.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>this</p>
+</li></ul></div></div></div><div id="method-applyState" class="member inherited"><a href="Ext.form.field.Date.html#method-applyState" rel="method-applyState" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-applyState" class="viewSource">view source</a></div><a name="applyState"></a><a name="method-applyState"></a><a href="Ext.form.field.Date.html#" rel="method-applyState" class="cls expand">applyState</a>(
+<span class="pre">Object state</span>)
+ : void</div><div class="description"><div class="short">Applies the state to the object. This should be overridden in subclasses to do
+more complex state operations. By defa...</div><div class="long"><p>Applies the state to the object. This should be overridden in subclasses to do
+more complex state operations. By default it applies the state properties onto
+the current object.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The state</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-autoSize" class="member inherited"><a href="Ext.form.field.Date.html#method-autoSize" rel="method-autoSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-method-autoSize" class="viewSource">view source</a></div><a name="autoSize"></a><a name="method-autoSize"></a><a href="Ext.form.field.Date.html#" rel="method-autoSize" class="cls expand">autoSize</a> : void</div><div class="description"><div class="short">Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.
+This only ta...</div><div class="long"><p>Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.
+This only takes effect if <tt><a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a> = true</tt>, and fires the <a href="Ext.form.field.Date.html#autosize" rel="Ext.form.field.Date#autosize" class="docClass">autosize</a> event if the
+width changes.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-batchChanges" class="member inherited"><a href="Ext.form.field.Date.html#method-batchChanges" rel="method-batchChanges" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-batchChanges" class="viewSource">view source</a></div><a name="batchChanges"></a><a name="method-batchChanges"></a><a href="Ext.form.field.Date.html#" rel="method-batchChanges" class="cls expand">batchChanges</a>(
+<span class="pre">Object fn</span>)
+ : void</div><div class="description"><div class="short">A utility for grouping a set of modifications which may trigger value changes into a single
+transaction, to prevent e...</div><div class="long"><p>A utility for grouping a set of modifications which may trigger value changes into a single
+transaction, to prevent excessive firing of <a href="Ext.form.field.Date.html#change" rel="Ext.form.field.Date#change" class="docClass">change</a> events. This is useful for instance
+if the field has sub-fields which are being updated as a group; you don't want the container
+field to check its own changed state for each subfield change.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Object<div class="sub-desc"><p>A function containing the transaction code</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-beforeComponentLayout" class="member inherited"><a href="Ext.form.field.Date.html#method-beforeComponentLayout" rel="method-beforeComponentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-beforeComponentLayout" class="viewSource">view source</a></div><a name="beforeComponentLayout"></a><a name="method-beforeComponentLayout"></a><a href="Ext.form.field.Date.html#" rel="method-beforeComponentLayout" class="cls expand">beforeComponentLayout</a>(
+<span class="pre">Number adjWidth, Number adjHeight, Boolean isSetSize, Ext.Component layoutOwner</span>)
+ : void</div><div class="description"><div class="short">Occurs before componentLayout is run. Returning false from this method will prevent the componentLayout
+from being ex...</div><div class="long"><p>Occurs before componentLayout is run. Returning false from this method will prevent the componentLayout
+from being executed.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">adjWidth</span> : Number<div class="sub-desc"><p>The box-adjusted width that was set</p>
+</div></li><li><span class="pre">adjHeight</span> : Number<div class="sub-desc"><p>The box-adjusted height that was set</p>
+</div></li><li><span class="pre">isSetSize</span> : Boolean<div class="sub-desc"><p>Whether or not the height/width are stored on the component permanently</p>
+</div></li><li><span class="pre">layoutOwner</span> : Ext.Component<div class="sub-desc"><p>Component which sent the layout. Only used when isSetSize is false.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-bubble" class="member inherited"><a href="Ext.form.field.Date.html#method-bubble" rel="method-bubble" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-bubble" class="viewSource">view source</a></div><a name="bubble"></a><a name="method-bubble"></a><a href="Ext.form.field.Date.html#" rel="method-bubble" class="cls expand">bubble</a>(
+<span class="pre">Function fn, [Object scope], [Array args]</span>)
+ : Ext.Component</div><div class="description"><div class="short">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of...</div><div class="long"><p>Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (<i>this</i>) of
+function call will be the scope provided or the current component. The arguments to the function
+will be the args provided or the current component. If the function returns false at any point,
+the bubble is stopped.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope of the function (defaults to current node)</p>
+</div></li><li><span class="pre">args</span> : Array<div class="sub-desc"><p>(optional) The args to call the function with (default to passing the current component)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-capture" class="member inherited"><a href="Ext.form.field.Date.html#method-capture" rel="method-capture" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-capture" class="viewSource">view source</a></div><a name="capture"></a><a name="method-capture"></a><a href="Ext.form.field.Date.html#" rel="method-capture" class="cls expand">capture</a>(
+<span class="pre">Observable o, Function fn, [Object scope]</span>)
+ : void</div><div class="description"><div class="short">Starts capture on the specified Observable. All events will be passed
+to the supplied function with the event name + ...</div><div class="long"><p>Starts capture on the specified Observable. All events will be passed
+to the supplied function with the event name + standard signature of the event
+<b>before</b> the event is fired. If the supplied function returns false,
+the event will not fire.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Observable<div class="sub-desc"><p>The Observable to capture events from.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call when an event is fired.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the Observable firing the event.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-center" class="member inherited"><a href="Ext.form.field.Date.html#method-center" rel="method-center" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-center" class="viewSource">view source</a></div><a name="center"></a><a name="method-center"></a><a href="Ext.form.field.Date.html#" rel="method-center" class="cls expand">center</a> : Component</div><div class="description"><div class="short"><p>Center this Component in its container.</p>
+</div><div class="long"><p>Center this Component in its container.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-checkChange" class="member inherited"><a href="Ext.form.field.Date.html#method-checkChange" rel="method-checkChange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-checkChange" class="viewSource">view source</a></div><a name="checkChange"></a><a name="method-checkChange"></a><a href="Ext.form.field.Date.html#" rel="method-checkChange" class="cls expand">checkChange</a> : void</div><div class="description"><div class="short">Checks whether the value of the field has changed since the last time it was checked. If the value
+has changed, it:
+
+...</div><div class="long"><p>Checks whether the value of the field has changed since the last time it was checked. If the value
+has changed, it:</p>
+
+
+<ol>
+<li>Fires the <a href="Ext.form.field.Date.html#change" rel="Ext.form.field.Date#change" class="docClass">change event</a>,</li>
+<li>Performs validation if the <a href="Ext.form.field.Date.html#validateOnChange" rel="Ext.form.field.Date#validateOnChange" class="docClass">validateOnChange</a> config is enabled, firing the
+<a href="Ext.form.field.Date.html#validationchange" rel="Ext.form.field.Date#validationchange" class="docClass">validationchange event</a> if the validity has changed, and</li>
+<li>Checks the <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">dirty state</a> of the field and fires the <a href="Ext.form.field.Date.html#dirtychange" rel="Ext.form.field.Date#dirtychange" class="docClass">dirtychange event</a>
+if it has changed.</li>
+</ol>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-checkDirty" class="member inherited"><a href="Ext.form.field.Date.html#method-checkDirty" rel="method-checkDirty" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-checkDirty" class="viewSource">view source</a></div><a name="checkDirty"></a><a name="method-checkDirty"></a><a href="Ext.form.field.Date.html#" rel="method-checkDirty" class="cls expand">checkDirty</a> : void</div><div class="description"><div class="short">Checks the isDirty state of the field and if it has changed since the last time
+it was checked, fires the dirtychange...</div><div class="long"><p>Checks the <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">isDirty</a> state of the field and if it has changed since the last time
+it was checked, fires the <a href="Ext.form.field.Date.html#dirtychange" rel="Ext.form.field.Date#dirtychange" class="docClass">dirtychange</a> event.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-clearInvalid" class="member inherited"><a href="Ext.form.field.Date.html#method-clearInvalid" rel="method-clearInvalid" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-clearInvalid" class="viewSource">view source</a></div><a name="clearInvalid"></a><a name="method-clearInvalid"></a><a href="Ext.form.field.Date.html#" rel="method-clearInvalid" class="cls expand">clearInvalid</a> : void</div><div class="description"><div class="short">Clear any invalid styles/messages for this field.
+
+
+Note: this method does not cause the Field's validate or isValid ...</div><div class="long"><p>Clear any invalid styles/messages for this field.</p>
+
+
+<p><b>Note</b>: this method does not cause the Field's <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validate</a> or <a href="Ext.form.field.Date.html#isValid" rel="Ext.form.field.Date#isValid" class="docClass">isValid</a> methods to
+return <code>true</code> if the value does not <i>pass</i> validation. So simply clearing a field's errors
+will not necessarily allow submission of forms submitted with the <a href="Ext.form.action.Submit.html#clientValidation" rel="Ext.form.action.Submit#clientValidation" class="docClass">Ext.form.action.Submit.clientValidation</a>
+option set.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-clearListeners" class="member inherited"><a href="Ext.form.field.Date.html#method-clearListeners" rel="method-clearListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-clearListeners" class="viewSource">view source</a></div><a name="clearListeners"></a><a name="method-clearListeners"></a><a href="Ext.form.field.Date.html#" rel="method-clearListeners" class="cls expand">clearListeners</a> : void</div><div class="description"><div class="short"><p>Removes all listeners for this object including the managed listeners</p>
+</div><div class="long"><p>Removes all listeners for this object including the managed listeners</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-clearManagedListeners" class="member inherited"><a href="Ext.form.field.Date.html#method-clearManagedListeners" rel="method-clearManagedListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-clearManagedListeners" class="viewSource">view source</a></div><a name="clearManagedListeners"></a><a name="method-clearManagedListeners"></a><a href="Ext.form.field.Date.html#" rel="method-clearManagedListeners" class="cls expand">clearManagedListeners</a> : void</div><div class="description"><div class="short"><p>Removes all managed listeners for this object.</p>
+</div><div class="long"><p>Removes all managed listeners for this object.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-cloneConfig" class="member inherited"><a href="Ext.form.field.Date.html#method-cloneConfig" rel="method-cloneConfig" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-cloneConfig" class="viewSource">view source</a></div><a name="cloneConfig"></a><a name="method-cloneConfig"></a><a href="Ext.form.field.Date.html#" rel="method-cloneConfig" class="cls expand">cloneConfig</a>(
+<span class="pre">Object overrides</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Clone the current component using the original config values passed into this instance by default.</p>
+</div><div class="long"><p>Clone the current component using the original config values passed into this instance by default.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">overrides</span> : Object<div class="sub-desc"><p>A new config containing any properties to override in the cloned version.
+An id property can be passed on this object, otherwise one will be generated to avoid duplicates.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>clone The cloned copy of this component</p>
+</li></ul></div></div></div><div id="method-collapse" class="member inherited"><a href="Ext.form.field.Date.html#method-collapse" rel="method-collapse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-method-collapse" class="viewSource">view source</a></div><a name="collapse"></a><a name="method-collapse"></a><a href="Ext.form.field.Date.html#" rel="method-collapse" class="cls expand">collapse</a> : void</div><div class="description"><div class="short"><p>Collapse this field's picker dropdown.</p>
+</div><div class="long"><p>Collapse this field's picker dropdown.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-destroy" class="member inherited"><a href="Ext.form.field.Date.html#method-destroy" rel="method-destroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-destroy" class="viewSource">view source</a></div><a name="destroy"></a><a name="method-destroy"></a><a href="Ext.form.field.Date.html#" rel="method-destroy" class="cls expand">destroy</a> : void</div><div class="description"><div class="short"><p>Destroys this stateful object.</p>
+</div><div class="long"><p>Destroys this stateful object.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-disable" class="member inherited"><a href="Ext.form.field.Date.html#method-disable" rel="method-disable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-disable" class="viewSource">view source</a></div><a name="disable"></a><a name="method-disable"></a><a href="Ext.form.field.Date.html#" rel="method-disable" class="cls expand">disable</a>(
+<span class="pre">Boolean silent</span>)
+ : void</div><div class="description"><div class="short"><p>Disable the component.</p>
+</div><div class="long"><p>Disable the component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">silent</span> : Boolean<div class="sub-desc"><p>Passing true, will supress the 'disable' event from being fired.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-doAutoRender" class="member inherited"><a href="Ext.form.field.Date.html#method-doAutoRender" rel="method-doAutoRender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-doAutoRender" class="viewSource">view source</a></div><a name="doAutoRender"></a><a name="method-doAutoRender"></a><a href="Ext.form.field.Date.html#" rel="method-doAutoRender" class="cls expand">doAutoRender</a> : void</div><div class="description"><div class="short">Handles autoRender.
+Floating Components may have an ownerCt. If they are asking to be constrained, constrain them wit...</div><div class="long"><p>Handles autoRender.
+Floating Components may have an ownerCt. If they are asking to be constrained, constrain them within that
+ownerCt, and have their z-index managed locally. Floating Components are always rendered to document.body</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-doComponentLayout" class="member inherited"><a href="Ext.form.field.Date.html#method-doComponentLayout" rel="method-doComponentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-doComponentLayout" class="viewSource">view source</a></div><a name="doComponentLayout"></a><a name="method-doComponentLayout"></a><a href="Ext.form.field.Date.html#" rel="method-doComponentLayout" class="cls expand">doComponentLayout</a>(
+<span class="pre">Object width, Object height, Object isSetSize, Object ownerCt</span>)
+ : Ext.container.Container</div><div class="description"><div class="short">This method needs to be called whenever you change something on this component that requires the Component's
+layout t...</div><div class="long"><p>This method needs to be called whenever you change something on this component that requires the Component's
+layout to be recalculated.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Object<div class="sub-desc">
+</div></li><li><span class="pre">height</span> : Object<div class="sub-desc">
+</div></li><li><span class="pre">isSetSize</span> : Object<div class="sub-desc">
+</div></li><li><span class="pre">ownerCt</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>this</p>
+</li></ul></div></div></div><div id="method-doConstrain" class="member inherited"><a href="Ext.form.field.Date.html#method-doConstrain" rel="method-doConstrain" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-doConstrain" class="viewSource">view source</a></div><a name="doConstrain"></a><a name="method-doConstrain"></a><a href="Ext.form.field.Date.html#" rel="method-doConstrain" class="cls expand">doConstrain</a>(
+<span class="pre">Mixed constrainTo</span>)
+ : void</div><div class="description"><div class="short">Moves this floating Component into a constrain region.
+
+
+By default, this Component is constrained to be within the c...</div><div class="long"><p>Moves this floating Component into a constrain region.</p>
+
+
+<p>By default, this Component is constrained to be within the container it was added to, or the element
+it was rendered to.</p>
+
+
+<p>An alternative constraint may be passed.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">constrainTo</span> : Mixed<div class="sub-desc"><p>Optional. The Element or <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Region</a> into which this Component is to be constrained.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-enable" class="member inherited"><a href="Ext.form.field.Date.html#method-enable" rel="method-enable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-enable" class="viewSource">view source</a></div><a name="enable"></a><a name="method-enable"></a><a href="Ext.form.field.Date.html#" rel="method-enable" class="cls expand">enable</a>(
+<span class="pre">Boolean silent</span>)
+ : void</div><div class="description"><div class="short"><p>Enable the component</p>
+</div><div class="long"><p>Enable the component</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">silent</span> : Boolean<div class="sub-desc"><p>Passing false will supress the 'enable' event from being fired.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-enableBubble" class="member inherited"><a href="Ext.form.field.Date.html#method-enableBubble" rel="method-enableBubble" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-enableBubble" class="viewSource">view source</a></div><a name="enableBubble"></a><a name="method-enableBubble"></a><a href="Ext.form.field.Date.html#" rel="method-enableBubble" class="cls expand">enableBubble</a>(
+<span class="pre">String/Array events</span>)
+ : void</div><div class="description"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
+<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
+
+
+<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="Ext.Component.html#getBubbleTarget" rel="Ext.Component#getBubbleTarget" class="docClass">Ext.Component.getBubbleTarget</a>. The default
+implementation in <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> returns the Component's immediate owner. But if a known target is required, this can be overridden to
+access the required target more quickly.</p>
+
+
+<p>Example:</p>
+
+
+<pre><code>Ext.override(Ext.form.field.Base, {
+// Add functionality to Field's initComponent to enable the change event to bubble
+initComponent : Ext.Function.createSequence(Ext.form.field.Base.prototype.initComponent, function() {
+ this.enableBubble('change');
+}),
+
+// We know that we want Field's events to bubble directly to the FormPanel.
+getBubbleTarget : function() {
+ if (!this.formPanel) {
+ this.formPanel = this.findParentByType('form');
+ }
+ return this.formPanel;
+}
+});
+
+var myForm = new Ext.formPanel({
+title: 'User Details',
+items: [{
+ ...
+}],
+listeners: {
+ change: function() {
+ // Title goes red if form has been modified.
+ myForm.header.setStyle('color', 'red');
+ }
+}
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">events</span> : String/Array<div class="sub-desc"><p>The event name to bubble, or an Array of event names.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-expand" class="member inherited"><a href="Ext.form.field.Date.html#method-expand" rel="method-expand" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-method-expand" class="viewSource">view source</a></div><a name="expand"></a><a name="method-expand"></a><a href="Ext.form.field.Date.html#" rel="method-expand" class="cls expand">expand</a> : void</div><div class="description"><div class="short"><p>Expand this field's picker dropdown.</p>
+</div><div class="long"><p>Expand this field's picker dropdown.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-extractFileInput" class="member inherited"><a href="Ext.form.field.Date.html#method-extractFileInput" rel="method-extractFileInput" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-extractFileInput" class="viewSource">view source</a></div><a name="extractFileInput"></a><a name="method-extractFileInput"></a><a href="Ext.form.field.Date.html#" rel="method-extractFileInput" class="cls expand">extractFileInput</a> : HTMLInputElement</div><div class="description"><div class="short">Only relevant if the instance's isFileUpload method returns true. Returns a reference
+to the file input DOM element h...</div><div class="long"><p>Only relevant if the instance's <a href="Ext.form.field.Date.html#isFileUpload" rel="Ext.form.field.Date#isFileUpload" class="docClass">isFileUpload</a> method returns true. Returns a reference
+to the file input DOM element holding the user's selected file. The input will be appended into
+the submission form and will not be returned, so this method should also create a replacement.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLInputElement</span>
+</li></ul></div></div></div><div id="method-findLayoutController" class="member inherited"><a href="Ext.form.field.Date.html#method-findLayoutController" rel="method-findLayoutController" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-findLayoutController" class="viewSource">view source</a></div><a name="findLayoutController"></a><a name="method-findLayoutController"></a><a href="Ext.form.field.Date.html#" rel="method-findLayoutController" class="cls expand">findLayoutController</a> : void</div><div class="description"><div class="short">This method finds the topmost active layout who's processing will eventually determine the size and position of this
+...</div><div class="long"><p>This method finds the topmost active layout who's processing will eventually determine the size and position of this
+Component.<p>
+<p>This method is useful when dynamically adding Components into Containers, and some processing must take place after the
+final sizing and positioning of the Component has been performed.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-findParentBy" class="member inherited"><a href="Ext.form.field.Date.html#method-findParentBy" rel="method-findParentBy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-findParentBy" class="viewSource">view source</a></div><a name="findParentBy"></a><a name="method-findParentBy"></a><a href="Ext.form.field.Date.html#" rel="method-findParentBy" class="cls expand">findParentBy</a>(
+<span class="pre">Function fn</span>)
+ : Ext.container.Container</div><div class="description"><div class="short">Find a container above this component at any level by a custom function. If the passed function returns
+true, the con...</div><div class="long"><p>Find a container above this component at any level by a custom function. If the passed function returns
+true, the container will be returned.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The custom function to call with the arguments (container, this component).</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>The first Container for which the custom function returns true</p>
+</li></ul></div></div></div><div id="method-findParentByType" class="member inherited"><a href="Ext.form.field.Date.html#method-findParentByType" rel="method-findParentByType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-findParentByType" class="viewSource">view source</a></div><a name="findParentByType"></a><a name="method-findParentByType"></a><a href="Ext.form.field.Date.html#" rel="method-findParentByType" class="cls expand">findParentByType</a>(
+<span class="pre">String/Class xtype</span>)
+ : Ext.container.Container</div><div class="description"><div class="short"><p>Find a container above this component at any level by xtype or class</p>
+
+
+<p>See also the <a href="Ext.Component.html#up" rel="Ext.Component#up" class="docClass">up</a> method.</p>
+
+</div><div class="long"><p>Find a container above this component at any level by xtype or class</p>
+
+
+<p>See also the <a href="Ext.Component.html#up" rel="Ext.Component#up" class="docClass">up</a> method.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">xtype</span> : String/Class<div class="sub-desc"><p>The xtype string for a component, or the class of the component directly</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>The first Container which matches the given xtype or class</p>
+</li></ul></div></div></div><div id="method-fireEvent" class="member inherited"><a href="Ext.form.field.Date.html#method-fireEvent" rel="method-fireEvent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-fireEvent" class="viewSource">view source</a></div><a name="fireEvent"></a><a name="method-fireEvent"></a><a href="Ext.form.field.Date.html#" rel="method-fireEvent" class="cls expand">fireEvent</a>(
+<span class="pre">String eventName, Object... args</span>)
+ : Boolean</div><div class="description"><div class="short">Fires the specified event with the passed parameters (minus the event name).
+
+
+An event may be set to bubble up an Ob...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
+
+
+<p>An event may be set to bubble up an Observable parent hierarchy (See <a href="Ext.Component.html#getBubbleTarget" rel="Ext.Component#getBubbleTarget" class="docClass">Ext.Component.getBubbleTarget</a>)
+by calling <a href="Ext.form.field.Date.html#enableBubble" rel="Ext.form.field.Date#enableBubble" class="docClass">enableBubble</a>.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to fire.</p>
+</div></li><li><span class="pre">args</span> : Object...<div class="sub-desc"><p>Variable number of parameters are passed to handlers.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>returns false if any of the handlers return false otherwise it returns true.</p>
+</li></ul></div></div></div><div id="method-focus" class="member inherited"><a href="Ext.form.field.Date.html#method-focus" rel="method-focus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-focus" class="viewSource">view source</a></div><a name="focus"></a><a name="method-focus"></a><a href="Ext.form.field.Date.html#" rel="method-focus" class="cls expand">focus</a>(
+<span class="pre">[Boolean selectText], [Boolean/Number delay]</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Try to focus this component.</p>
+</div><div class="long"><p>Try to focus this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selectText</span> : Boolean<div class="sub-desc"><p>(optional) If applicable, true to also select the text in this component</p>
+</div></li><li><span class="pre">delay</span> : Boolean/Number<div class="sub-desc"><p>(optional) Delay the focus this number of milliseconds (true for 10 milliseconds).</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-getActiveAnimation" class="member inherited"><a href="Ext.form.field.Date.html#method-getActiveAnimation" rel="method-getActiveAnimation" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-getActiveAnimation" class="viewSource">view source</a></div><a name="getActiveAnimation"></a><a name="method-getActiveAnimation"></a><a href="Ext.form.field.Date.html#" rel="method-getActiveAnimation" class="cls expand">getActiveAnimation</a> : Mixed</div><div class="description"><div class="short"><p>Returns thq current animation if this object has any effects actively running or queued, else returns false.</p>
+</div><div class="long"><p>Returns thq current animation if this object has any effects actively running or queued, else returns false.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span> <p>anim if element has active effects, else false</p>
+</li></ul></div></div></div><div id="method-getActiveError" class="member inherited"><a href="Ext.form.field.Date.html#method-getActiveError" rel="method-getActiveError" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-getActiveError" class="viewSource">view source</a></div><a name="getActiveError"></a><a name="method-getActiveError"></a><a href="Ext.form.field.Date.html#" rel="method-getActiveError" class="cls expand">getActiveError</a> : String</div><div class="description"><div class="short">Gets the active error message for this component, if any. This does not trigger
+validation on its own, it merely retu...</div><div class="long"><p>Gets the active error message for this component, if any. This does not trigger
+validation on its own, it merely returns any message that the component may already hold.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The active error message on the component; if there is no error, an empty string is returned.</p>
+</li></ul></div></div></div><div id="method-getActiveErrors" class="member inherited"><a href="Ext.form.field.Date.html#method-getActiveErrors" rel="method-getActiveErrors" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-getActiveErrors" class="viewSource">view source</a></div><a name="getActiveErrors"></a><a name="method-getActiveErrors"></a><a href="Ext.form.field.Date.html#" rel="method-getActiveErrors" class="cls expand">getActiveErrors</a> : Array</div><div class="description"><div class="short">Gets an Array of any active error messages currently applied to the field. This does not trigger
+validation on its ow...</div><div class="long"><p>Gets an Array of any active error messages currently applied to the field. This does not trigger
+validation on its own, it merely returns any messages that the component may already hold.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>The active error messages on the component; if there are no errors, an empty Array is returned.</p>
+</li></ul></div></div></div><div id="method-getBox" class="member inherited"><a href="Ext.form.field.Date.html#method-getBox" rel="method-getBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-getBox" class="viewSource">view source</a></div><a name="getBox"></a><a name="method-getBox"></a><a href="Ext.form.field.Date.html#" rel="method-getBox" class="cls expand">getBox</a>(
+<span class="pre">[Boolean local]</span>)
+ : Object</div><div class="description"><div class="short"><p>Gets the current box measurements of the component's underlying element.</p>
+</div><div class="long"><p>Gets the current box measurements of the component's underlying element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>box An object in the format {x, y, width, height}</p>
+</li></ul></div></div></div><div id="method-getBubbleTarget" class="member inherited"><a href="Ext.form.field.Date.html#method-getBubbleTarget" rel="method-getBubbleTarget" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getBubbleTarget" class="viewSource">view source</a></div><a name="getBubbleTarget"></a><a name="method-getBubbleTarget"></a><a href="Ext.form.field.Date.html#" rel="method-getBubbleTarget" class="cls expand">getBubbleTarget</a> : Ext.container.Container</div><div class="description"><div class="short"><p>Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</p>
+</div><div class="long"><p>Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>the Container which owns this Component.</p>
+</li></ul></div></div></div><div id="method-getEl" class="member inherited"><a href="Ext.form.field.Date.html#method-getEl" rel="method-getEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getEl" class="viewSource">view source</a></div><a name="getEl"></a><a name="method-getEl"></a><a href="Ext.form.field.Date.html#" rel="method-getEl" class="cls expand">getEl</a> : void</div><div class="description"><div class="short"><p>Retrieves the top level element representing this component.</p>
+</div><div class="long"><p>Retrieves the top level element representing this component.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-getErrors" class="member ni"><a href="Ext.form.field.Date.html#method-getErrors" rel="method-getErrors" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-getErrors" class="viewSource">view source</a></div><a name="getErrors"></a><a name="method-getErrors"></a><a href="Ext.form.field.Date.html#" rel="method-getErrors" class="cls expand">getErrors</a>(
+<span class="pre">Mixed value</span>)
+ : Array</div><div class="description"><div class="short">Runs all of Date's validations and returns an array of any errors. Note that this first
+runs Text's validations, so t...</div><div class="long"><p>Runs all of Date's validations and returns an array of any errors. Note that this first
+runs Text's validations, so the returned array is an amalgamation of all field errors.
+The additional validation checks are testing that the date format is valid, that the chosen
+date is within the min and max date constraints set, that the date chosen is not in the disabledDates
+regex and that the day chosed is not one of the disabledDays.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Mixed<div class="sub-desc"><p>The value to get errors for (defaults to the current field value)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>All validation errors for this field</p>
+</li></ul></div></div></div><div id="method-getFieldLabel" class="member inherited"><a href="Ext.form.field.Date.html#method-getFieldLabel" rel="method-getFieldLabel" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-getFieldLabel" class="viewSource">view source</a></div><a name="getFieldLabel"></a><a name="method-getFieldLabel"></a><a href="Ext.form.field.Date.html#" rel="method-getFieldLabel" class="cls expand">getFieldLabel</a> : String</div><div class="description"><div class="short"><p>Returns the label for the field. Defaults to simply returning the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> config. Can be
+overridden to provide</p>
+</div><div class="long"><p>Returns the label for the field. Defaults to simply returning the <a href="Ext.form.field.Date.html#fieldLabel" rel="Ext.form.field.Date#fieldLabel" class="docClass">fieldLabel</a> config. Can be
+overridden to provide</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The configured field label, or empty string if not defined</p>
+</li></ul></div></div></div><div id="method-getHeight" class="member inherited"><a href="Ext.form.field.Date.html#method-getHeight" rel="method-getHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getHeight" class="viewSource">view source</a></div><a name="getHeight"></a><a name="method-getHeight"></a><a href="Ext.form.field.Date.html#" rel="method-getHeight" class="cls expand">getHeight</a> : Number</div><div class="description"><div class="short"><p>Gets the current height of the component's underlying element.</p>
+</div><div class="long"><p>Gets the current height of the component's underlying element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getId" class="member inherited"><a href="Ext.form.field.Date.html#method-getId" rel="method-getId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getId" class="viewSource">view source</a></div><a name="getId"></a><a name="method-getId"></a><a href="Ext.form.field.Date.html#" rel="method-getId" class="cls expand">getId</a> : void</div><div class="description"><div class="short"><p>Retrieves the id of this component.
+Will autogenerate an id if one has not already been set.</p>
+</div><div class="long"><p>Retrieves the id of this component.
+Will autogenerate an id if one has not already been set.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-getInputId" class="member inherited"><a href="Ext.form.field.Date.html#method-getInputId" rel="method-getInputId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-getInputId" class="viewSource">view source</a></div><a name="getInputId"></a><a name="method-getInputId"></a><a href="Ext.form.field.Date.html#" rel="method-getInputId" class="cls expand">getInputId</a> : String</div><div class="description"><div class="short">Get the input id, if any, for this component. This is used as the "for" attribute on the label element.
+Implementing ...</div><div class="long"><p>Get the input id, if any, for this component. This is used as the "for" attribute on the label element.
+Implementing subclasses may also use this as e.g. the id for their own <tt>input</tt> element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The input id</p>
+</li></ul></div></div></div><div id="method-getInsertPosition" class="member inherited"><a href="Ext.form.field.Date.html#method-getInsertPosition" rel="method-getInsertPosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getInsertPosition" class="viewSource">view source</a></div><a name="getInsertPosition"></a><a name="method-getInsertPosition"></a><a href="Ext.form.field.Date.html#" rel="method-getInsertPosition" class="cls expand">getInsertPosition</a>(
+<span class="pre">String/Number/Element/HTMLElement position</span>)
+ : HTMLElement</div><div class="description"><div class="short">This function takes the position argument passed to onRender and returns a
+DOM element that you can use in the insert...</div><div class="long"><p>This function takes the position argument passed to onRender and returns a
+DOM element that you can use in the insertBefore.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">position</span> : String/Number/Element/HTMLElement<div class="sub-desc"><p>Index, element id or element you want
+to put this component before.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement</span> <p>DOM element that you can use in the insertBefore</p>
+</li></ul></div></div></div><div id="method-getLoader" class="member inherited"><a href="Ext.form.field.Date.html#method-getLoader" rel="method-getLoader" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getLoader" class="viewSource">view source</a></div><a name="getLoader"></a><a name="method-getLoader"></a><a href="Ext.form.field.Date.html#" rel="method-getLoader" class="cls expand">getLoader</a> : Ext.ComponentLoader</div><div class="description"><div class="short"><p>Gets the <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> for this Component.</p>
+</div><div class="long"><p>Gets the <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> for this Component.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.ComponentLoader</span> <p>The loader instance, null if it doesn't exist.</p>
+</li></ul></div></div></div><div id="method-getModelData" class="member inherited"><a href="Ext.form.field.Date.html#method-getModelData" rel="method-getModelData" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-getModelData" class="viewSource">view source</a></div><a name="getModelData"></a><a name="method-getModelData"></a><a href="Ext.form.field.Date.html#" rel="method-getModelData" class="cls expand">getModelData</a> : Object</div><div class="description"><div class="short">Returns the value(s) that should be saved to the Ext.data.Model instance for this field, when
+Ext.form.Basic.updateRe...</div><div class="long"><p>Returns the value(s) that should be saved to the <a href="Ext.data.Model.html" rel="Ext.data.Model" class="docClass">Ext.data.Model</a> instance for this field, when
+<a href="Ext.form.Basic.html#updateRecord" rel="Ext.form.Basic#updateRecord" class="docClass">Ext.form.Basic.updateRecord</a> is called. Typically this will be an object with a single name-value
+pair, the name being this field's <a href="Ext.form.field.Date.html#getName" rel="Ext.form.field.Date#getName" class="docClass">name</a> and the value being its current data value. More
+advanced field implementations may return more than one name-value pair. The returned values will be
+saved to the corresponding field names in the Model.</p>
+
+
+<p>Note that the values returned from this method are not guaranteed to have been successfully
+<a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validated</a>.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>A mapping of submit parameter names to values; each value should be a string, or an array
+of strings if that particular name has multiple values. It can also return <tt>null</tt> if there are no
+parameters to be submitted.</p>
+</li></ul></div></div></div><div id="method-getName" class="member inherited"><a href="Ext.form.field.Date.html#method-getName" rel="method-getName" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-getName" class="viewSource">view source</a></div><a name="getName"></a><a name="method-getName"></a><a href="Ext.form.field.Date.html#" rel="method-getName" class="cls expand">getName</a> : String</div><div class="description"><div class="short">Returns the name attribute of the field. This is used as the parameter
+name when including the field value in a form ...</div><div class="long"><p>Returns the <a href="Ext.form.field.Field.html#name" rel="Ext.form.field.Field#name" class="docClass">name</a> attribute of the field. This is used as the parameter
+name when including the field value in a <a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">form submit()</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>name The field <a href="Ext.form.field.Field.html#name" rel="Ext.form.field.Field#name" class="docClass">name</a></p>
+</li></ul></div></div></div><div id="method-getPicker" class="member inherited"><a href="Ext.form.field.Date.html#method-getPicker" rel="method-getPicker" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-method-getPicker" class="viewSource">view source</a></div><a name="getPicker"></a><a name="method-getPicker"></a><a href="Ext.form.field.Date.html#" rel="method-getPicker" class="cls expand">getPicker</a> : Ext.Component</div><div class="description"><div class="short"><p>Return a reference to the picker component for this field, creating it if necessary by
+calling <a href="Ext.form.field.Date.html#createPicker" rel="Ext.form.field.Date#createPicker" class="docClass">createPicker</a>.</p>
+</div><div class="long"><p>Return a reference to the picker component for this field, creating it if necessary by
+calling <a href="Ext.form.field.Date.html#createPicker" rel="Ext.form.field.Date#createPicker" class="docClass">createPicker</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>The picker component</p>
+</li></ul></div></div></div><div id="method-getPlugin" class="member inherited"><a href="Ext.form.field.Date.html#method-getPlugin" rel="method-getPlugin" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getPlugin" class="viewSource">view source</a></div><a name="getPlugin"></a><a name="method-getPlugin"></a><a href="Ext.form.field.Date.html#" rel="method-getPlugin" class="cls expand">getPlugin</a>(
+<span class="pre">Object pluginId</span>)
+ : Ext.AbstractPlugin</div><div class="description"><div class="short"><p>Retrieves a plugin by its pluginId which has been bound to this
+component.</p>
+</div><div class="long"><p>Retrieves a plugin by its pluginId which has been bound to this
+component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">pluginId</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.AbstractPlugin</span> <p>pluginInstance</p>
+</li></ul></div></div></div><div id="method-getPosition" class="member inherited"><a href="Ext.form.field.Date.html#method-getPosition" rel="method-getPosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-getPosition" class="viewSource">view source</a></div><a name="getPosition"></a><a name="method-getPosition"></a><a href="Ext.form.field.Date.html#" rel="method-getPosition" class="cls expand">getPosition</a>(
+<span class="pre">[Boolean local]</span>)
+ : Array</div><div class="description"><div class="short"><p>Gets the current XY position of the component's underlying element.</p>
+</div><div class="long"><p>Gets the current XY position of the component's underlying element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>The XY position of the element (e.g., [100, 200])</p>
+</li></ul></div></div></div><div id="method-getRawValue" class="member inherited"><a href="Ext.form.field.Date.html#method-getRawValue" rel="method-getRawValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-method-getRawValue" class="viewSource">view source</a></div><a name="getRawValue"></a><a name="method-getRawValue"></a><a href="Ext.form.field.Date.html#" rel="method-getRawValue" class="cls expand">getRawValue</a> : String</div><div class="description"><div class="short">Returns the raw String value of the field, without performing any normalization, conversion, or validation.
+Gets the ...</div><div class="long"><p>Returns the raw String value of the field, without performing any normalization, conversion, or validation.
+Gets the current value of the input element if the field has been rendered, ignoring the value if it is the
+<a href="Ext.form.field.Date.html#emptyText" rel="Ext.form.field.Date#emptyText" class="docClass">emptyText</a>. To get a normalized and converted value see <a href="Ext.form.field.Date.html#getValue" rel="Ext.form.field.Date#getValue" class="docClass">getValue</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>value The raw String value of the field</p>
+</li></ul></div></div></div><div id="method-getSize" class="member inherited"><a href="Ext.form.field.Date.html#method-getSize" rel="method-getSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getSize" class="viewSource">view source</a></div><a name="getSize"></a><a name="method-getSize"></a><a href="Ext.form.field.Date.html#" rel="method-getSize" class="cls expand">getSize</a> : Object</div><div class="description"><div class="short"><p>Gets the current size of the component's underlying element.</p>
+</div><div class="long"><p>Gets the current size of the component's underlying element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>An object containing the element's size {width: (element width), height: (element height)}</p>
+</li></ul></div></div></div><div id="method-getState" class="member inherited"><a href="Ext.form.field.Date.html#method-getState" rel="method-getState" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-getState" class="viewSource">view source</a></div><a name="getState"></a><a name="method-getState"></a><a href="Ext.form.field.Date.html#" rel="method-getState" class="cls expand">getState</a> : Object</div><div class="description"><div class="short">Gets the current state of the object. By default this function returns null,
+it should be overridden in subclasses to...</div><div class="long"><p>Gets the current state of the object. By default this function returns null,
+it should be overridden in subclasses to implement methods for getting the state.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>The current state</p>
+</li></ul></div></div></div><div id="method-getStateId" class="member inherited"><a href="Ext.form.field.Date.html#method-getStateId" rel="method-getStateId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-getStateId" class="viewSource">view source</a></div><a name="getStateId"></a><a name="method-getStateId"></a><a href="Ext.form.field.Date.html#" rel="method-getStateId" class="cls expand">getStateId</a> : String</div><div class="description"><div class="short"><p>Gets the state id for this object.</p>
+</div><div class="long"><p>Gets the state id for this object.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The state id, null if not found.</p>
+</li></ul></div></div></div><div id="method-getSubmitData" class="member inherited"><a href="Ext.form.field.Date.html#method-getSubmitData" rel="method-getSubmitData" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-getSubmitData" class="viewSource">view source</a></div><a name="getSubmitData"></a><a name="method-getSubmitData"></a><a href="Ext.form.field.Date.html#" rel="method-getSubmitData" class="cls expand">getSubmitData</a> : Object</div><div class="description"><div class="short">Returns the parameter(s) that would be included in a standard form submit for this field. Typically this
+will be an o...</div><div class="long"><p>Returns the parameter(s) that would be included in a standard form submit for this field. Typically this
+will be an object with a single name-value pair, the name being this field's <a href="Ext.form.field.Date.html#getName" rel="Ext.form.field.Date#getName" class="docClass">name</a> and the
+value being its current stringified value. More advanced field implementations may return more than one
+name-value pair.</p>
+
+
+<p>Note that the values returned from this method are not guaranteed to have been successfully
+<a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validated</a>.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>A mapping of submit parameter names to values; each value should be a string, or an array
+of strings if that particular name has multiple values. It can also return <tt>null</tt> if there are no
+parameters to be submitted.</p>
+</li></ul></div></div></div><div id="method-getSubmitValue" class="member inherited"><a href="Ext.form.field.Date.html#method-getSubmitValue" rel="method-getSubmitValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-getSubmitValue" class="viewSource">view source</a></div><a name="getSubmitValue"></a><a name="method-getSubmitValue"></a><a href="Ext.form.field.Date.html#" rel="method-getSubmitValue" class="cls expand">getSubmitValue</a> : String</div><div class="description"><div class="short">Returns the value that would be included in a standard form submit for this field. This will be combined
+with the fie...</div><div class="long"><p>Returns the value that would be included in a standard form submit for this field. This will be combined
+with the field's name to form a <tt>name=value</tt> pair in the <a href="Ext.form.field.Date.html#getSubmitData" rel="Ext.form.field.Date#getSubmitData" class="docClass">submitted parameters</a>.
+If an empty string is returned then just the <tt>name=</tt> will be submitted; if <tt>null</tt> is returned
+then nothing will be submitted.</p>
+
+
+<p>Note that the value returned will have been <a href="Ext.form.field.Date.html#processRawValue" rel="Ext.form.field.Date#processRawValue" class="docClass">processed</a> but may or may not have
+been successfully <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validated</a>.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The value to be submitted, or <tt>null</tt>.</p>
+</li></ul></div></div></div><div id="method-getTriggerWidth" class="member inherited"><a href="Ext.form.field.Date.html#method-getTriggerWidth" rel="method-getTriggerWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-method-getTriggerWidth" class="viewSource">view source</a></div><a name="getTriggerWidth"></a><a name="method-getTriggerWidth"></a><a href="Ext.form.field.Date.html#" rel="method-getTriggerWidth" class="cls expand">getTriggerWidth</a> : Number</div><div class="description"><div class="short"><p>Get the total width of the trigger button area. Only useful after the field has been rendered.</p>
+</div><div class="long"><p>Get the total width of the trigger button area. Only useful after the field has been rendered.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span> <p>The trigger width</p>
+</li></ul></div></div></div><div id="method-getValue" class="member inherited"><a href="Ext.form.field.Date.html#method-getValue" rel="method-getValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-getValue" class="viewSource">view source</a></div><a name="getValue"></a><a name="method-getValue"></a><a href="Ext.form.field.Date.html#" rel="method-getValue" class="cls expand">getValue</a> : Mixed</div><div class="description"><div class="short">Returns the current data value of the field. The type of value returned is particular to the type of the
+particular f...</div><div class="long"><p>Returns the current data value of the field. The type of value returned is particular to the type of the
+particular field (e.g. a Date object for <a href="Ext.form.field.Date.html" rel="Ext.form.field.Date" class="docClass">Ext.form.field.Date</a>).</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span> <p>value The field value</p>
+</li></ul></div></div></div><div id="method-getWidth" class="member inherited"><a href="Ext.form.field.Date.html#method-getWidth" rel="method-getWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getWidth" class="viewSource">view source</a></div><a name="getWidth"></a><a name="method-getWidth"></a><a href="Ext.form.field.Date.html#" rel="method-getWidth" class="cls expand">getWidth</a> : Number</div><div class="description"><div class="short"><p>Gets the current width of the component's underlying element.</p>
+</div><div class="long"><p>Gets the current width of the component's underlying element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
+</li></ul></div></div></div><div id="method-getXType" class="member inherited"><a href="Ext.form.field.Date.html#method-getXType" rel="method-getXType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-getXType" class="viewSource">view source</a></div><a name="getXType"></a><a name="method-getXType"></a><a href="Ext.form.field.Date.html#" rel="method-getXType" class="cls expand">getXType</a> : String</div><div class="description"><div class="short">Gets the xtype for this component as registered with Ext.ComponentManager. For a list of all
+available xtypes, see th...</div><div class="long"><p>Gets the xtype for this component as registered with <a href="Ext.ComponentManager.html" rel="Ext.ComponentManager" class="docClass">Ext.ComponentManager</a>. For a list of all
+available xtypes, see the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> header. Example usage:</p>
+
+<pre><code>var t = new Ext.form.field.Text();
+alert(t.getXType()); // alerts 'textfield'
+</code></pre>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The xtype</p>
+</li></ul></div></div></div><div id="method-getXTypes" class="member inherited"><a href="Ext.form.field.Date.html#method-getXTypes" rel="method-getXTypes" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getXTypes" class="viewSource">view source</a></div><a name="getXTypes"></a><a name="method-getXTypes"></a><a href="Ext.form.field.Date.html#" rel="method-getXTypes" class="cls expand">getXTypes</a> : String</div><div class="description"><div class="short">Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
+available xtypes, see the Ext...</div><div class="long"><p>Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
+available xtypes, see the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> header.</p>
+
+
+<p><b>If using your own subclasses, be aware that a Component must register its own xtype
+to participate in determination of inherited xtypes.</b></p>
+
+
+<p>Example usage:</p>
+
+
+<pre><code>var t = new Ext.form.field.Text();
+alert(t.getXTypes()); // alerts 'component/field/textfield'
+</code></pre>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The xtype hierarchy string</p>
+</li></ul></div></div></div><div id="method-hasActiveError" class="member inherited"><a href="Ext.form.field.Date.html#method-hasActiveError" rel="method-hasActiveError" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-hasActiveError" class="viewSource">view source</a></div><a name="hasActiveError"></a><a name="method-hasActiveError"></a><a href="Ext.form.field.Date.html#" rel="method-hasActiveError" class="cls expand">hasActiveError</a> : Boolean</div><div class="description"><div class="short">Tells whether the field currently has an active error message. This does not trigger
+validation on its own, it merely...</div><div class="long"><p>Tells whether the field currently has an active error message. This does not trigger
+validation on its own, it merely looks for any message that the component may already hold.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>
+</li></ul></div></div></div><div id="method-hasListener" class="member inherited"><a href="Ext.form.field.Date.html#method-hasListener" rel="method-hasListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-hasListener" class="viewSource">view source</a></div><a name="hasListener"></a><a name="method-hasListener"></a><a href="Ext.form.field.Date.html#" rel="method-hasListener" class="cls expand">hasListener</a>(
+<span class="pre">String eventName</span>)
+ : Boolean</div><div class="description"><div class="short"><p>Checks to see if this object has any listeners for a specified event</p>
+</div><div class="long"><p>Checks to see if this object has any listeners for a specified event</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to check for</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if the event is being listened for, else false</p>
+</li></ul></div></div></div><div id="method-hasUICls" class="member inherited"><a href="Ext.form.field.Date.html#method-hasUICls" rel="method-hasUICls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-hasUICls" class="viewSource">view source</a></div><a name="hasUICls"></a><a name="method-hasUICls"></a><a href="Ext.form.field.Date.html#" rel="method-hasUICls" class="cls expand">hasUICls</a>(
+<span class="pre">String cls</span>)
+ : void</div><div class="description"><div class="short"><p>Checks if there is currently a specified uiCls</p>
+</div><div class="long"><p>Checks if there is currently a specified uiCls</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String<div class="sub-desc"><p>The cls to check</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-hide" class="member inherited"><a href="Ext.form.field.Date.html#method-hide" rel="method-hide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-hide" class="viewSource">view source</a></div><a name="hide"></a><a name="method-hide"></a><a href="Ext.form.field.Date.html#" rel="method-hide" class="cls expand">hide</a>(
+<span class="pre">String/Element/Component animateTarget, [Function callback], [Object scope]</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Hides this Component, setting it to invisible using the configured <a href="Ext.form.field.Date.html#hideMode" rel="Ext.form.field.Date#hideMode" class="docClass">hideMode</a>.</p>
+</div><div class="long"><p>Hides this Component, setting it to invisible using the configured <a href="Ext.form.field.Date.html#hideMode" rel="Ext.form.field.Date#hideMode" class="docClass">hideMode</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">animateTarget</span> : String/Element/Component<div class="sub-desc"><p>Optional, and <b>only valid for <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components such as
+<a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a>s or <a href="Ext.tip.ToolTip.html" rel="Ext.tip.ToolTip" class="docClass">ToolTip</a>s, or regular Components which have been configured
+with <code>floating: true</code>.</b>.
+The target to which the Component should animate while hiding (defaults to null with no animation)</p>
+</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>(optional) A callback function to call after the Component is hidden.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the callback is executed. Defaults to this Component.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-initField" class="member inherited"><a href="Ext.form.field.Date.html#method-initField" rel="method-initField" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-initField" class="viewSource">view source</a></div><a name="initField"></a><a name="method-initField"></a><a href="Ext.form.field.Date.html#" rel="method-initField" class="cls expand">initField</a> : void</div><div class="description"><div class="short">Initializes this Field mixin on the current instance. Components using this mixin should call
+this method during thei...</div><div class="long"><p>Initializes this Field mixin on the current instance. Components using this mixin should call
+this method during their own initialization process.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-initLabelable" class="member inherited"><a href="Ext.form.field.Date.html#method-initLabelable" rel="method-initLabelable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-initLabelable" class="viewSource">view source</a></div><a name="initLabelable"></a><a name="method-initLabelable"></a><a href="Ext.form.field.Date.html#" rel="method-initLabelable" class="cls expand">initLabelable</a> : void</div><div class="description"><div class="short">Performs initialization of this mixin. Component classes using this mixin should call this method
+during their own in...</div><div class="long"><p>Performs initialization of this mixin. Component classes using this mixin should call this method
+during their own initialization.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-is" class="member inherited"><a href="Ext.form.field.Date.html#method-is" rel="method-is" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-is" class="viewSource">view source</a></div><a name="is"></a><a name="method-is"></a><a href="Ext.form.field.Date.html#" rel="method-is" class="cls expand">is</a>(
+<span class="pre">String selector</span>)
+ : Boolean</div><div class="description"><div class="short"><p>Tests whether this Component matches the selector string.</p>
+</div><div class="long"><p>Tests whether this Component matches the selector string.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The selector string to test against.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this Component matches the selector.</p>
+</li></ul></div></div></div><div id="method-isDescendantOf" class="member inherited"><a href="Ext.form.field.Date.html#method-isDescendantOf" rel="method-isDescendantOf" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDescendantOf" class="viewSource">view source</a></div><a name="isDescendantOf"></a><a name="method-isDescendantOf"></a><a href="Ext.form.field.Date.html#" rel="method-isDescendantOf" class="cls expand">isDescendantOf</a>(
+<span class="pre">Ext.Container container</span>)
+ : Boolean</div><div class="description"><div class="short"><p>Determines whether this component is the descendant of a particular container.</p>
+</div><div class="long"><p>Determines whether this component is the descendant of a particular container.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">container</span> : Ext.Container<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>isDescendant</p>
+</li></ul></div></div></div><div id="method-isDirty" class="member inherited"><a href="Ext.form.field.Date.html#method-isDirty" rel="method-isDirty" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-isDirty" class="viewSource">view source</a></div><a name="isDirty"></a><a name="method-isDirty"></a><a href="Ext.form.field.Date.html#" rel="method-isDirty" class="cls expand">isDirty</a> : Boolean</div><div class="description"><div class="short">Returns true if the value of this Field has been changed from its originalValue.
+Will always return false if the fiel...</div><div class="long"><p>Returns true if the value of this Field has been changed from its <a href="Ext.form.field.Date.html#originalValue" rel="Ext.form.field.Date#originalValue" class="docClass">originalValue</a>.
+Will always return false if the field is disabled.</p>
+
+
+<p>Note that if the owning <a href="Ext.form.Basic.html" rel="Ext.form.Basic" class="docClass">form</a> was configured with
+<a href="Ext.form.Basic.html#trackResetOnLoad" rel="Ext.form.Basic#trackResetOnLoad" class="docClass">trackResetOnLoad</a>
+then the <a href="Ext.form.field.Date.html#originalValue" rel="Ext.form.field.Date#originalValue" class="docClass">originalValue</a> is updated when the values are loaded by
+<a href="Ext.form.Basic.html" rel="Ext.form.Basic" class="docClass">Ext.form.Basic</a>.<a href="Ext.form.Basic.html#setValues" rel="Ext.form.Basic#setValues" class="docClass">setValues</a>.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this field has been changed from its original value (and
+is not disabled), false otherwise.</p>
+</li></ul></div></div></div><div id="method-isDisabled" class="member inherited"><a href="Ext.form.field.Date.html#method-isDisabled" rel="method-isDisabled" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDisabled" class="viewSource">view source</a></div><a name="isDisabled"></a><a name="method-isDisabled"></a><a href="Ext.form.field.Date.html#" rel="method-isDisabled" class="cls expand">isDisabled</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is currently disabled.</p>
+</div><div class="long"><p>Method to determine whether this Component is currently disabled.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the disabled state of this Component.</p>
+</li></ul></div></div></div><div id="method-isDraggable" class="member inherited"><a href="Ext.form.field.Date.html#method-isDraggable" rel="method-isDraggable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDraggable" class="viewSource">view source</a></div><a name="isDraggable"></a><a name="method-isDraggable"></a><a href="Ext.form.field.Date.html#" rel="method-isDraggable" class="cls expand">isDraggable</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is draggable.</p>
+</div><div class="long"><p>Method to determine whether this Component is draggable.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the draggable state of this component.</p>
+</li></ul></div></div></div><div id="method-isDroppable" class="member inherited"><a href="Ext.form.field.Date.html#method-isDroppable" rel="method-isDroppable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDroppable" class="viewSource">view source</a></div><a name="isDroppable"></a><a name="method-isDroppable"></a><a href="Ext.form.field.Date.html#" rel="method-isDroppable" class="cls expand">isDroppable</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is droppable.</p>
+</div><div class="long"><p>Method to determine whether this Component is droppable.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the droppable state of this component.</p>
+</li></ul></div></div></div><div id="method-isEqual" class="member inherited"><a href="Ext.form.field.Date.html#method-isEqual" rel="method-isEqual" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-isEqual" class="viewSource">view source</a></div><a name="isEqual"></a><a name="method-isEqual"></a><a href="Ext.form.field.Date.html#" rel="method-isEqual" class="cls expand">isEqual</a>(
+<span class="pre">Mixed value1, Mixed value2</span>)
+ : Boolean</div><div class="description"><div class="short">Returns whether two field values are logically equal. Field implementations may override
+this to provide custom compa...</div><div class="long"><p>Returns whether two field <a href="Ext.form.field.Date.html#getValue" rel="Ext.form.field.Date#getValue" class="docClass">values</a> are logically equal. Field implementations may override
+this to provide custom comparison logic appropriate for the particular field's data type.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value1</span> : Mixed<div class="sub-desc"><p>The first value to compare</p>
+</div></li><li><span class="pre">value2</span> : Mixed<div class="sub-desc"><p>The second value to compare</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if the values are equal, false if inequal.</p>
+</li></ul></div></div></div><div id="method-isFileUpload" class="member inherited"><a href="Ext.form.field.Date.html#method-isFileUpload" rel="method-isFileUpload" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-isFileUpload" class="viewSource">view source</a></div><a name="isFileUpload"></a><a name="method-isFileUpload"></a><a href="Ext.form.field.Date.html#" rel="method-isFileUpload" class="cls expand">isFileUpload</a> : Boolean</div><div class="description"><div class="short">Returns whether this Field is a file upload field; if it returns true, forms will use
+special techniques for submitti...</div><div class="long"><p>Returns whether this Field is a file upload field; if it returns true, forms will use
+special techniques for <a href="Ext.form.Basic.html#submit" rel="Ext.form.Basic#submit" class="docClass">submitting the form</a> via AJAX. See
+<a href="Ext.form.Basic.html#hasUpload" rel="Ext.form.Basic#hasUpload" class="docClass">Ext.form.Basic.hasUpload</a> for details. If this returns true, the <a href="Ext.form.field.Date.html#extractFileInput" rel="Ext.form.field.Date#extractFileInput" class="docClass">extractFileInput</a>
+method must also be implemented to return the corresponding file input element.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span>
+</li></ul></div></div></div><div id="method-isFloating" class="member inherited"><a href="Ext.form.field.Date.html#method-isFloating" rel="method-isFloating" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isFloating" class="viewSource">view source</a></div><a name="isFloating"></a><a name="method-isFloating"></a><a href="Ext.form.field.Date.html#" rel="method-isFloating" class="cls expand">isFloating</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is floating.</p>
+</div><div class="long"><p>Method to determine whether this Component is floating.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the floating state of this component.</p>
+</li></ul></div></div></div><div id="method-isHidden" class="member inherited"><a href="Ext.form.field.Date.html#method-isHidden" rel="method-isHidden" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isHidden" class="viewSource">view source</a></div><a name="isHidden"></a><a name="method-isHidden"></a><a href="Ext.form.field.Date.html#" rel="method-isHidden" class="cls expand">isHidden</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is currently set to hidden.</p>
+</div><div class="long"><p>Method to determine whether this Component is currently set to hidden.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the hidden state of this Component.</p>
+</li></ul></div></div></div><div id="method-isValid" class="member inherited"><a href="Ext.form.field.Date.html#method-isValid" rel="method-isValid" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-isValid" class="viewSource">view source</a></div><a name="isValid"></a><a name="method-isValid"></a><a href="Ext.form.field.Date.html#" rel="method-isValid" class="cls expand">isValid</a> : Boolean</div><div class="description"><div class="short">Returns whether or not the field value is currently valid by validating the
+field's current value. The validitychange...</div><div class="long"><p>Returns whether or not the field value is currently valid by <a href="Ext.form.field.Date.html#getErrors" rel="Ext.form.field.Date#getErrors" class="docClass">validating</a> the
+field's current value. The <a href="Ext.form.field.Date.html#validitychange" rel="Ext.form.field.Date#validitychange" class="docClass">validitychange</a> event will not be fired; use <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validate</a>
+instead if you want the event to fire. <b>Note</b>: <a href="Ext.form.field.Date.html#disabled" rel="Ext.form.field.Date#disabled" class="docClass">disabled</a> fields are always treated as valid.</p>
+
+
+<p>Implementations are encouraged to ensure that this method does not have side-effects such as
+triggering error message display.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if the value is valid, else false</p>
+</li></ul></div></div></div><div id="method-isVisible" class="member inherited"><a href="Ext.form.field.Date.html#method-isVisible" rel="method-isVisible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isVisible" class="viewSource">view source</a></div><a name="isVisible"></a><a name="method-isVisible"></a><a href="Ext.form.field.Date.html#" rel="method-isVisible" class="cls expand">isVisible</a>(
+<span class="pre">Boolean deep</span>)
+ : Boolean</div><div class="description"><div class="short"><p>Returns true if this component is visible.</p>
+</div><div class="long"><p>Returns true if this component is visible.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">deep</span> : Boolean<div class="sub-desc"><p>. <p>Optional. Pass <code>true</code> to interrogate the visibility status of all
+parent Containers to determine whether this Component is truly visible to the user.</p></p>
+
+<p>Generally, to determine whether a Component is hidden, the no argument form is needed. For example
+when creating dynamically laid out UIs in a hidden Container before showing them.</p>
+
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this component is visible, false otherwise.</p>
+</li></ul></div></div></div><div id="method-isXType" class="member inherited"><a href="Ext.form.field.Date.html#method-isXType" rel="method-isXType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isXType" class="viewSource">view source</a></div><a name="isXType"></a><a name="method-isXType"></a><a href="Ext.form.field.Date.html#" rel="method-isXType" class="cls expand">isXType</a>(
+<span class="pre">String xtype, [Boolean shallow]</span>)
+ : Boolean</div><div class="description"><div class="short">Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
+from th...</div><div class="long"><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
+from the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>
+
+
+<p><b>If using your own subclasses, be aware that a Component must register its own xtype
+to participate in determination of inherited xtypes.</b></p>
+
+
+<p>For a list of all available xtypes, see the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> header.</p>
+
+
+<p>Example usage:</p>
+
+
+<pre><code>var t = new Ext.form.field.Text();
+var isText = t.isXType('textfield'); // true
+var isBoxSubclass = t.isXType('field'); // true, descended from <a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="docClass">Ext.form.field.Base</a>
+var isBoxInstance = t.isXType('field', true); // false, not a direct <a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="docClass">Ext.form.field.Base</a> instance
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">xtype</span> : String<div class="sub-desc"><p>The xtype to check for this Component</p>
+</div></li><li><span class="pre">shallow</span> : Boolean<div class="sub-desc"><p>(optional) False to check whether this Component is descended from the xtype (this is
+the default), or true to check whether this Component is directly of the specified xtype.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this component descends from the specified xtype, false otherwise.</p>
+</li></ul></div></div></div><div id="method-markInvalid" class="member inherited"><a href="Ext.form.field.Date.html#method-markInvalid" rel="method-markInvalid" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-markInvalid" class="viewSource">view source</a></div><a name="markInvalid"></a><a name="method-markInvalid"></a><a href="Ext.form.field.Date.html#" rel="method-markInvalid" class="cls expand">markInvalid</a>(
+<span class="pre">String/Array errors</span>)
+ : void</div><div class="description"><div class="short">Display one or more error messages associated with this field, using msgTarget to determine how to
+display the messag...</div><div class="long"><p>Display one or more error messages associated with this field, using <a href="Ext.form.field.Date.html#msgTarget" rel="Ext.form.field.Date#msgTarget" class="docClass">msgTarget</a> to determine how to
+display the messages and applying <a href="Ext.form.field.Date.html#invalidCls" rel="Ext.form.field.Date#invalidCls" class="docClass">invalidCls</a> to the field's UI element.</p>
+
+
+<p><b>Note</b>: this method does not cause the Field's <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validate</a> or <a href="Ext.form.field.Date.html#isValid" rel="Ext.form.field.Date#isValid" class="docClass">isValid</a> methods to
+return <code>false</code> if the value does <i>pass</i> validation. So simply marking a Field as invalid
+will not prevent submission of forms submitted with the <a href="Ext.form.action.Submit.html#clientValidation" rel="Ext.form.action.Submit#clientValidation" class="docClass">Ext.form.action.Submit.clientValidation</a>
+option set.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">errors</span> : String/Array<div class="sub-desc"><p>The validation message(s) to display.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-nextNode" class="member inherited"><a href="Ext.form.field.Date.html#method-nextNode" rel="method-nextNode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-nextNode" class="viewSource">view source</a></div><a name="nextNode"></a><a name="method-nextNode"></a><a href="Ext.form.field.Date.html#" rel="method-nextNode" class="cls expand">nextNode</a>(
+<span class="pre">String selector, Object includeSelf</span>)
+ : void</div><div class="description"><div class="short">Returns the next node in the Component tree in tree traversal order.
+
+
+Note that this is not limited to siblings, and...</div><div class="long"><p>Returns the next node in the Component tree in tree traversal order.</p>
+
+
+<p>Note that this is not limited to siblings, and if invoked upon a node with no matching siblings, will
+walk the tree to attempt to find a match. Contrast with <a href="Ext.form.field.Date.html#pnextSibling" rel="Ext.form.field.Date#pnextSibling" class="docClass">pnextSibling</a>.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the following nodes.</p>
+</div></li><li><span class="pre">includeSelf</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The next node (or the next node which matches the selector). Returns null if there is no matching node.</p>
+</li></ul></div></div></div><div id="method-nextSibling" class="member inherited"><a href="Ext.form.field.Date.html#method-nextSibling" rel="method-nextSibling" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-nextSibling" class="viewSource">view source</a></div><a name="nextSibling"></a><a name="method-nextSibling"></a><a href="Ext.form.field.Date.html#" rel="method-nextSibling" class="cls expand">nextSibling</a>(
+<span class="pre">String selector</span>)
+ : void</div><div class="description"><div class="short">Returns the next sibling of this Component.
+
+
+Optionally selects the next sibling which matches the passed ComponentQ...</div><div class="long"><p>Returns the next sibling of this Component.</p>
+
+
+<p>Optionally selects the next sibling which matches the passed <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector.</p>
+
+
+<p>May also be refered to as <code><b>next()</b></code></p>
+
+
+<p>Note that this is limited to siblings, and if no siblings of the item match, <code>null</code> is returned. Contrast with <a href="Ext.form.field.Date.html#nextNode" rel="Ext.form.field.Date#nextNode" class="docClass">nextNode</a></p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the following items.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The next sibling (or the next sibling which matches the selector). Returns null if there is no matching sibling.</p>
+</li></ul></div></div></div><div id="method-observe" class="member inherited"><a href="Ext.form.field.Date.html#method-observe" rel="method-observe" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-observe" class="viewSource">view source</a></div><a name="observe"></a><a name="method-observe"></a><a href="Ext.form.field.Date.html#" rel="method-observe" class="cls expand">observe</a>(
+<span class="pre">Function c, Object listeners</span>)
+ : void</div><div class="description"><div class="short">Sets observability on the passed class constructor.
+
+This makes any event fired on any instance of the passed class a...</div><div class="long"><p>Sets observability on the passed class constructor.</p>
+
+<p>This makes any event fired on any instance of the passed class also fire a single event through
+the <strong>class</strong> allowing for central handling of events on many instances at once.</p>
+
+<p>Usage:</p>
+
+<pre><code>Ext.util.Observable.observe(Ext.data.Connection);
+Ext.data.Connection.on('beforerequest', function(con, options) {
+ console.log('Ajax request made to ' + options.url);
+});
+</code></pre>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">c</span> : Function<div class="sub-desc"><p>The class constructor to make observable.</p>
+</div></li><li><span class="pre">listeners</span> : Object<div class="sub-desc"><p>An object containing a series of listeners to add. See <a href="Ext.form.field.Date.html#addListener" rel="Ext.form.field.Date#addListener" class="docClass">addListener</a>.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-on" class="member inherited"><a href="Ext.form.field.Date.html#method-on" rel="method-on" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-on" class="viewSource">view source</a></div><a name="on"></a><a name="method-on"></a><a href="Ext.form.field.Date.html#" rel="method-on" class="cls expand">on</a>(
+<span class="pre">String eventName, Function handler, [Object scope], [Object options]</span>)
+ : void</div><div class="description"><div class="short"><p>Appends an event handler to this object (shorthand for <a href="Ext.form.field.Date.html#addListener" rel="Ext.form.field.Date#addListener" class="docClass">addListener</a>.)</p>
+</div><div class="long"><p>Appends an event handler to this object (shorthand for <a href="Ext.form.field.Date.html#addListener" rel="Ext.form.field.Date#addListener" class="docClass">addListener</a>.)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event to listen for</p>
+</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The method the event invokes</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to the object which fired the event.</b></p>
+</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-onTriggerClick" class="member inherited"><a href="Ext.form.field.Date.html#method-onTriggerClick" rel="method-onTriggerClick" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-method-onTriggerClick" class="viewSource">view source</a></div><a name="onTriggerClick"></a><a name="method-onTriggerClick"></a><a href="Ext.form.field.Date.html#" rel="method-onTriggerClick" class="cls expand">onTriggerClick</a> : void</div><div class="description"><div class="short"><p>Handles the trigger click; by default toggles between expanding and collapsing the
+picker component.</p>
+</div><div class="long"><p>Handles the trigger click; by default toggles between expanding and collapsing the
+picker component.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-previousNode" class="member inherited"><a href="Ext.form.field.Date.html#method-previousNode" rel="method-previousNode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-previousNode" class="viewSource">view source</a></div><a name="previousNode"></a><a name="method-previousNode"></a><a href="Ext.form.field.Date.html#" rel="method-previousNode" class="cls expand">previousNode</a>(
+<span class="pre">String selector, Object includeSelf</span>)
+ : void</div><div class="description"><div class="short">Returns the previous node in the Component tree in tree traversal order.
+
+
+Note that this is not limited to siblings,...</div><div class="long"><p>Returns the previous node in the Component tree in tree traversal order.</p>
+
+
+<p>Note that this is not limited to siblings, and if invoked upon a node with no matching siblings, will
+walk the tree in reverse order to attempt to find a match. Contrast with <a href="Ext.form.field.Date.html#previousSibling" rel="Ext.form.field.Date#previousSibling" class="docClass">previousSibling</a>.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional. A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the preceding nodes.</p>
+</div></li><li><span class="pre">includeSelf</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The previous node (or the previous node which matches the selector). Returns null if there is no matching node.</p>
+</li></ul></div></div></div><div id="method-previousSibling" class="member inherited"><a href="Ext.form.field.Date.html#method-previousSibling" rel="method-previousSibling" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-previousSibling" class="viewSource">view source</a></div><a name="previousSibling"></a><a name="method-previousSibling"></a><a href="Ext.form.field.Date.html#" rel="method-previousSibling" class="cls expand">previousSibling</a>(
+<span class="pre">String selector</span>)
+ : void</div><div class="description"><div class="short">Returns the previous sibling of this Component.
+
+
+Optionally selects the previous sibling which matches the passed Co...</div><div class="long"><p>Returns the previous sibling of this Component.</p>
+
+
+<p>Optionally selects the previous sibling which matches the passed <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector.</p>
+
+
+<p>May also be refered to as <code><b>prev()</b></code></p>
+
+
+<p>Note that this is limited to siblings, and if no siblings of the item match, <code>null</code> is returned. Contrast with <a href="Ext.form.field.Date.html#previousNode" rel="Ext.form.field.Date#previousNode" class="docClass">previousNode</a></p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional. A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the preceding items.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The previous sibling (or the previous sibling which matches the selector). Returns null if there is no matching sibling.</p>
+</li></ul></div></div></div><div id="method-processRawValue" class="member inherited"><a href="Ext.form.field.Date.html#method-processRawValue" rel="method-processRawValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-method-processRawValue" class="viewSource">view source</a></div><a name="processRawValue"></a><a name="method-processRawValue"></a><a href="Ext.form.field.Date.html#" rel="method-processRawValue" class="cls expand">processRawValue</a>(
+<span class="pre">String value</span>)
+ : String</div><div class="description"><div class="short">Performs any necessary manipulation of a raw String value to prepare it for conversion
+and/or validation. For text fi...</div><div class="long"><p>Performs any necessary manipulation of a raw String value to prepare it for <a href="Ext.form.field.Date.html#stringToValue" rel="Ext.form.field.Date#stringToValue" class="docClass">conversion</a>
+and/or <a href="Ext.form.field.Date.html#validate" rel="Ext.form.field.Date#validate" class="docClass">validation</a>. For text fields this applies the configured <a href="Ext.form.field.Date.html#stripCharsRe" rel="Ext.form.field.Date#stripCharsRe" class="docClass">stripCharsRe</a> to the
+raw value.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : String<div class="sub-desc"><p>The unprocessed string value</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The processed string value</p>
+</li></ul></div></div></div><div id="method-rawToValue" class="member inherited"><a href="Ext.form.field.Date.html#method-rawToValue" rel="method-rawToValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-rawToValue" class="viewSource">view source</a></div><a name="rawToValue"></a><a name="method-rawToValue"></a><a href="Ext.form.field.Date.html#" rel="method-rawToValue" class="cls expand">rawToValue</a>(
+<span class="pre">Mixed rawValue</span>)
+ : Mixed</div><div class="description"><div class="short">Converts a raw input field value into a mixed-type value that is suitable for this particular field type.
+This allows...</div><div class="long"><p>Converts a raw input field value into a mixed-type value that is suitable for this particular field type.
+This allows controlling the normalization and conversion of user-entered values into field-type-appropriate
+values, e.g. a Date object for <a href="Ext.form.field.Date.html" rel="Ext.form.field.Date" class="docClass">Ext.form.field.Date</a>, and is invoked by <a href="Ext.form.field.Date.html#getValue" rel="Ext.form.field.Date#getValue" class="docClass">getValue</a>.</p>
+
+
+<p>It is up to individual implementations to decide how to handle raw values that cannot be successfully
+converted to the desired object type.</p>
+
+
+<p>See <a href="Ext.form.field.Date.html#valueToRaw" rel="Ext.form.field.Date#valueToRaw" class="docClass">valueToRaw</a> for the opposite conversion.</p>
+
+
+<p>The base implementation does no conversion, returning the raw value untouched.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">rawValue</span> : Mixed<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span> <p>The converted value.</p>
+</li></ul></div></div></div><div id="method-relayEvents" class="member inherited"><a href="Ext.form.field.Date.html#method-relayEvents" rel="method-relayEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-relayEvents" class="viewSource">view source</a></div><a name="relayEvents"></a><a name="method-relayEvents"></a><a href="Ext.form.field.Date.html#" rel="method-relayEvents" class="cls expand">relayEvents</a>(
+<span class="pre">Object origin, Array events, Object prefix</span>)
+ : void</div><div class="description"><div class="short"><p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>
+</div><div class="long"><p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">origin</span> : Object<div class="sub-desc"><p>The Observable whose events this object is to relay.</p>
+</div></li><li><span class="pre">events</span> : Array<div class="sub-desc"><p>Array of event names to relay.</p>
+</div></li><li><span class="pre">prefix</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-releaseCapture" class="member inherited"><a href="Ext.form.field.Date.html#method-releaseCapture" rel="method-releaseCapture" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-releaseCapture" class="viewSource">view source</a></div><a name="releaseCapture"></a><a name="method-releaseCapture"></a><a href="Ext.form.field.Date.html#" rel="method-releaseCapture" class="cls expand">releaseCapture</a>(
+<span class="pre">Observable o</span>)
+ : void</div><div class="description"><div class="short"><p>Removes <b>all</b> added captures from the Observable.</p>
+</div><div class="long"><p>Removes <b>all</b> added captures from the Observable.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Observable<div class="sub-desc"><p>The Observable to release</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-removeCls" class="member inherited"><a href="Ext.form.field.Date.html#method-removeCls" rel="method-removeCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-removeCls" class="viewSource">view source</a></div><a name="removeCls"></a><a name="method-removeCls"></a><a href="Ext.form.field.Date.html#" rel="method-removeCls" class="cls expand">removeCls</a>(
+<span class="pre">Object className</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Removes a CSS class from the top level element representing this component.</p>
+</div><div class="long"><p>Removes a CSS class from the top level element representing this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>Returns the Component to allow method chaining.</p>
+</li></ul></div></div></div><div id="method-removeClsWithUI" class="member inherited"><a href="Ext.form.field.Date.html#method-removeClsWithUI" rel="method-removeClsWithUI" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-removeClsWithUI" class="viewSource">view source</a></div><a name="removeClsWithUI"></a><a name="method-removeClsWithUI"></a><a href="Ext.form.field.Date.html#" rel="method-removeClsWithUI" class="cls expand">removeClsWithUI</a>(
+<span class="pre">String/Array cls</span>)
+ : void</div><div class="description"><div class="short">Removes a cls to the uiCls array, which will also call removeUIClsToElement and removes
+it from all elements of this ...</div><div class="long"><p>Removes a cls to the uiCls array, which will also call <a href="Ext.form.field.Date.html#removeUIClsToElement" rel="Ext.form.field.Date#removeUIClsToElement" class="docClass">removeUIClsToElement</a> and removes
+it from all elements of this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String/Array<div class="sub-desc"><p>A string or an array of strings to remove to the uiCls</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-removeListener" class="member inherited"><a href="Ext.form.field.Date.html#method-removeListener" rel="method-removeListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-removeListener" class="viewSource">view source</a></div><a name="removeListener"></a><a name="method-removeListener"></a><a href="Ext.form.field.Date.html#" rel="method-removeListener" class="cls expand">removeListener</a>(
+<span class="pre">String eventName, Function handler, [Object scope]</span>)
+ : void</div><div class="description"><div class="short"><p>Removes an event handler.</p>
+</div><div class="long"><p>Removes an event handler.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event the handler was associated with.</p>
+</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler to remove. <b>This must be a reference to the function passed into the <a href="Ext.form.field.Date.html#addListener" rel="Ext.form.field.Date#addListener" class="docClass">addListener</a> call.</b></p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope originally specified for the handler.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-removeManagedListener" class="member inherited"><a href="Ext.form.field.Date.html#method-removeManagedListener" rel="method-removeManagedListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-removeManagedListener" class="viewSource">view source</a></div><a name="removeManagedListener"></a><a name="method-removeManagedListener"></a><a href="Ext.form.field.Date.html#" rel="method-removeManagedListener" class="cls expand">removeManagedListener</a>(
+<span class="pre">Observable|Element item, Object|String ename, Function fn, Object scope</span>)
+ : void</div><div class="description"><div class="short"><p>Removes listeners that were added by the <a href="Ext.form.field.Date.html#mon" rel="Ext.form.field.Date#mon" class="docClass">mon</a> method.</p>
+</div><div class="long"><p>Removes listeners that were added by the <a href="Ext.form.field.Date.html#mon" rel="Ext.form.field.Date#mon" class="docClass">mon</a> method.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Observable|Element<div class="sub-desc"><p>The item from which to remove a listener/listeners.</p>
+</div></li><li><span class="pre">ename</span> : Object|String<div class="sub-desc"><p>The event name, or an object containing event name properties.</p>
+</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
+is the handler function.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
+is the scope (<code>this</code> reference) in which the handler function is executed.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-reset" class="member inherited"><a href="Ext.form.field.Date.html#method-reset" rel="method-reset" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-reset" class="viewSource">view source</a></div><a name="reset"></a><a name="method-reset"></a><a href="Ext.form.field.Date.html#" rel="method-reset" class="cls expand">reset</a> : void</div><div class="description"><div class="short">Resets the current field value to the originally loaded value and clears any validation messages.
+See Ext.form.Basic....</div><div class="long"><p>Resets the current field value to the originally loaded value and clears any validation messages.
+See <a href="Ext.form.Basic.html" rel="Ext.form.Basic" class="docClass">Ext.form.Basic</a>.<a href="Ext.form.Basic.html#trackResetOnLoad" rel="Ext.form.Basic#trackResetOnLoad" class="docClass">trackResetOnLoad</a></p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-resetOriginalValue" class="member inherited"><a href="Ext.form.field.Date.html#method-resetOriginalValue" rel="method-resetOriginalValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-resetOriginalValue" class="viewSource">view source</a></div><a name="resetOriginalValue"></a><a name="method-resetOriginalValue"></a><a href="Ext.form.field.Date.html#" rel="method-resetOriginalValue" class="cls expand">resetOriginalValue</a> : void</div><div class="description"><div class="short">Resets the field's originalValue property so it matches the current value.
+This is called by Ext.form.Basic.setValues...</div><div class="long"><p>Resets the field's <a href="Ext.form.field.Date.html#originalValue" rel="Ext.form.field.Date#originalValue" class="docClass">originalValue</a> property so it matches the current <a href="Ext.form.field.Date.html#getValue" rel="Ext.form.field.Date#getValue" class="docClass">value</a>.
+This is called by <a href="Ext.form.Basic.html" rel="Ext.form.Basic" class="docClass">Ext.form.Basic</a>.<a href="Ext.form.Basic.html#setValues" rel="Ext.form.Basic#setValues" class="docClass">setValues</a> if the form's
+<a href="Ext.form.Basic.html#trackResetOnLoad" rel="Ext.form.Basic#trackResetOnLoad" class="docClass">trackResetOnLoad</a> property is set to true.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-resumeEvents" class="member inherited"><a href="Ext.form.field.Date.html#method-resumeEvents" rel="method-resumeEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-resumeEvents" class="viewSource">view source</a></div><a name="resumeEvents"></a><a name="method-resumeEvents"></a><a href="Ext.form.field.Date.html#" rel="method-resumeEvents" class="cls expand">resumeEvents</a> : void</div><div class="description"><div class="short">Resume firing events. (see suspendEvents)
+If events were suspended using the queueSuspended parameter, then all
+event...</div><div class="long"><p>Resume firing events. (see <a href="Ext.form.field.Date.html#suspendEvents" rel="Ext.form.field.Date#suspendEvents" class="docClass">suspendEvents</a>)
+If events were suspended using the <code><b>queueSuspended</b></code> parameter, then all
+events fired during event suspension will be sent to any listeners now.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-safeParse" class="member ni"><a href="Ext.form.field.Date.html#method-safeParse" rel="method-safeParse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-safeParse" class="viewSource">view source</a></div><a name="safeParse"></a><a name="method-safeParse"></a><a href="Ext.form.field.Date.html#" rel="method-safeParse" class="cls expand">safeParse</a>(
+<span class="pre">String value, String format</span>)
+ : Date</div><div class="description"><div class="short"><p>Attempts to parse a given string value using a given <a href="Ext.Date.html#parse" rel="Ext.Date#parse" class="docClass">date format</a>.</p>
+</div><div class="long"><p>Attempts to parse a given string value using a given <a href="Ext.Date.html#parse" rel="Ext.Date#parse" class="docClass">date format</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : String<div class="sub-desc"><p>The value to attempt to parse</p>
+</div></li><li><span class="pre">format</span> : String<div class="sub-desc"><p>A valid date format (see <a href="Ext.Date.html#parse" rel="Ext.Date#parse" class="docClass">Ext.Date.parse</a>)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Date</span> <p>The parsed Date object, or null if the value could not be successfully parsed.</p>
+</li></ul></div></div></div><div id="method-selectText" class="member inherited"><a href="Ext.form.field.Date.html#method-selectText" rel="method-selectText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-method-selectText" class="viewSource">view source</a></div><a name="selectText"></a><a name="method-selectText"></a><a href="Ext.form.field.Date.html#" rel="method-selectText" class="cls expand">selectText</a>(
+<span class="pre">[Number start], [Number end]</span>)
+ : void</div><div class="description"><div class="short"><p>Selects text in this field</p>
+</div><div class="long"><p>Selects text in this field</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">start</span> : Number<div class="sub-desc"><p>(optional) The index where the selection should start (defaults to 0)</p>
+</div></li><li><span class="pre">end</span> : Number<div class="sub-desc"><p>(optional) The index where the selection should end (defaults to the text length)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-sequenceFx" class="member inherited"><a href="Ext.form.field.Date.html#method-sequenceFx" rel="method-sequenceFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-sequenceFx" class="viewSource">view source</a></div><a name="sequenceFx"></a><a name="method-sequenceFx"></a><a href="Ext.form.field.Date.html#" rel="method-sequenceFx" class="cls expand">sequenceFx</a> : Ext.core.Element</div><div class="description"><div class="short">Ensures that all effects queued after sequenceFx is called on this object are
+run in sequence. This is the opposite ...</div><div class="long"><p>Ensures that all effects queued after sequenceFx is called on this object are
+run in sequence. This is the opposite of <a href="Ext.form.field.Date.html#syncFx" rel="Ext.form.field.Date#syncFx" class="docClass">syncFx</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-setActive" class="member inherited"><a href="Ext.form.field.Date.html#method-setActive" rel="method-setActive" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-setActive" class="viewSource">view source</a></div><a name="setActive"></a><a name="method-setActive"></a><a href="Ext.form.field.Date.html#" rel="method-setActive" class="cls expand">setActive</a>(
+<span class="pre">Boolean active, Component newActive</span>)
+ : void</div><div class="description"><div class="short">This method is called internally by Ext.ZIndexManager to signal that a floating
+Component has either been moved to th...</div><div class="long"><p>This method is called internally by <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">Ext.ZIndexManager</a> to signal that a floating
+Component has either been moved to the top of its zIndex stack, or pushed from the top of its zIndex stack.</p>
+
+
+<p>If a <i>Window</i> is superceded by another Window, deactivating it hides its shadow.</p>
+
+
+<p>This method also fires the <a href="Ext.form.field.Date.html#activate" rel="Ext.form.field.Date#activate" class="docClass">activate</a> or <a href="Ext.form.field.Date.html#deactivate" rel="Ext.form.field.Date#deactivate" class="docClass">deactivate</a> event depending on which action occurred.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">active</span> : Boolean<div class="sub-desc"><p>True to activate the Component, false to deactivate it (defaults to false)</p>
+</div></li><li><span class="pre">newActive</span> : Component<div class="sub-desc"><p>The newly active Component which is taking over topmost zIndex position.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setActiveError" class="member inherited"><a href="Ext.form.field.Date.html#method-setActiveError" rel="method-setActiveError" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-setActiveError" class="viewSource">view source</a></div><a name="setActiveError"></a><a name="method-setActiveError"></a><a href="Ext.form.field.Date.html#" rel="method-setActiveError" class="cls expand">setActiveError</a>(
+<span class="pre">String msg</span>)
+ : void</div><div class="description"><div class="short">Sets the active error message to the given string. This replaces the entire error message
+contents with the given str...</div><div class="long"><p>Sets the active error message to the given string. This replaces the entire error message
+contents with the given string. Also see <a href="Ext.form.field.Date.html#setActiveErrors" rel="Ext.form.field.Date#setActiveErrors" class="docClass">setActiveErrors</a> which accepts an Array of
+messages and formats them according to the <a href="Ext.form.field.Date.html#activeErrorsTpl" rel="Ext.form.field.Date#activeErrorsTpl" class="docClass">activeErrorsTpl</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">msg</span> : String<div class="sub-desc"><p>The error message</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setActiveErrors" class="member inherited"><a href="Ext.form.field.Date.html#method-setActiveErrors" rel="method-setActiveErrors" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-setActiveErrors" class="viewSource">view source</a></div><a name="setActiveErrors"></a><a name="method-setActiveErrors"></a><a href="Ext.form.field.Date.html#" rel="method-setActiveErrors" class="cls expand">setActiveErrors</a>(
+<span class="pre">Array errors</span>)
+ : void</div><div class="description"><div class="short">Set the active error message to an Array of error messages. The messages are formatted into
+a single message string u...</div><div class="long"><p>Set the active error message to an Array of error messages. The messages are formatted into
+a single message string using the <a href="Ext.form.field.Date.html#activeErrorsTpl" rel="Ext.form.field.Date#activeErrorsTpl" class="docClass">activeErrorsTpl</a>. Also see <a href="Ext.form.field.Date.html#setActiveError" rel="Ext.form.field.Date#setActiveError" class="docClass">setActiveError</a>
+which allows setting the entire error contents with a single string.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">errors</span> : Array<div class="sub-desc"><p>The error messages</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setAutoScroll" class="member inherited"><a href="Ext.form.field.Date.html#method-setAutoScroll" rel="method-setAutoScroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-setAutoScroll" class="viewSource">view source</a></div><a name="setAutoScroll"></a><a name="method-setAutoScroll"></a><a href="Ext.form.field.Date.html#" rel="method-setAutoScroll" class="cls expand">setAutoScroll</a>(
+<span class="pre">Boolean scroll</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Sets the overflow on the content element of the component.</p>
+</div><div class="long"><p>Sets the overflow on the content element of the component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">scroll</span> : Boolean<div class="sub-desc"><p>True to allow the Component to auto scroll.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setDisabled" class="member inherited"><a href="Ext.form.field.Date.html#method-setDisabled" rel="method-setDisabled" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setDisabled" class="viewSource">view source</a></div><a name="setDisabled"></a><a name="method-setDisabled"></a><a href="Ext.form.field.Date.html#" rel="method-setDisabled" class="cls expand">setDisabled</a>(
+<span class="pre">Boolean disabled</span>)
+ : void</div><div class="description"><div class="short"><p>Enable or disable the component.</p>
+</div><div class="long"><p>Enable or disable the component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">disabled</span> : Boolean<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setDisabledDates" class="member ni"><a href="Ext.form.field.Date.html#method-setDisabledDates" rel="method-setDisabledDates" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-setDisabledDates" class="viewSource">view source</a></div><a name="setDisabledDates"></a><a name="method-setDisabledDates"></a><a href="Ext.form.field.Date.html#" rel="method-setDisabledDates" class="cls expand">setDisabledDates</a>(
+<span class="pre">Array disabledDates</span>)
+ : void</div><div class="description"><div class="short"><p>Replaces any existing disabled dates with new values and refreshes the Date picker.</p>
+</div><div class="long"><p>Replaces any existing disabled dates with new values and refreshes the Date picker.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">disabledDates</span> : Array<div class="sub-desc"><p>An array of date strings (see the <tt><a href="Ext.form.field.Date.html#disabledDates" rel="Ext.form.field.Date#disabledDates" class="docClass">disabledDates</a></tt> config
+for details on supported values) used to disable a pattern of dates.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setDisabledDays" class="member ni"><a href="Ext.form.field.Date.html#method-setDisabledDays" rel="method-setDisabledDays" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-setDisabledDays" class="viewSource">view source</a></div><a name="setDisabledDays"></a><a name="method-setDisabledDays"></a><a href="Ext.form.field.Date.html#" rel="method-setDisabledDays" class="cls expand">setDisabledDays</a>(
+<span class="pre">Array disabledDays</span>)
+ : void</div><div class="description"><div class="short"><p>Replaces any existing disabled days (by index, 0-6) with new values and refreshes the Date picker.</p>
+</div><div class="long"><p>Replaces any existing disabled days (by index, 0-6) with new values and refreshes the Date picker.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">disabledDays</span> : Array<div class="sub-desc"><p>An array of disabled day indexes. See the <tt><a href="Ext.form.field.Date.html#disabledDays" rel="Ext.form.field.Date#disabledDays" class="docClass">disabledDays</a></tt>
+config for details on supported values.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setDocked" class="member inherited"><a href="Ext.form.field.Date.html#method-setDocked" rel="method-setDocked" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setDocked" class="viewSource">view source</a></div><a name="setDocked"></a><a name="method-setDocked"></a><a href="Ext.form.field.Date.html#" rel="method-setDocked" class="cls expand">setDocked</a>(
+<span class="pre">Object dock, Object layoutParent</span>)
+ : Component</div><div class="description"><div class="short">Sets the dock position of this component in its parent panel. Note that
+this only has effect if this item is part of ...</div><div class="long"><p>Sets the dock position of this component in its parent panel. Note that
+this only has effect if this item is part of the dockedItems collection
+of a parent that has a DockLayout (note that any Panel has a DockLayout
+by default)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">dock</span> : Object<div class="sub-desc">
+</div></li><li><span class="pre">layoutParent</span> : Object<div class="sub-desc">
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setEditable" class="member inherited"><a href="Ext.form.field.Date.html#method-setEditable" rel="method-setEditable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-method-setEditable" class="viewSource">view source</a></div><a name="setEditable"></a><a name="method-setEditable"></a><a href="Ext.form.field.Date.html#" rel="method-setEditable" class="cls expand">setEditable</a>(
+<span class="pre">Boolean editable</span>)
+ : void</div><div class="description"><div class="short"><p> </p></div><div class="long">
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">editable</span> : Boolean<div class="sub-desc"><p>True to allow the user to directly edit the field text
+Allow or prevent the user from directly editing the field text. If false is passed,
+the user will only be able to modify the field using the trigger. Will also add
+a click event to the text field which will call the trigger. This method
+is the runtime equivalent of setting the 'editable' config option at config time.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setFieldDefaults" class="member inherited"><a href="Ext.form.field.Date.html#method-setFieldDefaults" rel="method-setFieldDefaults" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-setFieldDefaults" class="viewSource">view source</a></div><a name="setFieldDefaults"></a><a name="method-setFieldDefaults"></a><a href="Ext.form.field.Date.html#" rel="method-setFieldDefaults" class="cls expand">setFieldDefaults</a>(
+<span class="pre">Object defaults</span>)
+ : void</div><div class="description"><div class="short">Applies a set of default configuration values to this Labelable instance. For each of the
+properties in the given obj...</div><div class="long"><p>Applies a set of default configuration values to this Labelable instance. For each of the
+properties in the given object, check if this component hasOwnProperty that config; if not
+then it's inheriting a default value from its prototype and we should apply the default value.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">defaults</span> : Object<div class="sub-desc"><p>The defaults to apply to the object.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setFieldStyle" class="member inherited"><a href="Ext.form.field.Date.html#method-setFieldStyle" rel="method-setFieldStyle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-setFieldStyle" class="viewSource">view source</a></div><a name="setFieldStyle"></a><a name="method-setFieldStyle"></a><a href="Ext.form.field.Date.html#" rel="method-setFieldStyle" class="cls expand">setFieldStyle</a>(
+<span class="pre">String/Object/Function style</span>)
+ : void</div><div class="description"><div class="short"><p>Set the <a href="Ext.form.field.Date.html#fieldStyle" rel="Ext.form.field.Date#fieldStyle" class="docClass">CSS style</a> of the <a href="Ext.form.field.Date.html#inputEl" rel="Ext.form.field.Date#inputEl" class="docClass">field input element</a>.</p>
+</div><div class="long"><p>Set the <a href="Ext.form.field.Date.html#fieldStyle" rel="Ext.form.field.Date#fieldStyle" class="docClass">CSS style</a> of the <a href="Ext.form.field.Date.html#inputEl" rel="Ext.form.field.Date#inputEl" class="docClass">field input element</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">style</span> : String/Object/Function<div class="sub-desc"><p>The style(s) to apply. Should be a valid argument to
+<a href="Ext.core.Element.html#applyStyles" rel="Ext.core.Element#applyStyles" class="docClass">Ext.core.Element.applyStyles</a>.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setHeight" class="member inherited"><a href="Ext.form.field.Date.html#method-setHeight" rel="method-setHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setHeight" class="viewSource">view source</a></div><a name="setHeight"></a><a name="method-setHeight"></a><a href="Ext.form.field.Date.html#" rel="method-setHeight" class="cls expand">setHeight</a>(
+<span class="pre">Number height</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Sets the height of the component. This method fires the <a href="Ext.form.field.Date.html#resize" rel="Ext.form.field.Date#resize" class="docClass">resize</a> event.</p>
+</div><div class="long"><p>Sets the height of the component. This method fires the <a href="Ext.form.field.Date.html#resize" rel="Ext.form.field.Date#resize" class="docClass">resize</a> event.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">height</span> : Number<div class="sub-desc"><p>The new height to set. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new height in the <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS height style.</li>
+<li><i>undefined</i> to leave the height unchanged.</li>
+</ul></div></p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setLoading" class="member inherited"><a href="Ext.form.field.Date.html#method-setLoading" rel="method-setLoading" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setLoading" class="viewSource">view source</a></div><a name="setLoading"></a><a name="method-setLoading"></a><a href="Ext.form.field.Date.html#" rel="method-setLoading" class="cls expand">setLoading</a>(
+<span class="pre">Boolean/Object/String load, Boolean targetEl</span>)
+ : Ext.LoadMask</div><div class="description"><div class="short"><p>This method allows you to show or hide a LoadMask on top of this component.</p>
+</div><div class="long"><p>This method allows you to show or hide a LoadMask on top of this component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">load</span> : Boolean/Object/String<div class="sub-desc"><p>True to show the default LoadMask, a config object
+that will be passed to the LoadMask constructor, or a message String to show. False to
+hide the current LoadMask.</p>
+</div></li><li><span class="pre">targetEl</span> : Boolean<div class="sub-desc"><p>True to mask the targetEl of this Component instead of the this.el.
+For example, setting this to true on a Panel will cause only the body to be masked. (defaults to false)</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.LoadMask</span> <p>The LoadMask instance that has just been shown.</p>
+</li></ul></div></div></div><div id="method-setMaxValue" class="member ni"><a href="Ext.form.field.Date.html#method-setMaxValue" rel="method-setMaxValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-setMaxValue" class="viewSource">view source</a></div><a name="setMaxValue"></a><a name="method-setMaxValue"></a><a href="Ext.form.field.Date.html#" rel="method-setMaxValue" class="cls expand">setMaxValue</a>(
+<span class="pre">Date value</span>)
+ : void</div><div class="description"><div class="short"><p>Replaces any existing <tt><a href="Ext.form.field.Date.html#maxValue" rel="Ext.form.field.Date#maxValue" class="docClass">maxValue</a></tt> with the new value and refreshes the Date picker.</p>
+</div><div class="long"><p>Replaces any existing <tt><a href="Ext.form.field.Date.html#maxValue" rel="Ext.form.field.Date#maxValue" class="docClass">maxValue</a></tt> with the new value and refreshes the Date picker.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Date<div class="sub-desc"><p>The maximum date that can be selected</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setMinValue" class="member ni"><a href="Ext.form.field.Date.html#method-setMinValue" rel="method-setMinValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-setMinValue" class="viewSource">view source</a></div><a name="setMinValue"></a><a name="method-setMinValue"></a><a href="Ext.form.field.Date.html#" rel="method-setMinValue" class="cls expand">setMinValue</a>(
+<span class="pre">Date value</span>)
+ : void</div><div class="description"><div class="short"><p>Replaces any existing <tt><a href="Ext.form.field.Date.html#minValue" rel="Ext.form.field.Date#minValue" class="docClass">minValue</a></tt> with the new value and refreshes the Date picker.</p>
+</div><div class="long"><p>Replaces any existing <tt><a href="Ext.form.field.Date.html#minValue" rel="Ext.form.field.Date#minValue" class="docClass">minValue</a></tt> with the new value and refreshes the Date picker.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Date<div class="sub-desc"><p>The minimum date that can be selected</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setPagePosition" class="member inherited"><a href="Ext.form.field.Date.html#method-setPagePosition" rel="method-setPagePosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-setPagePosition" class="viewSource">view source</a></div><a name="setPagePosition"></a><a name="method-setPagePosition"></a><a href="Ext.form.field.Date.html#" rel="method-setPagePosition" class="cls expand">setPagePosition</a>(
+<span class="pre">Number x, Number y, Mixed animate</span>)
+ : Ext.Component</div><div class="description"><div class="short">Sets the page XY position of the component. To set the left and top instead, use setPosition.
+This method fires the ...</div><div class="long"><p>Sets the page XY position of the component. To set the left and top instead, use <a href="Ext.form.field.Date.html#setPosition" rel="Ext.form.field.Date#setPosition" class="docClass">setPosition</a>.
+This method fires the <a href="Ext.form.field.Date.html#move" rel="Ext.form.field.Date#move" class="docClass">move</a> event.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number<div class="sub-desc"><p>The new x position</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>The new y position</p>
+</div></li><li><span class="pre">animate</span> : Mixed<div class="sub-desc"><p>If passed, the Component is <i>animated</i> into its new position. If this parameter
+is a number, it is used as the animation duration in milliseconds.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setPosition" class="member inherited"><a href="Ext.form.field.Date.html#method-setPosition" rel="method-setPosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-setPosition" class="viewSource">view source</a></div><a name="setPosition"></a><a name="method-setPosition"></a><a href="Ext.form.field.Date.html#" rel="method-setPosition" class="cls expand">setPosition</a>(
+<span class="pre">Number left, Number top, Mixed animate</span>)
+ : Ext.Component</div><div class="description"><div class="short">Sets the left and top of the component. To set the page XY position instead, use setPagePosition.
+This method fires ...</div><div class="long"><p>Sets the left and top of the component. To set the page XY position instead, use <a href="Ext.form.field.Date.html#setPagePosition" rel="Ext.form.field.Date#setPagePosition" class="docClass">setPagePosition</a>.
+This method fires the <a href="Ext.form.field.Date.html#move" rel="Ext.form.field.Date#move" class="docClass">move</a> event.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">left</span> : Number<div class="sub-desc"><p>The new left</p>
+</div></li><li><span class="pre">top</span> : Number<div class="sub-desc"><p>The new top</p>
+</div></li><li><span class="pre">animate</span> : Mixed<div class="sub-desc"><p>If true, the Component is <i>animated</i> into its new position. You may also pass an animation configuration.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setRawValue" class="member inherited"><a href="Ext.form.field.Date.html#method-setRawValue" rel="method-setRawValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-setRawValue" class="viewSource">view source</a></div><a name="setRawValue"></a><a name="method-setRawValue"></a><a href="Ext.form.field.Date.html#" rel="method-setRawValue" class="cls expand">setRawValue</a>(
+<span class="pre">Mixed value</span>)
+ : Mixed</div><div class="description"><div class="short">Sets the field's raw value directly, bypassing value conversion, change detection, and
+validation. To set the value w...</div><div class="long"><p>Sets the field's raw value directly, bypassing <a href="Ext.form.field.Date.html#valueToRaw" rel="Ext.form.field.Date#valueToRaw" class="docClass">value conversion</a>, change detection, and
+validation. To set the value with these additional inspections see <a href="Ext.form.field.Date.html#setValue" rel="Ext.form.field.Date#setValue" class="docClass">setValue</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Mixed<div class="sub-desc"><p>The value to set</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span> <p>value The field value that is set</p>
+</li></ul></div></div></div><div id="method-setReadOnly" class="member inherited"><a href="Ext.form.field.Date.html#method-setReadOnly" rel="method-setReadOnly" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Trigger.html" class="definedIn docClass">Ext.form.field.Trigger</a><br/><a href="../source/Trigger.html#Ext-form.field.Trigger-method-setReadOnly" class="viewSource">view source</a></div><a name="setReadOnly"></a><a name="method-setReadOnly"></a><a href="Ext.form.field.Date.html#" rel="method-setReadOnly" class="cls expand">setReadOnly</a>(
+<span class="pre">Boolean readOnly</span>)
+ : void</div><div class="description"><div class="short"><p> </p></div><div class="long">
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">readOnly</span> : Boolean<div class="sub-desc"><p>True to prevent the user changing the field and explicitly
+hide the trigger.
+Setting this to true will superceed settings editable and hideTrigger.
+Setting this to false will defer back to editable and hideTrigger. This method
+is the runtime equivalent of setting the 'readOnly' config option at config time.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setSize" class="member inherited"><a href="Ext.form.field.Date.html#method-setSize" rel="method-setSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setSize" class="viewSource">view source</a></div><a name="setSize"></a><a name="method-setSize"></a><a href="Ext.form.field.Date.html#" rel="method-setSize" class="cls expand">setSize</a>(
+<span class="pre">Mixed width, Mixed height</span>)
+ : Ext.Component</div><div class="description"><div class="short">Sets the width and height of this Component. This method fires the resize event. This method can accept
+either width ...</div><div class="long"><p>Sets the width and height of this Component. This method fires the <a href="Ext.form.field.Date.html#resize" rel="Ext.form.field.Date#resize" class="docClass">resize</a> event. This method can accept
+either width and height as separate arguments, or you can pass a size object like <code>{width:10, height:20}</code>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Mixed<div class="sub-desc"><p>The new width to set. This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new width in the <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS width style.</li>
+<li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
+<li><code>undefined</code> to leave the width unchanged.</li>
+</ul></div></p>
+</div></li><li><span class="pre">height</span> : Mixed<div class="sub-desc"><p>The new height to set (not required if a size object is passed as the first arg).
+This may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new height in the <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
+<li><code>undefined</code> to leave the height unchanged.</li>
+</ul></div></p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setUI" class="member inherited"><a href="Ext.form.field.Date.html#method-setUI" rel="method-setUI" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setUI" class="viewSource">view source</a></div><a name="setUI"></a><a name="method-setUI"></a><a href="Ext.form.field.Date.html#" rel="method-setUI" class="cls expand">setUI</a>(
+<span class="pre">String ui</span>)
+ : void</div><div class="description"><div class="short">Sets the UI for the component. This will remove any existing UIs on the component. It will also
+loop through any uiCl...</div><div class="long"><p>Sets the UI for the component. This will remove any existing UIs on the component. It will also
+loop through any uiCls set on the component and rename them so they include the new UI</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">ui</span> : String<div class="sub-desc"><p>The new UI for the component</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-setValue" class="member ni"><a href="Ext.form.field.Date.html#method-setValue" rel="method-setValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Date.html" class="definedIn docClass">Ext.form.field.Date</a><br/><a href="../source/Date.html#Ext-form.field.Date-method-setValue" class="viewSource">view source</a></div><a name="setValue"></a><a name="method-setValue"></a><a href="Ext.form.field.Date.html#" rel="method-setValue" class="cls expand">setValue</a>(
+<span class="pre">String/Date date</span>)
+ : Ext.form.field.Date</div><div class="description"><div class="short">Sets the value of the date field. You can pass a date object or any string that can be
+parsed into a valid date, usi...</div><div class="long"><p>Sets the value of the date field. You can pass a date object or any string that can be
+parsed into a valid date, using <tt><a href="Ext.form.field.Date.html#format" rel="Ext.form.field.Date#format" class="docClass">format</a></tt> as the date format, according
+to the same rules as <a href="Ext.Date.html#parse" rel="Ext.Date#parse" class="docClass">Ext.Date.parse</a> (the default format used is <tt>"m/d/Y"</tt>).</p>
+
+<br />Usage:
+
+
+<pre><code>//All of these calls set the same date value (May 4, 2006)
+
+//Pass a date object:
+var dt = new Date('5/4/2006');
+dateField.setValue(dt);
+
+//Pass a date string (default format):
+dateField.setValue('05/04/2006');
+
+//Pass a date string (custom format):
+dateField.format = 'Y-m-d';
+dateField.setValue('2006-05-04');
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">date</span> : String/Date<div class="sub-desc"><p>The date or valid date string</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.form.field.Date</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setVisible" class="member inherited"><a href="Ext.form.field.Date.html#method-setVisible" rel="method-setVisible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setVisible" class="viewSource">view source</a></div><a name="setVisible"></a><a name="method-setVisible"></a><a href="Ext.form.field.Date.html#" rel="method-setVisible" class="cls expand">setVisible</a>(
+<span class="pre">Boolean visible</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Convenience function to hide or show this component by boolean.</p>
+</div><div class="long"><p>Convenience function to hide or show this component by boolean.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">visible</span> : Boolean<div class="sub-desc"><p>True to show, false to hide</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-setWidth" class="member inherited"><a href="Ext.form.field.Date.html#method-setWidth" rel="method-setWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setWidth" class="viewSource">view source</a></div><a name="setWidth"></a><a name="method-setWidth"></a><a href="Ext.form.field.Date.html#" rel="method-setWidth" class="cls expand">setWidth</a>(
+<span class="pre">Number width</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Sets the width of the component. This method fires the <a href="Ext.form.field.Date.html#resize" rel="Ext.form.field.Date#resize" class="docClass">resize</a> event.</p>
+</div><div class="long"><p>Sets the width of the component. This method fires the <a href="Ext.form.field.Date.html#resize" rel="Ext.form.field.Date#resize" class="docClass">resize</a> event.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Number<div class="sub-desc"><p>The new width to setThis may be one of:<div class="mdetail-params"><ul>
+<li>A Number specifying the new width in the <a href="Ext.form.field.Date.html#getEl" rel="Ext.form.field.Date#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
+<li>A String used to set the CSS width style.</li>
+</ul></div></p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-show" class="member inherited"><a href="Ext.form.field.Date.html#method-show" rel="method-show" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-show" class="viewSource">view source</a></div><a name="show"></a><a name="method-show"></a><a href="Ext.form.field.Date.html#" rel="method-show" class="cls expand">show</a>(
+<span class="pre">String/Element animateTarget, [Function callback], [Object scope]</span>)
+ : Component</div><div class="description"><div class="short">Shows this Component, rendering it first if autoRender or {"floating are true.
+
+
+After being shown, a floating C...</div><div class="long"><p>Shows this Component, rendering it first if <a href="Ext.form.field.Date.html#autoRender" rel="Ext.form.field.Date#autoRender" class="docClass">autoRender</a> or {<a href="Ext.form.field.Date.html"floating" rel=""floating" class="docClass">"floating</a> are <code>true</code>.</p>
+
+
+<p>After being shown, a <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Component (such as a <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Ext.window.Window</a>), is activated it and brought to the front of
+its <a href="Ext.form.field.Date.html#ZIndexManager" rel="Ext.form.field.Date#ZIndexManager" class="docClass">z-index stack</a>.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">animateTarget</span> : String/Element<div class="sub-desc"><p>Optional, and <b>only valid for <a href="Ext.form.field.Date.html#floating" rel="Ext.form.field.Date#floating" class="docClass">floating</a> Components such as
+<a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a>s or <a href="Ext.tip.ToolTip.html" rel="Ext.tip.ToolTip" class="docClass">ToolTip</a>s, or regular Components which have been configured
+with <code>floating: true</code>.</b> The target from which the Component should
+animate from while opening (defaults to null with no animation)</p>
+</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>(optional) A callback function to call after the Component is displayed. Only necessary if animation was specified.</p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the callback is executed. Defaults to this Component.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-stopAnimation" class="member inherited"><a href="Ext.form.field.Date.html#method-stopAnimation" rel="method-stopAnimation" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-stopAnimation" class="viewSource">view source</a></div><a name="stopAnimation"></a><a name="method-stopAnimation"></a><a href="Ext.form.field.Date.html#" rel="method-stopAnimation" class="cls expand">stopAnimation</a> : Ext.core.Element</div><div class="description"><div class="short">@deprecated 4.0 Replaced by stopAnimation
+Stops any running effects and clears this object's internal effects queue i...</div><div class="long"><p>@deprecated 4.0 Replaced by <a href="Ext.form.field.Date.html#stopAnimation" rel="Ext.form.field.Date#stopAnimation" class="docClass">stopAnimation</a>
+Stops any running effects and clears this object's internal effects queue if it contains
+any additional effects that haven't started yet.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-suspendEvents" class="member inherited"><a href="Ext.form.field.Date.html#method-suspendEvents" rel="method-suspendEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-suspendEvents" class="viewSource">view source</a></div><a name="suspendEvents"></a><a name="method-suspendEvents"></a><a href="Ext.form.field.Date.html#" rel="method-suspendEvents" class="cls expand">suspendEvents</a>(
+<span class="pre">Boolean queueSuspended</span>)
+ : void</div><div class="description"><div class="short"><p>Suspend the firing of all events. (see <a href="Ext.form.field.Date.html#resumeEvents" rel="Ext.form.field.Date#resumeEvents" class="docClass">resumeEvents</a>)</p>
+</div><div class="long"><p>Suspend the firing of all events. (see <a href="Ext.form.field.Date.html#resumeEvents" rel="Ext.form.field.Date#resumeEvents" class="docClass">resumeEvents</a>)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">queueSuspended</span> : Boolean<div class="sub-desc"><p>Pass as true to queue up suspended events to be fired
+after the <a href="Ext.form.field.Date.html#resumeEvents" rel="Ext.form.field.Date#resumeEvents" class="docClass">resumeEvents</a> call instead of discarding all suspended events;</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-syncFx" class="member inherited"><a href="Ext.form.field.Date.html#method-syncFx" rel="method-syncFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-syncFx" class="viewSource">view source</a></div><a name="syncFx"></a><a name="method-syncFx"></a><a href="Ext.form.field.Date.html#" rel="method-syncFx" class="cls expand">syncFx</a> : Ext.core.Element</div><div class="description"><div class="short">Ensures that all effects queued after syncFx is called on this object are
+run concurrently. This is the opposite of ...</div><div class="long"><p>Ensures that all effects queued after syncFx is called on this object are
+run concurrently. This is the opposite of <a href="Ext.form.field.Date.html#sequenceFx" rel="Ext.form.field.Date#sequenceFx" class="docClass">sequenceFx</a>.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
+</li></ul></div></div></div><div id="method-toBack" class="member inherited"><a href="Ext.form.field.Date.html#method-toBack" rel="method-toBack" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-toBack" class="viewSource">view source</a></div><a name="toBack"></a><a name="method-toBack"></a><a href="Ext.form.field.Date.html#" rel="method-toBack" class="cls expand">toBack</a> : Component</div><div class="description"><div class="short"><p>Sends this Component to the back of (lower z-index than) any other visible windows</p>
+</div><div class="long"><p>Sends this Component to the back of (lower z-index than) any other visible windows</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-toFront" class="member inherited"><a href="Ext.form.field.Date.html#method-toFront" rel="method-toFront" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-toFront" class="viewSource">view source</a></div><a name="toFront"></a><a name="method-toFront"></a><a href="Ext.form.field.Date.html#" rel="method-toFront" class="cls expand">toFront</a>(
+<span class="pre">[Boolean preventFocus]</span>)
+ : Component</div><div class="description"><div class="short">Brings this floating Component to the front of any other visible, floating Components managed by the same ZIndexManag...</div><div class="long"><p>Brings this floating Component to the front of any other visible, floating Components managed by the same <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a></p>
+
+
+<p>If this Component is modal, inserts the modal mask just below this Component in the z-index stack.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">preventFocus</span> : Boolean<div class="sub-desc"><p>(optional) Specify <code>true</code> to prevent the Component from being focused.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-un" class="member inherited"><a href="Ext.form.field.Date.html#method-un" rel="method-un" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-un" class="viewSource">view source</a></div><a name="un"></a><a name="method-un"></a><a href="Ext.form.field.Date.html#" rel="method-un" class="cls expand">un</a>(
+<span class="pre">String eventName, Function handler, [Object scope]</span>)
+ : void</div><div class="description"><div class="short"><p>Removes an event handler (shorthand for <a href="Ext.form.field.Date.html#removeListener" rel="Ext.form.field.Date#removeListener" class="docClass">removeListener</a>.)</p>
+</div><div class="long"><p>Removes an event handler (shorthand for <a href="Ext.form.field.Date.html#removeListener" rel="Ext.form.field.Date#removeListener" class="docClass">removeListener</a>.)</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event the handler was associated with.</p>
+</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler to remove. <b>This must be a reference to the function passed into the <a href="Ext.form.field.Date.html#addListener" rel="Ext.form.field.Date#addListener" class="docClass">addListener</a> call.</b></p>
+</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope originally specified for the handler.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-unsetActiveError" class="member inherited"><a href="Ext.form.field.Date.html#method-unsetActiveError" rel="method-unsetActiveError" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-method-unsetActiveError" class="viewSource">view source</a></div><a name="unsetActiveError"></a><a name="method-unsetActiveError"></a><a href="Ext.form.field.Date.html#" rel="method-unsetActiveError" class="cls expand">unsetActiveError</a> : void</div><div class="description"><div class="short"><p>Clears the active error.</p>
+</div><div class="long"><p>Clears the active error.</p>
+<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-up" class="member inherited"><a href="Ext.form.field.Date.html#method-up" rel="method-up" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-up" class="viewSource">view source</a></div><a name="up"></a><a name="method-up"></a><a href="Ext.form.field.Date.html#" rel="method-up" class="cls expand">up</a>(
+<span class="pre">String selector</span>)
+ : Container</div><div class="description"><div class="short">Walks up the ownerCt axis looking for an ancestor Container which matches
+the passed simple selector.
+
+
+Example:
+var ...</div><div class="long"><p>Walks up the <code>ownerCt</code> axis looking for an ancestor Container which matches
+the passed simple selector.</p>
+
+
+<p>Example:
+<pre><code>var owningTabPanel = grid.up('tabpanel');
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional. The simple selector to test.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Container</span> <p>The matching ancestor Container (or <code>undefined</code> if no match was found).</p>
+</li></ul></div></div></div><div id="method-update" class="member inherited"><a href="Ext.form.field.Date.html#method-update" rel="method-update" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-update" class="viewSource">view source</a></div><a name="update"></a><a name="method-update"></a><a href="Ext.form.field.Date.html#" rel="method-update" class="cls expand">update</a>(
+<span class="pre">Mixed htmlOrData, [Boolean loadScripts], [Function callback]</span>)
+ : void</div><div class="description"><div class="short"><p>Update the content area of a component.</p>
+</div><div class="long"><p>Update the content area of a component.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">htmlOrData</span> : Mixed<div class="sub-desc"><p>If this component has been configured with a template via the tpl config
+then it will use this argument as data to populate the template.
+If this component was not configured with a template, the components
+content area will be updated via <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> update</p>
+</div></li><li><span class="pre">loadScripts</span> : Boolean<div class="sub-desc"><p>(optional) Only legitimate when using the html configuration. Defaults to false</p>
+</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>(optional) Only legitimate when using the html configuration. Callback to execute when scripts have finished loading</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
+</li></ul></div></div></div><div id="method-updateBox" class="member inherited"><a href="Ext.form.field.Date.html#method-updateBox" rel="method-updateBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-updateBox" class="viewSource">view source</a></div><a name="updateBox"></a><a name="method-updateBox"></a><a href="Ext.form.field.Date.html#" rel="method-updateBox" class="cls expand">updateBox</a>(
+<span class="pre">Object box</span>)
+ : Ext.Component</div><div class="description"><div class="short"><p>Sets the current box measurements of the component's underlying element.</p>
+</div><div class="long"><p>Sets the current box measurements of the component's underlying element.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">box</span> : Object<div class="sub-desc"><p>An object in the format {x, y, width, height}</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
+</li></ul></div></div></div><div id="method-validate" class="member inherited"><a href="Ext.form.field.Date.html#method-validate" rel="method-validate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-method-validate" class="viewSource">view source</a></div><a name="validate"></a><a name="method-validate"></a><a href="Ext.form.field.Date.html#" rel="method-validate" class="cls expand">validate</a> : Boolean</div><div class="description"><div class="short">Returns whether or not the field value is currently valid by validating the
+field's current value, and fires the vali...</div><div class="long"><p>Returns whether or not the field value is currently valid by <a href="Ext.form.field.Date.html#getErrors" rel="Ext.form.field.Date#getErrors" class="docClass">validating</a> the
+field's current value, and fires the <a href="Ext.form.field.Date.html#validitychange" rel="Ext.form.field.Date#validitychange" class="docClass">validitychange</a> event if the field's validity has
+changed since the last validation. <b>Note</b>: <a href="Ext.form.field.Date.html#disabled" rel="Ext.form.field.Date#disabled" class="docClass">disabled</a> fields are always treated as valid.</p>
+
+
+<p>Custom implementations of this method are allowed to have side-effects such as triggering error
+message display. To validate without side-effects, use <a href="Ext.form.field.Date.html#isValid" rel="Ext.form.field.Date#isValid" class="docClass">isValid</a>.</p>
+
+<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if the value is valid, else false</p>
+</li></ul></div></div></div><div id="method-validateValue" class="member inherited"><a href="Ext.form.field.Date.html#method-validateValue" rel="method-validateValue" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-validateValue" class="viewSource">view source</a></div><a name="validateValue"></a><a name="method-validateValue"></a><a href="Ext.form.field.Date.html#" rel="method-validateValue" class="cls expand">validateValue</a>(
+<span class="pre">Mixed value</span>)
+ : Boolean</div><div class="description"><div class="short">Uses getErrors to build an array of validation errors. If any errors are found, they are passed
+to markInvalid and fa...</div><div class="long"><p>Uses <a href="Ext.form.field.Date.html#getErrors" rel="Ext.form.field.Date#getErrors" class="docClass">getErrors</a> to build an array of validation errors. If any errors are found, they are passed
+to <a href="Ext.form.field.Date.html#markInvalid" rel="Ext.form.field.Date#markInvalid" class="docClass">markInvalid</a> and false is returned, otherwise true is returned.</p>
+
+
+<p>Previously, subclasses were invited to provide an implementation of this to process validations - from 3.2
+onwards <a href="Ext.form.field.Date.html#getErrors" rel="Ext.form.field.Date#getErrors" class="docClass">getErrors</a> should be overridden instead.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Mixed<div class="sub-desc"><p>The value to validate</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if all validations passed, false if one or more failed</p>
+</li></ul></div></div></div><div id="method-valueToRaw" class="member inherited"><a href="Ext.form.field.Date.html#method-valueToRaw" rel="method-valueToRaw" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-method-valueToRaw" class="viewSource">view source</a></div><a name="valueToRaw"></a><a name="method-valueToRaw"></a><a href="Ext.form.field.Date.html#" rel="method-valueToRaw" class="cls expand">valueToRaw</a>(
+<span class="pre">Mixed value</span>)
+ : Mixed</div><div class="description"><div class="short">Converts a mixed-type value to a raw representation suitable for displaying in the field. This allows
+controlling how...</div><div class="long"><p>Converts a mixed-type value to a raw representation suitable for displaying in the field. This allows
+controlling how value objects passed to <a href="Ext.form.field.Date.html#setValue" rel="Ext.form.field.Date#setValue" class="docClass">setValue</a> are shown to the user, including localization.
+For instance, for a <a href="Ext.form.field.Date.html" rel="Ext.form.field.Date" class="docClass">Ext.form.field.Date</a>, this would control how a Date object passed to <a href="Ext.form.field.Date.html#setValue" rel="Ext.form.field.Date#setValue" class="docClass">setValue</a>
+would be converted to a String for display in the field.</p>
+
+
+<p>See <a href="Ext.form.field.Date.html#rawToValue" rel="Ext.form.field.Date#rawToValue" class="docClass">rawToValue</a> for the opposite conversion.</p>
+
+
+<p>The base implementation simply does a standard toString conversion, and converts
+<a href="Ext.html#isEmpty" rel="Ext#isEmpty" class="docClass">empty values</a> to an empty string.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">value</span> : Mixed<div class="sub-desc"><p>The mixed-type value to convert to the raw representation.</p>
+</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span> <p>The converted raw value.</p>
+</li></ul></div></div></div></div><div class="m-events"><a name="events"></a><div class="definedBy">Defined By</div><h3 class="evt p">Events</h3><div id="event-activate" class="member f inherited"><a href="Ext.form.field.Date.html#event-activate" rel="event-activate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-activate" class="viewSource">view source</a></div><a name="activate"></a><a name="event-activate"></a><a href="Ext.form.field.Date.html#" rel="event-activate" class="cls expand">activate</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after a Component has been visually activated.</p>
+</div><div class="long"><p>Fires after a Component has been visually activated.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-added" class="member inherited"><a href="Ext.form.field.Date.html#event-added" rel="event-added" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-added" class="viewSource">view source</a></div><a name="added"></a><a name="event-added"></a><a href="Ext.form.field.Date.html#" rel="event-added" class="cls expand">added</a>(
+<span class="pre">Ext.Component this, Ext.container.Container container, Number pos</span>)
+</div><div class="description"><div class="short"><p>Fires after a Component had been added to a Container.</p>
+</div><div class="long"><p>Fires after a Component had been added to a Container.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li><li><span class="pre">container</span> : Ext.container.Container<div class="sub-desc"><p>Parent Container</p>
+</div></li><li><span class="pre">pos</span> : Number<div class="sub-desc"><p>position of Component</p>
+</div></li></ul></div></div></div><div id="event-afterrender" class="member inherited"><a href="Ext.form.field.Date.html#event-afterrender" rel="event-afterrender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-afterrender" class="viewSource">view source</a></div><a name="afterrender"></a><a name="event-afterrender"></a><a href="Ext.form.field.Date.html#" rel="event-afterrender" class="cls expand">afterrender</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short">Fires after the component rendering is finished.
+
+
+The afterrender event is fired after this Component has been rende...</div><div class="long"><p>Fires after the component rendering is finished.</p>
+
+
+<p>The afterrender event is fired after this Component has been <a href="Ext.form.field.Date.html#rendered" rel="Ext.form.field.Date#rendered" class="docClass">rendered</a>, been postprocesed
+by any afterRender method defined for the Component.</p>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-autosize" class="member inherited"><a href="Ext.form.field.Date.html#event-autosize" rel="event-autosize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-event-autosize" class="viewSource">view source</a></div><a name="autosize"></a><a name="event-autosize"></a><a href="Ext.form.field.Date.html#" rel="event-autosize" class="cls expand">autosize</a>(
+<span class="pre">Ext.form.field.Text this, Number width</span>)
+</div><div class="description"><div class="short">Fires when the autoSize function is triggered and the field is
+resized according to the grow/growMin/growMax configs ...</div><div class="long"><p>Fires when the <tt><b><a href="Ext.form.field.Date.html#autoSize" rel="Ext.form.field.Date#autoSize" class="docClass">autoSize</a></b></tt> function is triggered and the field is
+resized according to the <a href="Ext.form.field.Date.html#grow" rel="Ext.form.field.Date#grow" class="docClass">grow</a>/<a href="Ext.form.field.Date.html#growMin" rel="Ext.form.field.Date#growMin" class="docClass">growMin</a>/<a href="Ext.form.field.Date.html#growMax" rel="Ext.form.field.Date#growMax" class="docClass">growMax</a> configs as a result.
+This event provides a hook for the developer to apply additional logic at runtime to resize the
+field if needed.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Text<div class="sub-desc"><p>This text field</p>
+</div></li><li><span class="pre">width</span> : Number<div class="sub-desc"><p>The new field width</p>
+</div></li></ul></div></div></div><div id="event-beforeactivate" class="member inherited"><a href="Ext.form.field.Date.html#event-beforeactivate" rel="event-beforeactivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforeactivate" class="viewSource">view source</a></div><a name="beforeactivate"></a><a name="event-beforeactivate"></a><a href="Ext.form.field.Date.html#" rel="event-beforeactivate" class="cls expand">beforeactivate</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short">Fires before a Component has been visually activated.
+Returning false from an event listener can prevent the activate...</div><div class="long"><p>Fires before a Component has been visually activated.
+Returning false from an event listener can prevent the activate
+from occurring.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-beforedeactivate" class="member inherited"><a href="Ext.form.field.Date.html#event-beforedeactivate" rel="event-beforedeactivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforedeactivate" class="viewSource">view source</a></div><a name="beforedeactivate"></a><a name="event-beforedeactivate"></a><a href="Ext.form.field.Date.html#" rel="event-beforedeactivate" class="cls expand">beforedeactivate</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short">Fires before a Component has been visually deactivated.
+Returning false from an event listener can prevent the deacti...</div><div class="long"><p>Fires before a Component has been visually deactivated.
+Returning false from an event listener can prevent the deactivate
+from occurring.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-beforedestroy" class="member inherited"><a href="Ext.form.field.Date.html#event-beforedestroy" rel="event-beforedestroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforedestroy" class="viewSource">view source</a></div><a name="beforedestroy"></a><a name="event-beforedestroy"></a><a href="Ext.form.field.Date.html#" rel="event-beforedestroy" class="cls expand">beforedestroy</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires before the component is <a href="Ext.form.field.Date.html#destroy" rel="Ext.form.field.Date#destroy" class="docClass">destroy</a>ed. Return false from an event handler to stop the <a href="Ext.form.field.Date.html#destroy" rel="Ext.form.field.Date#destroy" class="docClass">destroy</a>.</p>
+</div><div class="long"><p>Fires before the component is <a href="Ext.form.field.Date.html#destroy" rel="Ext.form.field.Date#destroy" class="docClass">destroy</a>ed. Return false from an event handler to stop the <a href="Ext.form.field.Date.html#destroy" rel="Ext.form.field.Date#destroy" class="docClass">destroy</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-beforehide" class="member inherited"><a href="Ext.form.field.Date.html#event-beforehide" rel="event-beforehide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforehide" class="viewSource">view source</a></div><a name="beforehide"></a><a name="event-beforehide"></a><a href="Ext.form.field.Date.html#" rel="event-beforehide" class="cls expand">beforehide</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires before the component is hidden when calling the <a href="Ext.form.field.Date.html#hide" rel="Ext.form.field.Date#hide" class="docClass">hide</a> method.
+Return false from an event handler to stop the hide.</p>
+</div><div class="long"><p>Fires before the component is hidden when calling the <a href="Ext.form.field.Date.html#hide" rel="Ext.form.field.Date#hide" class="docClass">hide</a> method.
+Return false from an event handler to stop the hide.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-beforerender" class="member inherited"><a href="Ext.form.field.Date.html#event-beforerender" rel="event-beforerender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforerender" class="viewSource">view source</a></div><a name="beforerender"></a><a name="event-beforerender"></a><a href="Ext.form.field.Date.html#" rel="event-beforerender" class="cls expand">beforerender</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires before the component is <a href="Ext.form.field.Date.html#rendered" rel="Ext.form.field.Date#rendered" class="docClass">rendered</a>. Return false from an
+event handler to stop the <a href="Ext.form.field.Date.html#render" rel="Ext.form.field.Date#render" class="docClass">render</a>.</p>
+</div><div class="long"><p>Fires before the component is <a href="Ext.form.field.Date.html#rendered" rel="Ext.form.field.Date#rendered" class="docClass">rendered</a>. Return false from an
+event handler to stop the <a href="Ext.form.field.Date.html#render" rel="Ext.form.field.Date#render" class="docClass">render</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-beforeshow" class="member inherited"><a href="Ext.form.field.Date.html#event-beforeshow" rel="event-beforeshow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforeshow" class="viewSource">view source</a></div><a name="beforeshow"></a><a name="event-beforeshow"></a><a href="Ext.form.field.Date.html#" rel="event-beforeshow" class="cls expand">beforeshow</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires before the component is shown when calling the <a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a> method.
+Return false from an event handler to stop the show.</p>
+</div><div class="long"><p>Fires before the component is shown when calling the <a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a> method.
+Return false from an event handler to stop the show.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-beforestaterestore" class="member inherited"><a href="Ext.form.field.Date.html#event-beforestaterestore" rel="event-beforestaterestore" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-beforestaterestore" class="viewSource">view source</a></div><a name="beforestaterestore"></a><a name="event-beforestaterestore"></a><a href="Ext.form.field.Date.html#" rel="event-beforestaterestore" class="cls expand">beforestaterestore</a>(
+<span class="pre">Ext.state.Stateful this, Object state</span>)
+</div><div class="description"><div class="short"><p>Fires before the state of the object is restored. Return false from an event handler to stop the restore.</p>
+</div><div class="long"><p>Fires before the state of the object is restored. Return false from an event handler to stop the restore.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
+</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values returned from the StateProvider. If this
+event is not vetoed, then the state object is passed to <b><tt>applyState</tt></b>. By default,
+that simply copies property values into this object. The method maybe overriden to
+provide custom state restoration.</p>
+</div></li></ul></div></div></div><div id="event-beforestatesave" class="member inherited"><a href="Ext.form.field.Date.html#event-beforestatesave" rel="event-beforestatesave" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-beforestatesave" class="viewSource">view source</a></div><a name="beforestatesave"></a><a name="event-beforestatesave"></a><a href="Ext.form.field.Date.html#" rel="event-beforestatesave" class="cls expand">beforestatesave</a>(
+<span class="pre">Ext.state.Stateful this, Object state</span>)
+</div><div class="description"><div class="short"><p>Fires before the state of the object is saved to the configured state provider. Return false to stop the save.</p>
+</div><div class="long"><p>Fires before the state of the object is saved to the configured state provider. Return false to stop the save.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
+</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values. This is determined by calling
+<b><tt>getState()</tt></b> on the object. This method must be provided by the
+developer to return whetever representation of state is required, by default, <a href="Ext.state.Stateful.html" rel="Ext.state.Stateful" class="docClass">Ext.state.Stateful</a>
+has a null implementation.</p>
+</div></li></ul></div></div></div><div id="event-blur" class="member inherited"><a href="Ext.form.field.Date.html#event-blur" rel="event-blur" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-event-blur" class="viewSource">view source</a></div><a name="blur"></a><a name="event-blur"></a><a href="Ext.form.field.Date.html#" rel="event-blur" class="cls expand">blur</a>(
+<span class="pre">Ext.form.field.Base this</span>)
+</div><div class="description"><div class="short"><p>Fires when this field loses input focus.</p>
+</div><div class="long"><p>Fires when this field loses input focus.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Base<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-change" class="member inherited"><a href="Ext.form.field.Date.html#event-change" rel="event-change" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-event-change" class="viewSource">view source</a></div><a name="change"></a><a name="event-change"></a><a href="Ext.form.field.Date.html#" rel="event-change" class="cls expand">change</a>(
+<span class="pre">Ext.form.field.Field this, Mixed newValue, Mixed oldValue</span>)
+</div><div class="description"><div class="short"><p>Fires when a user-initiated change is detected in the value of the field.</p>
+</div><div class="long"><p>Fires when a user-initiated change is detected in the value of the field.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Field<div class="sub-desc">
+</div></li><li><span class="pre">newValue</span> : Mixed<div class="sub-desc"><p>The new value</p>
+</div></li><li><span class="pre">oldValue</span> : Mixed<div class="sub-desc"><p>The original value</p>
+</div></li></ul></div></div></div><div id="event-collapse" class="member inherited"><a href="Ext.form.field.Date.html#event-collapse" rel="event-collapse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-event-collapse" class="viewSource">view source</a></div><a name="collapse"></a><a name="event-collapse"></a><a href="Ext.form.field.Date.html#" rel="event-collapse" class="cls expand">collapse</a>(
+<span class="pre">Ext.form.field.Picker field</span>)
+</div><div class="description"><div class="short"><p>Fires when the field's picker is collapsed.</p>
+</div><div class="long"><p>Fires when the field's picker is collapsed.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">field</span> : Ext.form.field.Picker<div class="sub-desc"><p>This field instance</p>
+</div></li></ul></div></div></div><div id="event-deactivate" class="member inherited"><a href="Ext.form.field.Date.html#event-deactivate" rel="event-deactivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-deactivate" class="viewSource">view source</a></div><a name="deactivate"></a><a name="event-deactivate"></a><a href="Ext.form.field.Date.html#" rel="event-deactivate" class="cls expand">deactivate</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after a Component has been visually deactivated.</p>
+</div><div class="long"><p>Fires after a Component has been visually deactivated.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-destroy" class="member inherited"><a href="Ext.form.field.Date.html#event-destroy" rel="event-destroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-destroy" class="viewSource">view source</a></div><a name="destroy"></a><a name="event-destroy"></a><a href="Ext.form.field.Date.html#" rel="event-destroy" class="cls expand">destroy</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is <a href="Ext.form.field.Date.html#destroy" rel="Ext.form.field.Date#destroy" class="docClass">destroy</a>ed.</p>
+</div><div class="long"><p>Fires after the component is <a href="Ext.form.field.Date.html#destroy" rel="Ext.form.field.Date#destroy" class="docClass">destroy</a>ed.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-dirtychange" class="member inherited"><a href="Ext.form.field.Date.html#event-dirtychange" rel="event-dirtychange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-event-dirtychange" class="viewSource">view source</a></div><a name="dirtychange"></a><a name="event-dirtychange"></a><a href="Ext.form.field.Date.html#" rel="event-dirtychange" class="cls expand">dirtychange</a>(
+<span class="pre">Ext.form.field.Field this, Boolean isDirty</span>)
+</div><div class="description"><div class="short"><p>Fires when a change in the field's <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">isDirty</a> state is detected.</p>
+</div><div class="long"><p>Fires when a change in the field's <a href="Ext.form.field.Date.html#isDirty" rel="Ext.form.field.Date#isDirty" class="docClass">isDirty</a> state is detected.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Field<div class="sub-desc">
+</div></li><li><span class="pre">isDirty</span> : Boolean<div class="sub-desc"><p>Whether or not the field is now dirty</p>
+</div></li></ul></div></div></div><div id="event-disable" class="member inherited"><a href="Ext.form.field.Date.html#event-disable" rel="event-disable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-disable" class="viewSource">view source</a></div><a name="disable"></a><a name="event-disable"></a><a href="Ext.form.field.Date.html#" rel="event-disable" class="cls expand">disable</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is disabled.</p>
+</div><div class="long"><p>Fires after the component is disabled.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-enable" class="member inherited"><a href="Ext.form.field.Date.html#event-enable" rel="event-enable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-enable" class="viewSource">view source</a></div><a name="enable"></a><a name="event-enable"></a><a href="Ext.form.field.Date.html#" rel="event-enable" class="cls expand">enable</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is enabled.</p>
+</div><div class="long"><p>Fires after the component is enabled.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-errorchange" class="member inherited"><a href="Ext.form.field.Date.html#event-errorchange" rel="event-errorchange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.Labelable.html" class="definedIn docClass">Ext.form.Labelable</a><br/><a href="../source/Labelable.html#Ext-form.Labelable-event-errorchange" class="viewSource">view source</a></div><a name="errorchange"></a><a name="event-errorchange"></a><a href="Ext.form.field.Date.html#" rel="event-errorchange" class="cls expand">errorchange</a>(
+<span class="pre">Ext.form.Labelable this, String error</span>)
+</div><div class="description"><div class="short"><p>Fires when the active error message is changed via <a href="Ext.form.field.Date.html#setActiveError" rel="Ext.form.field.Date#setActiveError" class="docClass">setActiveError</a>.</p>
+</div><div class="long"><p>Fires when the active error message is changed via <a href="Ext.form.field.Date.html#setActiveError" rel="Ext.form.field.Date#setActiveError" class="docClass">setActiveError</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.Labelable<div class="sub-desc">
+</div></li><li><span class="pre">error</span> : String<div class="sub-desc"><p>The active error message</p>
+</div></li></ul></div></div></div><div id="event-expand" class="member inherited"><a href="Ext.form.field.Date.html#event-expand" rel="event-expand" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-event-expand" class="viewSource">view source</a></div><a name="expand"></a><a name="event-expand"></a><a href="Ext.form.field.Date.html#" rel="event-expand" class="cls expand">expand</a>(
+<span class="pre">Ext.form.field.Picker field</span>)
+</div><div class="description"><div class="short"><p>Fires when the field's picker is expanded.</p>
+</div><div class="long"><p>Fires when the field's picker is expanded.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">field</span> : Ext.form.field.Picker<div class="sub-desc"><p>This field instance</p>
+</div></li></ul></div></div></div><div id="event-focus" class="member inherited"><a href="Ext.form.field.Date.html#event-focus" rel="event-focus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-event-focus" class="viewSource">view source</a></div><a name="focus"></a><a name="event-focus"></a><a href="Ext.form.field.Date.html#" rel="event-focus" class="cls expand">focus</a>(
+<span class="pre">Ext.form.field.Base this</span>)
+</div><div class="description"><div class="short"><p>Fires when this field receives input focus.</p>
+</div><div class="long"><p>Fires when this field receives input focus.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Base<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-hide" class="member inherited"><a href="Ext.form.field.Date.html#event-hide" rel="event-hide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-hide" class="viewSource">view source</a></div><a name="hide"></a><a name="event-hide"></a><a href="Ext.form.field.Date.html#" rel="event-hide" class="cls expand">hide</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is hidden.
+Fires after the component is hidden when calling the <a href="Ext.form.field.Date.html#hide" rel="Ext.form.field.Date#hide" class="docClass">hide</a> method.</p>
+</div><div class="long"><p>Fires after the component is hidden.
+Fires after the component is hidden when calling the <a href="Ext.form.field.Date.html#hide" rel="Ext.form.field.Date#hide" class="docClass">hide</a> method.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-keydown" class="member inherited"><a href="Ext.form.field.Date.html#event-keydown" rel="event-keydown" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-event-keydown" class="viewSource">view source</a></div><a name="keydown"></a><a name="event-keydown"></a><a href="Ext.form.field.Date.html#" rel="event-keydown" class="cls expand">keydown</a>(
+<span class="pre">Ext.form.field.Text this, Ext.EventObject e</span>)
+</div><div class="description"><div class="short"><p>Keydown input field event. This event only fires if <tt><b><a href="Ext.form.field.Date.html#enableKeyEvents" rel="Ext.form.field.Date#enableKeyEvents" class="docClass">enableKeyEvents</a></b></tt>
+is set to true.</p>
+</div><div class="long"><p>Keydown input field event. This event only fires if <tt><b><a href="Ext.form.field.Date.html#enableKeyEvents" rel="Ext.form.field.Date#enableKeyEvents" class="docClass">enableKeyEvents</a></b></tt>
+is set to true.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Text<div class="sub-desc"><p>This text field</p>
+</div></li><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-keypress" class="member inherited"><a href="Ext.form.field.Date.html#event-keypress" rel="event-keypress" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-event-keypress" class="viewSource">view source</a></div><a name="keypress"></a><a name="event-keypress"></a><a href="Ext.form.field.Date.html#" rel="event-keypress" class="cls expand">keypress</a>(
+<span class="pre">Ext.form.field.Text this, Ext.EventObject e</span>)
+</div><div class="description"><div class="short"><p>Keypress input field event. This event only fires if <tt><b><a href="Ext.form.field.Date.html#enableKeyEvents" rel="Ext.form.field.Date#enableKeyEvents" class="docClass">enableKeyEvents</a></b></tt>
+is set to true.</p>
+</div><div class="long"><p>Keypress input field event. This event only fires if <tt><b><a href="Ext.form.field.Date.html#enableKeyEvents" rel="Ext.form.field.Date#enableKeyEvents" class="docClass">enableKeyEvents</a></b></tt>
+is set to true.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Text<div class="sub-desc"><p>This text field</p>
+</div></li><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-keyup" class="member inherited"><a href="Ext.form.field.Date.html#event-keyup" rel="event-keyup" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Text.html" class="definedIn docClass">Ext.form.field.Text</a><br/><a href="../source/Text.html#Ext-form.field.Text-event-keyup" class="viewSource">view source</a></div><a name="keyup"></a><a name="event-keyup"></a><a href="Ext.form.field.Date.html#" rel="event-keyup" class="cls expand">keyup</a>(
+<span class="pre">Ext.form.field.Text this, Ext.EventObject e</span>)
+</div><div class="description"><div class="short"><p>Keyup input field event. This event only fires if <tt><b><a href="Ext.form.field.Date.html#enableKeyEvents" rel="Ext.form.field.Date#enableKeyEvents" class="docClass">enableKeyEvents</a></b></tt>
+is set to true.</p>
+</div><div class="long"><p>Keyup input field event. This event only fires if <tt><b><a href="Ext.form.field.Date.html#enableKeyEvents" rel="Ext.form.field.Date#enableKeyEvents" class="docClass">enableKeyEvents</a></b></tt>
+is set to true.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Text<div class="sub-desc"><p>This text field</p>
+</div></li><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-move" class="member inherited"><a href="Ext.form.field.Date.html#event-move" rel="event-move" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-move" class="viewSource">view source</a></div><a name="move"></a><a name="event-move"></a><a href="Ext.form.field.Date.html#" rel="event-move" class="cls expand">move</a>(
+<span class="pre">Ext.Component this, Number x, Number y</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is moved.</p>
+</div><div class="long"><p>Fires after the component is moved.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li><li><span class="pre">x</span> : Number<div class="sub-desc"><p>The new x position</p>
+</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>The new y position</p>
+</div></li></ul></div></div></div><div id="event-removed" class="member inherited"><a href="Ext.form.field.Date.html#event-removed" rel="event-removed" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-removed" class="viewSource">view source</a></div><a name="removed"></a><a name="event-removed"></a><a href="Ext.form.field.Date.html#" rel="event-removed" class="cls expand">removed</a>(
+<span class="pre">Ext.Component this, Ext.container.Container ownerCt</span>)
+</div><div class="description"><div class="short"><p>Fires when a component is removed from an Ext.container.Container</p>
+</div><div class="long"><p>Fires when a component is removed from an Ext.container.Container</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li><li><span class="pre">ownerCt</span> : Ext.container.Container<div class="sub-desc"><p>Container which holds the component</p>
+</div></li></ul></div></div></div><div id="event-render" class="member inherited"><a href="Ext.form.field.Date.html#event-render" rel="event-render" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-render" class="viewSource">view source</a></div><a name="render"></a><a name="event-render"></a><a href="Ext.form.field.Date.html#" rel="event-render" class="cls expand">render</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after the component markup is <a href="Ext.form.field.Date.html#rendered" rel="Ext.form.field.Date#rendered" class="docClass">rendered</a>.</p>
+</div><div class="long"><p>Fires after the component markup is <a href="Ext.form.field.Date.html#rendered" rel="Ext.form.field.Date#rendered" class="docClass">rendered</a>.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-resize" class="member inherited"><a href="Ext.form.field.Date.html#event-resize" rel="event-resize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-resize" class="viewSource">view source</a></div><a name="resize"></a><a name="event-resize"></a><a href="Ext.form.field.Date.html#" rel="event-resize" class="cls expand">resize</a>(
+<span class="pre">Ext.Component this, Number adjWidth, Number adjHeight</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is resized.</p>
+</div><div class="long"><p>Fires after the component is resized.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li><li><span class="pre">adjWidth</span> : Number<div class="sub-desc"><p>The box-adjusted width that was set</p>
+</div></li><li><span class="pre">adjHeight</span> : Number<div class="sub-desc"><p>The box-adjusted height that was set</p>
+</div></li></ul></div></div></div><div id="event-select" class="member inherited"><a href="Ext.form.field.Date.html#event-select" rel="event-select" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Picker.html" class="definedIn docClass">Ext.form.field.Picker</a><br/><a href="../source/Picker.html#Ext-form.field.Picker-event-select" class="viewSource">view source</a></div><a name="select"></a><a name="event-select"></a><a href="Ext.form.field.Date.html#" rel="event-select" class="cls expand">select</a>(
+<span class="pre">Ext.form.field.Picker field, Mixed value</span>)
+</div><div class="description"><div class="short"><p>Fires when a value is selected via the picker.</p>
+</div><div class="long"><p>Fires when a value is selected via the picker.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">field</span> : Ext.form.field.Picker<div class="sub-desc"><p>This field instance</p>
+</div></li><li><span class="pre">value</span> : Mixed<div class="sub-desc"><p>The value that was selected. The exact type of this value is dependent on
+the individual field and picker implementations.</p>
+</div></li></ul></div></div></div><div id="event-show" class="member inherited"><a href="Ext.form.field.Date.html#event-show" rel="event-show" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-show" class="viewSource">view source</a></div><a name="show"></a><a name="event-show"></a><a href="Ext.form.field.Date.html#" rel="event-show" class="cls expand">show</a>(
+<span class="pre">Ext.Component this</span>)
+</div><div class="description"><div class="short"><p>Fires after the component is shown when calling the <a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a> method.</p>
+</div><div class="long"><p>Fires after the component is shown when calling the <a href="Ext.form.field.Date.html#show" rel="Ext.form.field.Date#show" class="docClass">show</a> method.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
+</div></li></ul></div></div></div><div id="event-specialkey" class="member inherited"><a href="Ext.form.field.Date.html#event-specialkey" rel="event-specialkey" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Base.html" class="definedIn docClass">Ext.form.field.Base</a><br/><a href="../source/Base.html#Ext-form.field.Base-event-specialkey" class="viewSource">view source</a></div><a name="specialkey"></a><a name="event-specialkey"></a><a href="Ext.form.field.Date.html#" rel="event-specialkey" class="cls expand">specialkey</a>(
+<span class="pre">Ext.form.field.Base this, Ext.EventObject e</span>)
+</div><div class="description"><div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.
+To handle other keys see Ext.pan...</div><div class="long"><p>Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.
+To handle other keys see <a href="Ext.panel.Panel.html#keys" rel="Ext.panel.Panel#keys" class="docClass">Ext.panel.Panel.keys</a> or <a href="Ext.util.KeyMap.html" rel="Ext.util.KeyMap" class="docClass">Ext.util.KeyMap</a>.
+You can check <a href="Ext.EventObject.html#getKey" rel="Ext.EventObject#getKey" class="docClass">Ext.EventObject.getKey</a> to determine which key was pressed.
+For example:</p>
+
+<pre><code>var form = new Ext.form.Panel({
+ ...
+ items: [{
+ fieldLabel: 'Field 1',
+ name: 'field1',
+ allowBlank: false
+ },{
+ fieldLabel: 'Field 2',
+ name: 'field2',
+ listeners: {
+ specialkey: function(field, e){
+ // e.HOME, e.END, e.PAGE_UP, e.PAGE_DOWN,
+ // e.TAB, e.ESC, arrow keys: e.LEFT, e.RIGHT, e.UP, e.DOWN
+ if (e.<a href="Ext.EventObject.html#getKey" rel="Ext.EventObject#getKey" class="docClass">getKey()</a> == e.ENTER) {
+ var form = field.up('form').getForm();
+ form.submit();
+ }
+ }
+ }
+ }
+ ],
+ ...
+});
+</code></pre>
+
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Base<div class="sub-desc">
+</div></li><li><span class="pre">e</span> : Ext.EventObject<div class="sub-desc"><p>The event object</p>
+</div></li></ul></div></div></div><div id="event-staterestore" class="member inherited"><a href="Ext.form.field.Date.html#event-staterestore" rel="event-staterestore" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-staterestore" class="viewSource">view source</a></div><a name="staterestore"></a><a name="event-staterestore"></a><a href="Ext.form.field.Date.html#" rel="event-staterestore" class="cls expand">staterestore</a>(
+<span class="pre">Ext.state.Stateful this, Object state</span>)
+</div><div class="description"><div class="short"><p>Fires after the state of the object is restored.</p>
+</div><div class="long"><p>Fires after the state of the object is restored.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
+</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values returned from the StateProvider. This is passed
+to <b><tt>applyState</tt></b>. By default, that simply copies property values into this
+object. The method maybe overriden to provide custom state restoration.</p>
+</div></li></ul></div></div></div><div id="event-statesave" class="member inherited"><a href="Ext.form.field.Date.html#event-statesave" rel="event-statesave" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-statesave" class="viewSource">view source</a></div><a name="statesave"></a><a name="event-statesave"></a><a href="Ext.form.field.Date.html#" rel="event-statesave" class="cls expand">statesave</a>(
+<span class="pre">Ext.state.Stateful this, Object state</span>)
+</div><div class="description"><div class="short"><p>Fires after the state of the object is saved to the configured state provider.</p>
+</div><div class="long"><p>Fires after the state of the object is saved to the configured state provider.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
+</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values. This is determined by calling
+<b><tt>getState()</tt></b> on the object. This method must be provided by the
+developer to return whetever representation of state is required, by default, <a href="Ext.state.Stateful.html" rel="Ext.state.Stateful" class="docClass">Ext.state.Stateful</a>
+has a null implementation.</p>
+</div></li></ul></div></div></div><div id="event-validitychange" class="member inherited"><a href="Ext.form.field.Date.html#event-validitychange" rel="event-validitychange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.form.field.Field.html" class="definedIn docClass">Ext.form.field.Field</a><br/><a href="../source/Field.html#Ext-form.field.Field-event-validitychange" class="viewSource">view source</a></div><a name="validitychange"></a><a name="event-validitychange"></a><a href="Ext.form.field.Date.html#" rel="event-validitychange" class="cls expand">validitychange</a>(
+<span class="pre">Ext.form.field.Field this, Boolean isValid</span>)
+</div><div class="description"><div class="short"><p>Fires when a change in the field's validity is detected.</p>
+</div><div class="long"><p>Fires when a change in the field's validity is detected.</p>
+<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.form.field.Field<div class="sub-desc">
+</div></li><li><span class="pre">isValid</span> : Boolean<div class="sub-desc"><p>Whether or not the field is now valid</p>
+</div></li></ul></div></div></div></div></div></div></div><div id="pageContent"></div></div></div></div></body></html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff