/**
 * @class Ext.form.Number
 * @extends Ext.form.Text
 * 
Wraps an HTML5 number field. See {@link Ext.form.FormPanel FormPanel} for example usage.
 * @xtype numberfield
 */
Ext.form.Number = Ext.extend(Ext.form.Text, {
    ui: 'number',

    inputType: Ext.is.Android ? 'text' : 'number',
    
    minValue : undefined,
    
    maxValue : undefined,
    
    stepValue : undefined,

    renderTpl: [
        '
{label}',
        '
',
            'tabIndex="{tabIndex}" ',
                'placeholder="{placeHolder}" ',
                'style="{style}" ',
                'min="{minValue}" ',
                'max="{maxValue}" ',
                'step="{stepValue}" ',
                'autocomplete="{autoComplete}" ',
                'autocapitalize="{autoCapitalize}" ',
                'autofocus="{autoFocus}" ',
            '/>',
            '
',
            '',
        '
×
'
    ],
    
    // @private
    onRender : function() {
        Ext.apply(this.renderData, {
            maxValue : this.maxValue,
            minValue : this.minValue,
            stepValue : this.stepValue 
        });
        
        Ext.form.Number.superclass.onRender.apply(this, arguments);
    }
});

Ext.reg('numberfield', Ext.form.Number);

//
/**
 * @class Ext.form.NumberField
 * @extends Ext.form.Number
 * @private
 * @hidden
 * DEPRECATED - remove this in 1.0. See RC1 Release Notes for details
 */
Ext.form.NumberField = Ext.extend(Ext.form.Number, {

    constructor: function() {
        console.warn("Ext.form.NumberField has been deprecated and will be removed in Sencha Touch 1.0. Please use Ext.form.Number instead");
        Ext.form.NumberField.superclass.constructor.apply(this, arguments);
    }
});
//