function DateTypeahead(el, params) {

  // If only one arg passed, assume it was a parameters
  // object since the user MUST provide those but the element
  // is optional. Doing it this way to keep the arity the same
  // as other components.
  if (arguments.length < 2) {
    params = el || {};
    el = this._createDefaultElement();
  }

  this._setParams(this.defaults, true);
  this._setParams(params);
  this._bindEventListenerCallbacks();
  this._createTypeahead(el, params);
}

DateTypeahead.prototype = {

_setParams: Base.setParams,
remove: Base.remove,

_whitelistedParams: ['type', 'onChange', 'onFocus', 'onBlur', 'onBackspace', 'onEnd'],

defaults: {
  type: null,
  typeahead: null,
  onChange: null,
  onFocus: null,
  onBlur: null,
  onBackspace: null,
  onEnd: null,
  _onTypeaheadChangeBound: null,
  _onTypeaheadFocusBound: null,
  _onTypeaheadBlurBound: null,
  _onTypeaheadBackspaceBound: null,
  _onTypeaheadEndBound: null
},

getValue: function(asInt) {
  return this.typeahead.getValue(asInt);
},

setValue: function(val) {
  return this.typeahead.setValue(val);
},

run: function() {
  return this.typeahead.run();
},

pause: function() {
  return this.typeahead.pause();
},

resume: function() {
  return this.typeahead.resume();
},

_createDefaultElement: function() {
  var el = document.createElement('span');
  el.className = 'spark-input';
  return el;
},

_createTypeahead: function(el, params) {

  params = params || {};

  if (!params.placeholder) {
    throw new Error('You must provide a placeholder value for a DateTypeahead.');
  }

  if (params.length !== undefined) {
    params.format = this._lengthToFormat(params.length);
  }

  if (!params.format) {
    throw new Error('You must provide a format value for a DateTypeahead.');
  }

  this.typeahead = new Typeahead(el, {
    placeholder: params.placeholder,
    format: params.format,
    matchPlaceholderSize: true,
    onChange: this._onTypeaheadChangeBound,
    onFocus: this._onTypeaheadFocusBound,
    onBlur: this._onTypeaheadBlurBound,
    onBackspace: this._onTypeaheadBackspaceBound,
    onEnd: this._onTypeaheadEndBound
  });

  // Ensure we have an ARIA label
  var input = el.querySelector('input');
  if (input && !input.getAttribute('aria-label')) {
    input.setAttribute('aria-label', this.type);
  }
},

_bindEventListenerCallbacks: function() {
  this._onTypeaheadChangeBound = this._onTypeaheadChange.bind(this);
  this._onTypeaheadFocusBound = this._onTypeaheadFocus.bind(this);
  this._onTypeaheadBlurBound = this._onTypeaheadBlur.bind(this);
  this._onTypeaheadBackspaceBound = this._onTypeaheadBackspace.bind(this);
  this._onTypeaheadEndBound = this._onTypeaheadEnd.bind(this);
},

_lengthToFormat: function(length) {

  var i = 0;
  var ret = '';

  for (; i < length; i++) {
    ret += '\\d';
  }

  return ret;
},

_checkValidity: function(val, allowEmpty) {

  val = parseInt(val, 10);

  var origVal = val;
  var isNumber = !isNaN(val);

  // If we were passed an empty string or something, don't try to validate.
  // Treat zeros as a non-entry for days and months.
  if (isNumber) {

    if (this.type === 'day') {
      val = val ? Math.min(Math.max(val, 1), 31) : (allowEmpty ? '' : 0);
    } else if (this.type === 'month') {
      val = val ? Math.min(Math.max(val, 1), 12) : (allowEmpty ? '' : 0);
    } else {
      val = val === 0 ? (allowEmpty ? '' : 0) : Math.max(val, 0);
    }
  }

  // Need to make sure we aren't looping forever on these updates.
  if (isNumber && val !== origVal) {
    this.typeahead.setValue(val + '');
    return false;
  }

  return true;
},

_onTypeaheadChange: function(val) {
  if (this._checkValidity(val)) {
    (this.onChange || noop)(val, this);
  }
},

_onTypeaheadFocus: function(val) {
  (this.onFocus || noop)(val, this);
},

_onTypeaheadBlur: function(val) {
  this._checkValidity(val, true);
  (this.onBlur || noop)(val, this);
},

_onTypeaheadBackspace: function(val) {
  (this.onBackspace || noop)(val, this);
},

_onTypeaheadEnd: function(typeahead, character) {
  (this.onEnd || noop)(this, character);
}
  };

  Base.exportjQuery(DateTypeahead, 'DateTypeahead');

  return DateTypeahead;
}));