diff --git a/.gitignore b/.gitignore
index 28792b8..1b05b70 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,3 @@
 node_modules
-lib
-dist
 npm-debug.log
 browserStack.json
\ No newline at end of file
diff --git a/.size-snapshot.json b/.size-snapshot.json
index 5025833..6ebf663 100644
--- a/.size-snapshot.json
+++ b/.size-snapshot.json
@@ -1,12 +1,12 @@
 {
   "dist/react-input-mask.js": {
-    "bundled": 38441,
-    "minified": 13753,
-    "gzipped": 4802
+    "bundled": 38349,
+    "minified": 13724,
+    "gzipped": 4785
   },
   "lib/react-input-mask.development.js": {
-    "bundled": 34262,
-    "minified": 14847,
-    "gzipped": 4678
+    "bundled": 34193,
+    "minified": 14785,
+    "gzipped": 4665
   }
 }
diff --git a/dist/react-input-mask.js b/dist/react-input-mask.js
new file mode 100644
index 0000000..2faf05f
--- /dev/null
+++ b/dist/react-input-mask.js
@@ -0,0 +1,1218 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
+  typeof define === 'function' && define.amd ? define(['react'], factory) :
+  (global.ReactInputMask = factory(global.React));
+}(this, (function (React) { 'use strict';
+
+  React = React && React.hasOwnProperty('default') ? React['default'] : React;
+
+  function _defaults2(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+
+    _defaults2(subClass, superClass);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  /**
+   * Copyright (c) 2013-present, Facebook, Inc.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+  var invariant = function (condition, format, a, b, c, d, e, f) {
+    {
+      if (format === undefined) {
+        throw new Error('invariant requires an error message argument');
+      }
+    }
+
+    if (!condition) {
+      var error;
+
+      if (format === undefined) {
+        error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+      } else {
+        var args = [a, b, c, d, e, f];
+        var argIndex = 0;
+        error = new Error(format.replace(/%s/g, function () {
+          return args[argIndex++];
+        }));
+        error.name = 'Invariant Violation';
+      }
+
+      error.framesToPop = 1; // we don't care about invariant's own frame
+
+      throw error;
+    }
+  };
+
+  var invariant_1 = invariant;
+
+  /**
+   * Copyright (c) 2014-present, Facebook, Inc.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+  var warning = function () {};
+
+  {
+    var printWarning = function printWarning(format, args) {
+      var len = arguments.length;
+      args = new Array(len > 2 ? len - 2 : 0);
+
+      for (var key = 2; key < len; key++) {
+        args[key - 2] = arguments[key];
+      }
+
+      var argIndex = 0;
+      var message = 'Warning: ' + format.replace(/%s/g, function () {
+        return args[argIndex++];
+      });
+
+      if (typeof console !== 'undefined') {
+        console.error(message);
+      }
+
+      try {
+        // --- Welcome to debugging React ---
+        // This error was thrown as a convenience so that you can use this stack
+        // to find the callsite that caused this warning to fire.
+        throw new Error(message);
+      } catch (x) {}
+    };
+
+    warning = function (condition, format, args) {
+      var len = arguments.length;
+      args = new Array(len > 2 ? len - 2 : 0);
+
+      for (var key = 2; key < len; key++) {
+        args[key - 2] = arguments[key];
+      }
+
+      if (format === undefined) {
+        throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
+      }
+
+      if (!condition) {
+        printWarning.apply(null, [format].concat(args));
+      }
+    };
+  }
+
+  var warning_1 = warning;
+
+  function setInputSelection(input, start, end) {
+    if ('selectionStart' in input && 'selectionEnd' in input) {
+      input.selectionStart = start;
+      input.selectionEnd = end;
+    } else {
+      var range = input.createTextRange();
+      range.collapse(true);
+      range.moveStart('character', start);
+      range.moveEnd('character', end - start);
+      range.select();
+    }
+  }
+  function getInputSelection(input) {
+    var start = 0;
+    var end = 0;
+
+    if ('selectionStart' in input && 'selectionEnd' in input) {
+      start = input.selectionStart;
+      end = input.selectionEnd;
+    } else {
+      var range = document.selection.createRange();
+
+      if (range.parentElement() === input) {
+        start = -range.moveStart('character', -input.value.length);
+        end = -range.moveEnd('character', -input.value.length);
+      }
+    }
+
+    return {
+      start: start,
+      end: end,
+      length: end - start
+    };
+  }
+
+  var defaultFormatChars = {
+    '9': '[0-9]',
+    'a': '[A-Za-z]',
+    '*': '[A-Za-z0-9]'
+  };
+  var defaultMaskChar = '_';
+
+  function parseMask (mask, maskChar, formatChars) {
+    var parsedMaskString = '';
+    var prefix = '';
+    var lastEditablePosition = null;
+    var permanents = [];
+
+    if (maskChar === undefined) {
+      maskChar = defaultMaskChar;
+    }
+
+    if (formatChars == null) {
+      formatChars = defaultFormatChars;
+    }
+
+    if (!mask || typeof mask !== 'string') {
+      return {
+        maskChar: maskChar,
+        formatChars: formatChars,
+        mask: null,
+        prefix: null,
+        lastEditablePosition: null,
+        permanents: []
+      };
+    }
+
+    var isPermanent = false;
+    mask.split('').forEach(function (character) {
+      if (!isPermanent && character === '\\') {
+        isPermanent = true;
+      } else {
+        if (isPermanent || !formatChars[character]) {
+          permanents.push(parsedMaskString.length);
+
+          if (parsedMaskString.length === permanents.length - 1) {
+            prefix += character;
+          }
+        } else {
+          lastEditablePosition = parsedMaskString.length + 1;
+        }
+
+        parsedMaskString += character;
+        isPermanent = false;
+      }
+    });
+    return {
+      maskChar: maskChar,
+      formatChars: formatChars,
+      prefix: prefix,
+      mask: parsedMaskString,
+      lastEditablePosition: lastEditablePosition,
+      permanents: permanents
+    };
+  }
+
+  /* eslint no-use-before-define: ["error", { functions: false }] */
+  function isPermanentCharacter(maskOptions, pos) {
+    return maskOptions.permanents.indexOf(pos) !== -1;
+  }
+  function isAllowedCharacter(maskOptions, pos, character) {
+    var mask = maskOptions.mask,
+        formatChars = maskOptions.formatChars;
+
+    if (!character) {
+      return false;
+    }
+
+    if (isPermanentCharacter(maskOptions, pos)) {
+      return mask[pos] === character;
+    }
+
+    var ruleChar = mask[pos];
+    var charRule = formatChars[ruleChar];
+    return new RegExp(charRule).test(character);
+  }
+  function isEmpty(maskOptions, value) {
+    return value.split('').every(function (character, i) {
+      return isPermanentCharacter(maskOptions, i) || !isAllowedCharacter(maskOptions, i, character);
+    });
+  }
+  function getFilledLength(maskOptions, value) {
+    var maskChar = maskOptions.maskChar,
+        prefix = maskOptions.prefix;
+
+    if (!maskChar) {
+      while (value.length > prefix.length && isPermanentCharacter(maskOptions, value.length - 1)) {
+        value = value.slice(0, value.length - 1);
+      }
+
+      return value.length;
+    }
+
+    var filledLength = prefix.length;
+
+    for (var i = value.length; i >= prefix.length; i--) {
+      var character = value[i];
+      var isEnteredCharacter = !isPermanentCharacter(maskOptions, i) && isAllowedCharacter(maskOptions, i, character);
+
+      if (isEnteredCharacter) {
+        filledLength = i + 1;
+        break;
+      }
+    }
+
+    return filledLength;
+  }
+  function isFilled(maskOptions, value) {
+    return getFilledLength(maskOptions, value) === maskOptions.mask.length;
+  }
+  function formatValue(maskOptions, value) {
+    var maskChar = maskOptions.maskChar,
+        mask = maskOptions.mask,
+        prefix = maskOptions.prefix;
+
+    if (!maskChar) {
+      value = insertString(maskOptions, '', value, 0);
+
+      if (value.length < prefix.length) {
+        value = prefix;
+      }
+
+      while (value.length < mask.length && isPermanentCharacter(maskOptions, value.length)) {
+        value += mask[value.length];
+      }
+
+      return value;
+    }
+
+    if (value) {
+      var emptyValue = formatValue(maskOptions, '');
+      return insertString(maskOptions, emptyValue, value, 0);
+    }
+
+    for (var i = 0; i < mask.length; i++) {
+      if (isPermanentCharacter(maskOptions, i)) {
+        value += mask[i];
+      } else {
+        value += maskChar;
+      }
+    }
+
+    return value;
+  }
+  function clearRange(maskOptions, value, start, len) {
+    var end = start + len;
+    var maskChar = maskOptions.maskChar,
+        mask = maskOptions.mask,
+        prefix = maskOptions.prefix;
+    var arrayValue = value.split('');
+
+    if (!maskChar) {
+      // remove any permanent chars after clear range, they will be added back by formatValue
+      for (var i = end; i < arrayValue.length; i++) {
+        if (isPermanentCharacter(maskOptions, i)) {
+          arrayValue[i] = '';
+        }
+      }
+
+      start = Math.max(prefix.length, start);
+      arrayValue.splice(start, end - start);
+      value = arrayValue.join('');
+      return formatValue(maskOptions, value);
+    }
+
+    return arrayValue.map(function (character, i) {
+      if (i < start || i >= end) {
+        return character;
+      }
+
+      if (isPermanentCharacter(maskOptions, i)) {
+        return mask[i];
+      }
+
+      return maskChar;
+    }).join('');
+  }
+  function insertString(maskOptions, value, insertStr, insertPosition) {
+    var mask = maskOptions.mask,
+        maskChar = maskOptions.maskChar,
+        prefix = maskOptions.prefix;
+    var arrayInsertStr = insertStr.split('');
+    var isInputFilled = isFilled(maskOptions, value);
+
+    var isUsablePosition = function isUsablePosition(pos, character) {
+      return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
+    };
+
+    var isUsableCharacter = function isUsableCharacter(character, pos) {
+      return !maskChar || !isPermanentCharacter(maskOptions, pos) || character !== maskChar;
+    };
+
+    if (!maskChar && insertPosition > value.length) {
+      value += mask.slice(value.length, insertPosition);
+    }
+
+    arrayInsertStr.every(function (insertCharacter) {
+      while (!isUsablePosition(insertPosition, insertCharacter)) {
+        if (insertPosition >= value.length) {
+          value += mask[insertPosition];
+        }
+
+        if (!isUsableCharacter(insertCharacter, insertPosition)) {
+          return true;
+        }
+
+        insertPosition++; // stop iteration if maximum value length reached
+
+        if (insertPosition >= mask.length) {
+          return false;
+        }
+      }
+
+      var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
+
+      if (!isAllowed) {
+        return true;
+      }
+
+      if (insertPosition < value.length) {
+        if (maskChar || isInputFilled || insertPosition < prefix.length) {
+          value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition + 1);
+        } else {
+          value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition);
+          value = formatValue(maskOptions, value);
+        }
+      } else if (!maskChar) {
+        value += insertCharacter;
+      }
+
+      insertPosition++; // stop iteration if maximum value length reached
+
+      return insertPosition < mask.length;
+    });
+    return value;
+  }
+  function getInsertStringLength(maskOptions, value, insertStr, insertPosition) {
+    var mask = maskOptions.mask,
+        maskChar = maskOptions.maskChar;
+    var arrayInsertStr = insertStr.split('');
+    var initialInsertPosition = insertPosition;
+
+    var isUsablePosition = function isUsablePosition(pos, character) {
+      return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
+    };
+
+    arrayInsertStr.every(function (insertCharacter) {
+      while (!isUsablePosition(insertPosition, insertCharacter)) {
+        insertPosition++; // stop iteration if maximum value length reached
+
+        if (insertPosition >= mask.length) {
+          return false;
+        }
+      }
+
+      var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
+
+      if (isAllowed) {
+        insertPosition++;
+      } // stop iteration if maximum value length reached
+
+
+      return insertPosition < mask.length;
+    });
+    return insertPosition - initialInsertPosition;
+  }
+  function getLeftEditablePosition(maskOptions, pos) {
+    for (var i = pos; i >= 0; --i) {
+      if (!isPermanentCharacter(maskOptions, i)) {
+        return i;
+      }
+    }
+
+    return null;
+  }
+  function getRightEditablePosition(maskOptions, pos) {
+    var mask = maskOptions.mask;
+
+    for (var i = pos; i < mask.length; ++i) {
+      if (!isPermanentCharacter(maskOptions, i)) {
+        return i;
+      }
+    }
+
+    return null;
+  }
+  function getStringValue(value) {
+    return !value && value !== 0 ? '' : value + '';
+  }
+
+  function processChange(maskOptions, value, selection, previousValue, previousSelection) {
+    var mask = maskOptions.mask,
+        prefix = maskOptions.prefix,
+        lastEditablePosition = maskOptions.lastEditablePosition;
+    var newValue = value;
+    var enteredString = '';
+    var formattedEnteredStringLength = 0;
+    var removedLength = 0;
+    var cursorPosition = Math.min(previousSelection.start, selection.start);
+
+    if (selection.end > previousSelection.start) {
+      enteredString = newValue.slice(previousSelection.start, selection.end);
+      formattedEnteredStringLength = getInsertStringLength(maskOptions, previousValue, enteredString, cursorPosition);
+
+      if (!formattedEnteredStringLength) {
+        removedLength = 0;
+      } else {
+        removedLength = previousSelection.length;
+      }
+    } else if (newValue.length < previousValue.length) {
+      removedLength = previousValue.length - newValue.length;
+    }
+
+    newValue = previousValue;
+
+    if (removedLength) {
+      if (removedLength === 1 && !previousSelection.length) {
+        var deleteFromRight = previousSelection.start === selection.start;
+        cursorPosition = deleteFromRight ? getRightEditablePosition(maskOptions, selection.start) : getLeftEditablePosition(maskOptions, selection.start);
+      }
+
+      newValue = clearRange(maskOptions, newValue, cursorPosition, removedLength);
+    }
+
+    newValue = insertString(maskOptions, newValue, enteredString, cursorPosition);
+    cursorPosition = cursorPosition + formattedEnteredStringLength;
+
+    if (cursorPosition >= mask.length) {
+      cursorPosition = mask.length;
+    } else if (cursorPosition < prefix.length && !formattedEnteredStringLength) {
+      cursorPosition = prefix.length;
+    } else if (cursorPosition >= prefix.length && cursorPosition < lastEditablePosition && formattedEnteredStringLength) {
+      cursorPosition = getRightEditablePosition(maskOptions, cursorPosition);
+    }
+
+    newValue = formatValue(maskOptions, newValue);
+
+    if (!enteredString) {
+      enteredString = null;
+    }
+
+    return {
+      value: newValue,
+      enteredString: enteredString,
+      selection: {
+        start: cursorPosition,
+        end: cursorPosition
+      }
+    };
+  }
+
+  function isWindowsPhoneBrowser() {
+    var windows = new RegExp('windows', 'i');
+    var phone = new RegExp('phone', 'i');
+    var ua = navigator.userAgent;
+    return windows.test(ua) && phone.test(ua);
+  }
+
+  function isFunction(value) {
+    return typeof value === 'function';
+  }
+
+  function getRequestAnimationFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
+  }
+
+  function getCancelAnimationFrame() {
+    return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame;
+  }
+
+  function defer(fn) {
+    var hasCancelAnimationFrame = !!getCancelAnimationFrame();
+    var deferFn;
+
+    if (hasCancelAnimationFrame) {
+      deferFn = getRequestAnimationFrame();
+    } else {
+      deferFn = function deferFn() {
+        return setTimeout(fn, 1000 / 60);
+      };
+    }
+
+    return deferFn(fn);
+  }
+  function cancelDefer(deferId) {
+    var cancelFn = getCancelAnimationFrame() || clearTimeout;
+    cancelFn(deferId);
+  }
+
+  var InputElement =
+  /*#__PURE__*/
+  function (_React$Component) {
+    _inheritsLoose(InputElement, _React$Component);
+
+    function InputElement(props) {
+      var _this;
+
+      _this = _React$Component.call(this, props) || this;
+      _this.focused = false;
+      _this.mounted = false;
+      _this.previousSelection = null;
+      _this.selectionDeferId = null;
+      _this.saveSelectionLoopDeferId = null;
+
+      _this.saveSelectionLoop = function () {
+        _this.previousSelection = _this.getSelection();
+        _this.saveSelectionLoopDeferId = defer(_this.saveSelectionLoop);
+      };
+
+      _this.runSaveSelectionLoop = function () {
+        if (_this.saveSelectionLoopDeferId === null) {
+          _this.saveSelectionLoop();
+        }
+      };
+
+      _this.stopSaveSelectionLoop = function () {
+        if (_this.saveSelectionLoopDeferId !== null) {
+          cancelDefer(_this.saveSelectionLoopDeferId);
+          _this.saveSelectionLoopDeferId = null;
+          _this.previousSelection = null;
+        }
+      };
+
+      _this.getInputDOMNode = function () {
+        if (!_this.mounted) {
+          return null;
+        }
+
+        var input = document.getElementsByName(_this.props.name)[0];
+        var isDOMNode = typeof window !== 'undefined' && input instanceof window.Element; // workaround for react-test-renderer
+        // https://github.com/sanniassin/react-input-mask/issues/147
+
+        if (input && !isDOMNode) {
+          return null;
+        }
+
+        if (input.nodeName !== 'INPUT') {
+          input = input.querySelector('input');
+        }
+
+        if (!input) {
+          throw new Error('react-input-mask: inputComponent doesn\'t contain input node');
+        }
+
+        return input;
+      };
+
+      _this.getInputValue = function () {
+        var input = _this.getInputDOMNode();
+
+        if (!input) {
+          return null;
+        }
+
+        return input.value;
+      };
+
+      _this.setInputValue = function (value) {
+        var input = _this.getInputDOMNode();
+
+        if (!input) {
+          return;
+        }
+
+        _this.value = value;
+        input.value = value;
+      };
+
+      _this.setCursorToEnd = function () {
+        var filledLength = getFilledLength(_this.maskOptions, _this.value);
+        var pos = getRightEditablePosition(_this.maskOptions, filledLength);
+
+        if (pos !== null) {
+          _this.setCursorPosition(pos);
+        }
+      };
+
+      _this.setSelection = function (start, end, options) {
+        if (options === void 0) {
+          options = {};
+        }
+
+        var input = _this.getInputDOMNode();
+
+        var isFocused = _this.isFocused(); // don't change selection on unfocused input
+        // because Safari sets focus on selection change (#154)
+
+
+        if (!input || !isFocused) {
+          return;
+        }
+
+        var _options = options,
+            deferred = _options.deferred;
+
+        if (!deferred) {
+          setInputSelection(input, start, end);
+        }
+
+        if (_this.selectionDeferId !== null) {
+          cancelDefer(_this.selectionDeferId);
+        } // deferred selection update is required for pre-Lollipop Android browser,
+        // but for consistent behavior we do it for all browsers
+
+
+        _this.selectionDeferId = defer(function () {
+          _this.selectionDeferId = null;
+          setInputSelection(input, start, end);
+        });
+        _this.previousSelection = {
+          start: start,
+          end: end,
+          length: Math.abs(end - start)
+        };
+      };
+
+      _this.getSelection = function () {
+        var input = _this.getInputDOMNode();
+
+        return getInputSelection(input);
+      };
+
+      _this.getCursorPosition = function () {
+        return _this.getSelection().start;
+      };
+
+      _this.setCursorPosition = function (pos) {
+        _this.setSelection(pos, pos);
+      };
+
+      _this.isFocused = function () {
+        return _this.focused;
+      };
+
+      _this.getBeforeMaskedValueChangeConfig = function () {
+        var _this$maskOptions = _this.maskOptions,
+            mask = _this$maskOptions.mask,
+            maskChar = _this$maskOptions.maskChar,
+            permanents = _this$maskOptions.permanents,
+            formatChars = _this$maskOptions.formatChars;
+        var alwaysShowMask = _this.props.alwaysShowMask;
+        return {
+          mask: mask,
+          maskChar: maskChar,
+          permanents: permanents,
+          alwaysShowMask: !!alwaysShowMask,
+          formatChars: formatChars
+        };
+      };
+
+      _this.isInputAutofilled = function (value, selection, previousValue, previousSelection) {
+        var input = _this.getInputDOMNode(); // only check for positive match because it will be false negative
+        // in case of autofill simulation in tests
+        //
+        // input.matches throws an exception if selector isn't supported
+
+
+        try {
+          if (input.matches(':-webkit-autofill')) {
+            return true;
+          }
+        } catch (e) {} // if input isn't focused then change event must have been triggered
+        // either by autofill or event simulation in tests
+
+
+        if (!_this.focused) {
+          return true;
+        } // if cursor has moved to the end while previousSelection forbids it
+        // then it must be autofill
+
+
+        return previousSelection.end < previousValue.length && selection.end === value.length;
+      };
+
+      _this.onChange = function (event) {
+        var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),
+            beforePasteState = _assertThisInitialize.beforePasteState;
+
+        var _assertThisInitialize2 = _assertThisInitialized(_assertThisInitialized(_this)),
+            previousSelection = _assertThisInitialize2.previousSelection;
+
+        var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+
+        var value = _this.getInputValue();
+
+        var previousValue = _this.value;
+
+        var selection = _this.getSelection(); // autofill replaces entire value, ignore old one
+        // https://github.com/sanniassin/react-input-mask/issues/113
+
+
+        if (_this.isInputAutofilled(value, selection, previousValue, previousSelection)) {
+          previousValue = formatValue(_this.maskOptions, '');
+          previousSelection = {
+            start: 0,
+            end: 0,
+            length: 0
+          };
+        } // set value and selection as if we haven't
+        // cleared input in onPaste handler
+
+
+        if (beforePasteState) {
+          previousSelection = beforePasteState.selection;
+          previousValue = beforePasteState.value;
+          selection = {
+            start: previousSelection.start + value.length,
+            end: previousSelection.start + value.length,
+            length: 0
+          };
+          value = previousValue.slice(0, previousSelection.start) + value + previousValue.slice(previousSelection.end);
+          _this.beforePasteState = null;
+        }
+
+        var changedState = processChange(_this.maskOptions, value, selection, previousValue, previousSelection);
+        var enteredString = changedState.enteredString;
+        var newSelection = changedState.selection;
+        var newValue = changedState.value;
+
+        if (isFunction(beforeMaskedValueChange)) {
+          var modifiedValue = beforeMaskedValueChange({
+            value: newValue,
+            selection: newSelection
+          }, {
+            value: previousValue,
+            selection: previousSelection
+          }, enteredString, _this.getBeforeMaskedValueChangeConfig());
+          newValue = modifiedValue.value;
+          newSelection = modifiedValue.selection;
+        }
+
+        _this.setInputValue(newValue);
+
+        if (isFunction(_this.props.onChange)) {
+          _this.props.onChange(event);
+        }
+
+        if (_this.isWindowsPhoneBrowser) {
+          _this.setSelection(newSelection.start, newSelection.end, {
+            deferred: true
+          });
+        } else {
+          _this.setSelection(newSelection.start, newSelection.end);
+        }
+      };
+
+      _this.onFocus = function (event) {
+        var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+        var _this$maskOptions2 = _this.maskOptions,
+            mask = _this$maskOptions2.mask,
+            prefix = _this$maskOptions2.prefix;
+        _this.focused = true; // if autoFocus is set, onFocus triggers before componentDidMount
+
+        _this.mounted = true;
+
+        if (mask) {
+          if (!_this.value) {
+            var emptyValue = formatValue(_this.maskOptions, prefix);
+            var newValue = formatValue(_this.maskOptions, emptyValue);
+            var filledLength = getFilledLength(_this.maskOptions, newValue);
+            var cursorPosition = getRightEditablePosition(_this.maskOptions, filledLength);
+            var newSelection = {
+              start: cursorPosition,
+              end: cursorPosition
+            };
+
+            if (isFunction(beforeMaskedValueChange)) {
+              var modifiedValue = beforeMaskedValueChange({
+                value: newValue,
+                selection: newSelection
+              }, {
+                value: _this.value,
+                selection: null
+              }, null, _this.getBeforeMaskedValueChangeConfig());
+              newValue = modifiedValue.value;
+              newSelection = modifiedValue.selection;
+            }
+
+            var isInputValueChanged = newValue !== _this.getInputValue();
+
+            if (isInputValueChanged) {
+              _this.setInputValue(newValue);
+            }
+
+            if (isInputValueChanged && isFunction(_this.props.onChange)) {
+              _this.props.onChange(event);
+            }
+
+            _this.setSelection(newSelection.start, newSelection.end);
+          } else if (getFilledLength(_this.maskOptions, _this.value) < _this.maskOptions.mask.length) {
+            _this.setCursorToEnd();
+          }
+
+          _this.runSaveSelectionLoop();
+        }
+
+        if (isFunction(_this.props.onFocus)) {
+          _this.props.onFocus(event);
+        }
+      };
+
+      _this.onBlur = function (event) {
+        var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+        var mask = _this.maskOptions.mask;
+
+        _this.stopSaveSelectionLoop();
+
+        _this.focused = false;
+
+        if (mask && !_this.props.alwaysShowMask && isEmpty(_this.maskOptions, _this.value)) {
+          var newValue = '';
+
+          if (isFunction(beforeMaskedValueChange)) {
+            var modifiedValue = beforeMaskedValueChange({
+              value: newValue,
+              selection: null
+            }, {
+              value: _this.value,
+              selection: _this.previousSelection
+            }, null, _this.getBeforeMaskedValueChangeConfig());
+            newValue = modifiedValue.value;
+          }
+
+          var isInputValueChanged = newValue !== _this.getInputValue();
+
+          if (isInputValueChanged) {
+            _this.setInputValue(newValue);
+          }
+
+          if (isInputValueChanged && isFunction(_this.props.onChange)) {
+            _this.props.onChange(event);
+          }
+        }
+
+        if (isFunction(_this.props.onBlur)) {
+          _this.props.onBlur(event);
+        }
+      };
+
+      _this.onMouseDown = function (event) {
+        // tiny unintentional mouse movements can break cursor
+        // position on focus, so we have to restore it in that case
+        //
+        // https://github.com/sanniassin/react-input-mask/issues/108
+        if (!_this.focused && document.addEventListener) {
+          _this.mouseDownX = event.clientX;
+          _this.mouseDownY = event.clientY;
+          _this.mouseDownTime = new Date().getTime();
+
+          var mouseUpHandler = function mouseUpHandler(mouseUpEvent) {
+            document.removeEventListener('mouseup', mouseUpHandler);
+
+            if (!_this.focused) {
+              return;
+            }
+
+            var deltaX = Math.abs(mouseUpEvent.clientX - _this.mouseDownX);
+            var deltaY = Math.abs(mouseUpEvent.clientY - _this.mouseDownY);
+            var axisDelta = Math.max(deltaX, deltaY);
+
+            var timeDelta = new Date().getTime() - _this.mouseDownTime;
+
+            if (axisDelta <= 10 && timeDelta <= 200 || axisDelta <= 5 && timeDelta <= 300) {
+              _this.setCursorToEnd();
+            }
+          };
+
+          document.addEventListener('mouseup', mouseUpHandler);
+        }
+
+        if (isFunction(_this.props.onMouseDown)) {
+          _this.props.onMouseDown(event);
+        }
+      };
+
+      _this.onPaste = function (event) {
+        if (isFunction(_this.props.onPaste)) {
+          _this.props.onPaste(event);
+        } // event.clipboardData might not work in Android browser
+        // cleaning input to get raw text inside onChange handler
+
+
+        if (!event.defaultPrevented) {
+          _this.beforePasteState = {
+            value: _this.getInputValue(),
+            selection: _this.getSelection()
+          };
+
+          _this.setInputValue('');
+        }
+      };
+
+      _this.handleRef = function (ref) {
+        if (_this.props.children == null && isFunction(_this.props.inputRef)) {
+          _this.props.inputRef(ref);
+        }
+      };
+
+      var _mask = props.mask,
+          _maskChar = props.maskChar,
+          _formatChars = props.formatChars,
+          _alwaysShowMask = props.alwaysShowMask,
+          _beforeMaskedValueChange = props.beforeMaskedValueChange;
+      var defaultValue = props.defaultValue,
+          _value = props.value;
+      _this.maskOptions = parseMask(_mask, _maskChar, _formatChars);
+
+      if (defaultValue == null) {
+        defaultValue = '';
+      }
+
+      if (_value == null) {
+        _value = defaultValue;
+      }
+
+      var _newValue = getStringValue(_value);
+
+      if (_this.maskOptions.mask && (_alwaysShowMask || _newValue)) {
+        _newValue = formatValue(_this.maskOptions, _newValue);
+
+        if (isFunction(_beforeMaskedValueChange)) {
+          var oldValue = props.value;
+
+          if (props.value == null) {
+            oldValue = defaultValue;
+          }
+
+          oldValue = getStringValue(oldValue);
+
+          var modifiedValue = _beforeMaskedValueChange({
+            value: _newValue,
+            selection: null
+          }, {
+            value: oldValue,
+            selection: null
+          }, null, _this.getBeforeMaskedValueChangeConfig());
+
+          _newValue = modifiedValue.value;
+        }
+      }
+
+      _this.value = _newValue;
+      return _this;
+    }
+
+    var _proto = InputElement.prototype;
+
+    _proto.componentDidMount = function componentDidMount() {
+      this.mounted = true; // workaround for react-test-renderer
+      // https://github.com/sanniassin/react-input-mask/issues/147
+
+      if (!this.getInputDOMNode()) {
+        return;
+      }
+
+      this.isWindowsPhoneBrowser = isWindowsPhoneBrowser();
+
+      if (this.maskOptions.mask && this.getInputValue() !== this.value) {
+        this.setInputValue(this.value);
+      }
+    };
+
+    _proto.componentDidUpdate = function componentDidUpdate() {
+      var previousSelection = this.previousSelection;
+      var _this$props = this.props,
+          beforeMaskedValueChange = _this$props.beforeMaskedValueChange,
+          alwaysShowMask = _this$props.alwaysShowMask,
+          mask = _this$props.mask,
+          maskChar = _this$props.maskChar,
+          formatChars = _this$props.formatChars;
+      var previousMaskOptions = this.maskOptions;
+      var showEmpty = alwaysShowMask || this.isFocused();
+      var hasValue = this.props.value != null;
+      var newValue = hasValue ? getStringValue(this.props.value) : this.value;
+      var cursorPosition = previousSelection ? previousSelection.start : null;
+      this.maskOptions = parseMask(mask, maskChar, formatChars);
+
+      if (!this.maskOptions.mask) {
+        if (previousMaskOptions.mask) {
+          this.stopSaveSelectionLoop(); // render depends on this.maskOptions and this.value,
+          // call forceUpdate to keep it in sync
+
+          this.forceUpdate();
+        }
+
+        return;
+      } else if (!previousMaskOptions.mask && this.isFocused()) {
+        this.runSaveSelectionLoop();
+      }
+
+      var isMaskChanged = this.maskOptions.mask && this.maskOptions.mask !== previousMaskOptions.mask;
+
+      if (!previousMaskOptions.mask && !hasValue) {
+        newValue = this.getInputValue();
+      }
+
+      if (isMaskChanged || this.maskOptions.mask && (newValue || showEmpty)) {
+        newValue = formatValue(this.maskOptions, newValue);
+      }
+
+      if (isMaskChanged) {
+        var filledLength = getFilledLength(this.maskOptions, newValue);
+
+        if (cursorPosition === null || filledLength < cursorPosition) {
+          if (isFilled(this.maskOptions, newValue)) {
+            cursorPosition = filledLength;
+          } else {
+            cursorPosition = getRightEditablePosition(this.maskOptions, filledLength);
+          }
+        }
+      }
+
+      if (this.maskOptions.mask && isEmpty(this.maskOptions, newValue) && !showEmpty && (!hasValue || !this.props.value)) {
+        newValue = '';
+      }
+
+      var newSelection = {
+        start: cursorPosition,
+        end: cursorPosition
+      };
+
+      if (isFunction(beforeMaskedValueChange)) {
+        var modifiedValue = beforeMaskedValueChange({
+          value: newValue,
+          selection: newSelection
+        }, {
+          value: this.value,
+          selection: this.previousSelection
+        }, null, this.getBeforeMaskedValueChangeConfig());
+        newValue = modifiedValue.value;
+        newSelection = modifiedValue.selection;
+      }
+
+      this.value = newValue;
+      var isValueChanged = this.getInputValue() !== this.value; // render depends on this.maskOptions and this.value,
+      // call forceUpdate to keep it in sync
+
+      if (isValueChanged) {
+        this.setInputValue(this.value);
+        this.forceUpdate();
+      } else if (isMaskChanged) {
+        this.forceUpdate();
+      }
+
+      var isSelectionChanged = false;
+
+      if (newSelection.start != null && newSelection.end != null) {
+        isSelectionChanged = !previousSelection || previousSelection.start !== newSelection.start || previousSelection.end !== newSelection.end;
+      }
+
+      if (isSelectionChanged || isValueChanged) {
+        this.setSelection(newSelection.start, newSelection.end);
+      }
+    };
+
+    _proto.componentWillUnmount = function componentWillUnmount() {
+      this.mounted = false;
+
+      if (this.selectionDeferId !== null) {
+        cancelDefer(this.selectionDeferId);
+      }
+
+      this.stopSaveSelectionLoop();
+    };
+
+    _proto.render = function render() {
+      var _this$props2 = this.props,
+          mask = _this$props2.mask,
+          alwaysShowMask = _this$props2.alwaysShowMask,
+          maskChar = _this$props2.maskChar,
+          formatChars = _this$props2.formatChars,
+          inputRef = _this$props2.inputRef,
+          beforeMaskedValueChange = _this$props2.beforeMaskedValueChange,
+          children = _this$props2.children,
+          restProps = _objectWithoutPropertiesLoose(_this$props2, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
+
+      var inputElement;
+      warning_1( // parse mask to test against actual mask prop as this.maskOptions
+      // will be updated later in componentDidUpdate
+      !restProps.maxLength || !parseMask(mask, maskChar, formatChars).mask, 'react-input-mask: maxLength property shouldn\'t be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length.');
+
+      if (children) {
+        !isFunction(children) ? invariant_1(false, 'react-input-mask: children must be a function') : void 0;
+        var controlledProps = ['onChange', 'onPaste', 'onMouseDown', 'onFocus', 'onBlur', 'value', 'disabled', 'readOnly'];
+
+        var childrenProps = _extends({}, restProps);
+
+        controlledProps.forEach(function (propId) {
+          return delete childrenProps[propId];
+        });
+        inputElement = children(childrenProps);
+        var conflictProps = controlledProps.filter(function (propId) {
+          return inputElement.props[propId] != null && inputElement.props[propId] !== restProps[propId];
+        });
+        !!conflictProps.length ? invariant_1(false, "react-input-mask: the following props should be passed to the react-input-mask's component and should not be altered in children's function: " + conflictProps.join(', ')) : void 0;
+        warning_1(!inputRef, 'react-input-mask: inputRef is ignored when children is passed, attach ref to the children instead');
+      } else {
+        inputElement = React.createElement("input", _extends({
+          ref: this.handleRef
+        }, restProps));
+      }
+
+      var changedProps = {
+        onFocus: this.onFocus,
+        onBlur: this.onBlur
+      };
+
+      if (this.maskOptions.mask) {
+        if (!restProps.disabled && !restProps.readOnly) {
+          changedProps.onChange = this.onChange;
+          changedProps.onPaste = this.onPaste;
+          changedProps.onMouseDown = this.onMouseDown;
+        }
+
+        if (restProps.value != null) {
+          changedProps.value = this.value;
+        }
+      }
+
+      inputElement = React.cloneElement(inputElement, changedProps);
+      return inputElement;
+    };
+
+    return InputElement;
+  }(React.Component);
+
+  return InputElement;
+
+})));
diff --git a/dist/react-input-mask.min.js b/dist/react-input-mask.min.js
new file mode 100644
index 0000000..136d46c
--- /dev/null
+++ b/dist/react-input-mask.min.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):e.ReactInputMask=n(e.React)}(this,function(l){"use strict";function u(){return(u=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function t(e,n){e.prototype=Object.create(n.prototype),function s(e,n){for(var t=Object.getOwnPropertyNames(n),o=0;o<t.length;o++){var a=t[o],r=Object.getOwnPropertyDescriptor(n,a);r&&r.configurable&&e[a]===undefined&&Object.defineProperty(e,a,r)}return e}(e.prototype.constructor=e,n)}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}l=l&&l.hasOwnProperty("default")?l["default"]:l;var f=function(e,n,t,o,a,r,s,i){if(!e){var l;if(n===undefined)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[t,o,a,r,s,i],c=0;(l=new Error(n.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation"}throw l.framesToPop=1,l}};function d(e,n,t){if("selectionStart"in e&&"selectionEnd"in e)e.selectionStart=n,e.selectionEnd=t;else{var o=e.createTextRange();o.collapse(!0),o.moveStart("character",n),o.moveEnd("character",t-n),o.select()}}var c={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},p="_";function k(e,n,t){var o="",a="",r=null,s=[];if(n===undefined&&(n=p),null==t&&(t=c),!e||"string"!=typeof e)return{maskChar:n,formatChars:t,mask:null,prefix:null,lastEditablePosition:null,permanents:[]};var i=!1;return e.split("").forEach(function(e){i=!i&&"\\"===e||(i||!t[e]?(s.push(o.length),o.length===s.length-1&&(a+=e)):r=o.length+1,o+=e,!1)}),{maskChar:n,formatChars:t,prefix:a,mask:o,lastEditablePosition:r,permanents:s}}function v(e,n){return-1!==e.permanents.indexOf(n)}function g(e,n,t){var o=e.mask,a=e.formatChars;if(!t)return!1;if(v(e,n))return o[n]===t;var r=a[o[n]];return new RegExp(r).test(t)}function w(t,e){return e.split("").every(function(e,n){return v(t,n)||!g(t,n,e)})}function C(e,n){var t=e.maskChar,o=e.prefix;if(!t){for(;n.length>o.length&&v(e,n.length-1);)n=n.slice(0,n.length-1);return n.length}for(var a=o.length,r=n.length;r>=o.length;r--){var s=n[r];if(!v(e,r)&&g(e,r,s)){a=r+1;break}}return a}function S(e,n){return C(e,n)===e.mask.length}function O(e,n){var t=e.maskChar,o=e.mask,a=e.prefix;if(!t){for((n=M(e,"",n,0)).length<a.length&&(n=a);n.length<o.length&&v(e,n.length);)n+=o[n.length];return n}if(n)return M(e,O(e,""),n,0);for(var r=0;r<o.length;r++)v(e,r)?n+=o[r]:n+=t;return n}function M(r,s,e,i){var l=r.mask,u=r.maskChar,c=r.prefix,n=e.split(""),f=S(r,s);return!u&&i>s.length&&(s+=l.slice(s.length,i)),n.every(function(e){for(;a=e,v(r,o=i)&&a!==l[o];){if(i>=s.length&&(s+=l[i]),n=e,t=i,u&&v(r,t)&&n===u)return!0;if(++i>=l.length)return!1}var n,t,o,a;return!g(r,i,e)&&e!==u||(i<s.length?s=u||f||i<c.length?s.slice(0,i)+e+s.slice(i+1):(s=s.slice(0,i)+e+s.slice(i),O(r,s)):u||(s+=e),++i<l.length)}),s}function I(e,n){for(var t=e.mask,o=n;o<t.length;++o)if(!v(e,o))return o;return null}function D(e){return e||0===e?e+"":""}function m(e,n,t,o,a){var r=e.mask,s=e.prefix,i=e.lastEditablePosition,l=n,u="",c=0,f=0,p=Math.min(a.start,t.start);if(t.end>a.start?f=(c=function h(o,e,n,a){var r=o.mask,s=o.maskChar,t=n.split(""),i=a;return t.every(function(e){for(;t=e,v(o,n=a)&&t!==r[n];)if(++a>=r.length)return!1;var n,t;return(g(o,a,e)||e===s)&&a++,a<r.length}),a-i}(e,0,u=l.slice(a.start,t.end),p))?a.length:0:l.length<o.length&&(f=o.length-l.length),l=o,f){if(1===f&&!a.length)p=a.start===t.start?I(e,t.start):function d(e,n){for(var t=n;0<=t;--t)if(!v(e,t))return t;return null}(e,t.start);l=function m(t,e,o,n){var a=o+n,r=t.maskChar,s=t.mask,i=t.prefix,l=e.split("");if(r)return l.map(function(e,n){return n<o||a<=n?e:v(t,n)?s[n]:r}).join("");for(var u=a;u<l.length;u++)v(t,u)&&(l[u]="");return o=Math.max(i.length,o),l.splice(o,a-o),e=l.join(""),O(t,e)}(e,l,p,f)}return l=M(e,l,u,p),(p+=c)>=r.length?p=r.length:p<s.length&&!c?p=s.length:p>=s.length&&p<i&&c&&(p=I(e,p)),u||(u=null),{value:l=O(e,l),enteredString:u,selection:{start:p,end:p}}}function b(e){return"function"==typeof e}function o(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame}function y(e){return(!!o()?function n(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame}():function(){return setTimeout(e,1e3/60)})(e)}function V(e){(o()||clearTimeout)(e)}return function(c){function e(e){var p=c.call(this,e)||this;p.focused=!1,p.mounted=!1,p.previousSelection=null,p.selectionDeferId=null,p.saveSelectionLoopDeferId=null,p.saveSelectionLoop=function(){p.previousSelection=p.getSelection(),p.saveSelectionLoopDeferId=y(p.saveSelectionLoop)},p.runSaveSelectionLoop=function(){null===p.saveSelectionLoopDeferId&&p.saveSelectionLoop()},p.stopSaveSelectionLoop=function(){null!==p.saveSelectionLoopDeferId&&(V(p.saveSelectionLoopDeferId),p.saveSelectionLoopDeferId=null,p.previousSelection=null)},p.getInputDOMNode=function(){if(!p.mounted)return null;var e=document.getElementsByName(p.props.name)[0],n="undefined"!=typeof window&&e instanceof window.Element;if(e&&!n)return null;if("INPUT"!==e.nodeName&&(e=e.querySelector("input")),!e)throw new Error("react-input-mask: inputComponent doesn't contain input node");return e},p.getInputValue=function(){var e=p.getInputDOMNode();return e?e.value:null},p.setInputValue=function(e){var n=p.getInputDOMNode();n&&(p.value=e,n.value=e)},p.setCursorToEnd=function(){var e=C(p.maskOptions,p.value),n=I(p.maskOptions,e);null!==n&&p.setCursorPosition(n)},p.setSelection=function(e,n,t){void 0===t&&(t={});var o=p.getInputDOMNode(),a=p.isFocused();o&&a&&(t.deferred||d(o,e,n),null!==p.selectionDeferId&&V(p.selectionDeferId),p.selectionDeferId=y(function(){p.selectionDeferId=null,d(o,e,n)}),p.previousSelection={start:e,end:n,length:Math.abs(n-e)})},p.getSelection=function(){return function a(e){var n=0,t=0;if("selectionStart"in e&&"selectionEnd"in e)n=e.selectionStart,t=e.selectionEnd;else{var o=document.selection.createRange();o.parentElement()===e&&(n=-o.moveStart("character",-e.value.length),t=-o.moveEnd("character",-e.value.length))}return{start:n,end:t,length:t-n}}(p.getInputDOMNode())},p.getCursorPosition=function(){return p.getSelection().start},p.setCursorPosition=function(e){p.setSelection(e,e)},p.isFocused=function(){return p.focused},p.getBeforeMaskedValueChangeConfig=function(){var e=p.maskOptions,n=e.mask,t=e.maskChar,o=e.permanents,a=e.formatChars;return{mask:n,maskChar:t,permanents:o,alwaysShowMask:!!p.props.alwaysShowMask,formatChars:a}},p.isInputAutofilled=function(e,n,t,o){var a=p.getInputDOMNode();try{if(a.matches(":-webkit-autofill"))return!0}catch(r){}return!p.focused||o.end<t.length&&n.end===e.length},p.onChange=function(e){var n=h(h(p)).beforePasteState,t=h(h(p)).previousSelection,o=p.props.beforeMaskedValueChange,a=p.getInputValue(),r=p.value,s=p.getSelection();p.isInputAutofilled(a,s,r,t)&&(r=O(p.maskOptions,""),t={start:0,end:0,length:0}),n&&(t=n.selection,r=n.value,s={start:t.start+a.length,end:t.start+a.length,length:0},a=r.slice(0,t.start)+a+r.slice(t.end),p.beforePasteState=null);var i=m(p.maskOptions,a,s,r,t),l=i.enteredString,u=i.selection,c=i.value;if(b(o)){var f=o({value:c,selection:u},{value:r,selection:t},l,p.getBeforeMaskedValueChangeConfig());c=f.value,u=f.selection}p.setInputValue(c),b(p.props.onChange)&&p.props.onChange(e),p.isWindowsPhoneBrowser?p.setSelection(u.start,u.end,{deferred:!0}):p.setSelection(u.start,u.end)},p.onFocus=function(e){var n=p.props.beforeMaskedValueChange,t=p.maskOptions,o=t.mask,a=t.prefix;if(p.focused=!0,p.mounted=!0,o){if(p.value)C(p.maskOptions,p.value)<p.maskOptions.mask.length&&p.setCursorToEnd();else{var r=O(p.maskOptions,a),s=O(p.maskOptions,r),i=C(p.maskOptions,s),l=I(p.maskOptions,i),u={start:l,end:l};if(b(n)){var c=n({value:s,selection:u},{value:p.value,selection:null},null,p.getBeforeMaskedValueChangeConfig());s=c.value,u=c.selection}var f=s!==p.getInputValue();f&&p.setInputValue(s),f&&b(p.props.onChange)&&p.props.onChange(e),p.setSelection(u.start,u.end)}p.runSaveSelectionLoop()}b(p.props.onFocus)&&p.props.onFocus(e)},p.onBlur=function(e){var n=p.props.beforeMaskedValueChange,t=p.maskOptions.mask;if(p.stopSaveSelectionLoop(),p.focused=!1,t&&!p.props.alwaysShowMask&&w(p.maskOptions,p.value)){var o="";if(b(n))o=n({value:o,selection:null},{value:p.value,selection:p.previousSelection},null,p.getBeforeMaskedValueChangeConfig()).value;var a=o!==p.getInputValue();a&&p.setInputValue(o),a&&b(p.props.onChange)&&p.props.onChange(e)}b(p.props.onBlur)&&p.props.onBlur(e)},p.onMouseDown=function(e){if(!p.focused&&document.addEventListener){p.mouseDownX=e.clientX,p.mouseDownY=e.clientY,p.mouseDownTime=(new Date).getTime();var r=function r(e){if(document.removeEventListener("mouseup",r),p.focused){var n=Math.abs(e.clientX-p.mouseDownX),t=Math.abs(e.clientY-p.mouseDownY),o=Math.max(n,t),a=(new Date).getTime()-p.mouseDownTime;(o<=10&&a<=200||o<=5&&a<=300)&&p.setCursorToEnd()}};document.addEventListener("mouseup",r)}b(p.props.onMouseDown)&&p.props.onMouseDown(e)},p.onPaste=function(e){b(p.props.onPaste)&&p.props.onPaste(e),e.defaultPrevented||(p.beforePasteState={value:p.getInputValue(),selection:p.getSelection()},p.setInputValue(""))},p.handleRef=function(e){null==p.props.children&&b(p.props.inputRef)&&p.props.inputRef(e)};var n=e.mask,t=e.maskChar,o=e.formatChars,a=e.alwaysShowMask,r=e.beforeMaskedValueChange,s=e.defaultValue,i=e.value;p.maskOptions=k(n,t,o),null==s&&(s=""),null==i&&(i=s);var l=D(i);if(p.maskOptions.mask&&(a||l)&&(l=O(p.maskOptions,l),b(r))){var u=e.value;null==e.value&&(u=s),l=r({value:l,selection:null},{value:u=D(u),selection:null},null,p.getBeforeMaskedValueChangeConfig()).value}return p.value=l,p}t(e,c);var n=e.prototype;return n.componentDidMount=function(){this.mounted=!0,this.getInputDOMNode()&&(this.isWindowsPhoneBrowser=function o(){var e=new RegExp("windows","i"),n=new RegExp("phone","i"),t=navigator.userAgent;return e.test(t)&&n.test(t)}(),this.maskOptions.mask&&this.getInputValue()!==this.value&&this.setInputValue(this.value))},n.componentDidUpdate=function(){var e=this.previousSelection,n=this.props,t=n.beforeMaskedValueChange,o=n.alwaysShowMask,a=n.mask,r=n.maskChar,s=n.formatChars,i=this.maskOptions,l=o||this.isFocused(),u=null!=this.props.value,c=u?D(this.props.value):this.value,f=e?e.start:null;if(this.maskOptions=k(a,r,s),this.maskOptions.mask){!i.mask&&this.isFocused()&&this.runSaveSelectionLoop();var p=this.maskOptions.mask&&this.maskOptions.mask!==i.mask;if(i.mask||u||(c=this.getInputValue()),(p||this.maskOptions.mask&&(c||l))&&(c=O(this.maskOptions,c)),p){var h=C(this.maskOptions,c);(null===f||h<f)&&(f=S(this.maskOptions,c)?h:I(this.maskOptions,h))}!this.maskOptions.mask||!w(this.maskOptions,c)||l||u&&this.props.value||(c="");var d={start:f,end:f};if(b(t)){var m=t({value:c,selection:d},{value:this.value,selection:this.previousSelection},null,this.getBeforeMaskedValueChangeConfig());c=m.value,d=m.selection}this.value=c;var v=this.getInputValue()!==this.value;v?(this.setInputValue(this.value),this.forceUpdate()):p&&this.forceUpdate();var g=!1;null!=d.start&&null!=d.end&&(g=!e||e.start!==d.start||e.end!==d.end),(g||v)&&this.setSelection(d.start,d.end)}else i.mask&&(this.stopSaveSelectionLoop(),this.forceUpdate())},n.componentWillUnmount=function(){this.mounted=!1,null!==this.selectionDeferId&&V(this.selectionDeferId),this.stopSaveSelectionLoop()},n.render=function(){var n,e=this.props,t=(e.mask,e.alwaysShowMask,e.maskChar,e.formatChars,e.inputRef,e.beforeMaskedValueChange,e.children),o=function i(e,n){if(null==e)return{};var t,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],0<=n.indexOf(t)||(a[t]=e[t]);return a}(e,["mask","alwaysShowMask","maskChar","formatChars","inputRef","beforeMaskedValueChange","children"]);if(t){b(t)||f(!1);var a=["onChange","onPaste","onMouseDown","onFocus","onBlur","value","disabled","readOnly"],r=u({},o);a.forEach(function(e){return delete r[e]}),n=t(r),a.filter(function(e){return null!=n.props[e]&&n.props[e]!==o[e]}).length&&f(!1)}else n=l.createElement("input",u({ref:this.handleRef},o));var s={onFocus:this.onFocus,onBlur:this.onBlur};return this.maskOptions.mask&&(o.disabled||o.readOnly||(s.onChange=this.onChange,s.onPaste=this.onPaste,s.onMouseDown=this.onMouseDown),null!=o.value&&(s.value=this.value)),n=l.cloneElement(n,s)},e}(l.Component)});
diff --git a/lib/react-input-mask.development.js b/lib/react-input-mask.development.js
new file mode 100644
index 0000000..7db0e1a
--- /dev/null
+++ b/lib/react-input-mask.development.js
@@ -0,0 +1,1125 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = _interopDefault(require('react'));
+var invariant = _interopDefault(require('invariant'));
+var warning = _interopDefault(require('warning'));
+
+function _defaults2(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _defaults2(subClass, superClass);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function setInputSelection(input, start, end) {
+  if ('selectionStart' in input && 'selectionEnd' in input) {
+    input.selectionStart = start;
+    input.selectionEnd = end;
+  } else {
+    var range = input.createTextRange();
+    range.collapse(true);
+    range.moveStart('character', start);
+    range.moveEnd('character', end - start);
+    range.select();
+  }
+}
+function getInputSelection(input) {
+  var start = 0;
+  var end = 0;
+
+  if ('selectionStart' in input && 'selectionEnd' in input) {
+    start = input.selectionStart;
+    end = input.selectionEnd;
+  } else {
+    var range = document.selection.createRange();
+
+    if (range.parentElement() === input) {
+      start = -range.moveStart('character', -input.value.length);
+      end = -range.moveEnd('character', -input.value.length);
+    }
+  }
+
+  return {
+    start: start,
+    end: end,
+    length: end - start
+  };
+}
+
+var defaultFormatChars = {
+  '9': '[0-9]',
+  'a': '[A-Za-z]',
+  '*': '[A-Za-z0-9]'
+};
+var defaultMaskChar = '_';
+
+function parseMask (mask, maskChar, formatChars) {
+  var parsedMaskString = '';
+  var prefix = '';
+  var lastEditablePosition = null;
+  var permanents = [];
+
+  if (maskChar === undefined) {
+    maskChar = defaultMaskChar;
+  }
+
+  if (formatChars == null) {
+    formatChars = defaultFormatChars;
+  }
+
+  if (!mask || typeof mask !== 'string') {
+    return {
+      maskChar: maskChar,
+      formatChars: formatChars,
+      mask: null,
+      prefix: null,
+      lastEditablePosition: null,
+      permanents: []
+    };
+  }
+
+  var isPermanent = false;
+  mask.split('').forEach(function (character) {
+    if (!isPermanent && character === '\\') {
+      isPermanent = true;
+    } else {
+      if (isPermanent || !formatChars[character]) {
+        permanents.push(parsedMaskString.length);
+
+        if (parsedMaskString.length === permanents.length - 1) {
+          prefix += character;
+        }
+      } else {
+        lastEditablePosition = parsedMaskString.length + 1;
+      }
+
+      parsedMaskString += character;
+      isPermanent = false;
+    }
+  });
+  return {
+    maskChar: maskChar,
+    formatChars: formatChars,
+    prefix: prefix,
+    mask: parsedMaskString,
+    lastEditablePosition: lastEditablePosition,
+    permanents: permanents
+  };
+}
+
+/* eslint no-use-before-define: ["error", { functions: false }] */
+function isPermanentCharacter(maskOptions, pos) {
+  return maskOptions.permanents.indexOf(pos) !== -1;
+}
+function isAllowedCharacter(maskOptions, pos, character) {
+  var mask = maskOptions.mask,
+      formatChars = maskOptions.formatChars;
+
+  if (!character) {
+    return false;
+  }
+
+  if (isPermanentCharacter(maskOptions, pos)) {
+    return mask[pos] === character;
+  }
+
+  var ruleChar = mask[pos];
+  var charRule = formatChars[ruleChar];
+  return new RegExp(charRule).test(character);
+}
+function isEmpty(maskOptions, value) {
+  return value.split('').every(function (character, i) {
+    return isPermanentCharacter(maskOptions, i) || !isAllowedCharacter(maskOptions, i, character);
+  });
+}
+function getFilledLength(maskOptions, value) {
+  var maskChar = maskOptions.maskChar,
+      prefix = maskOptions.prefix;
+
+  if (!maskChar) {
+    while (value.length > prefix.length && isPermanentCharacter(maskOptions, value.length - 1)) {
+      value = value.slice(0, value.length - 1);
+    }
+
+    return value.length;
+  }
+
+  var filledLength = prefix.length;
+
+  for (var i = value.length; i >= prefix.length; i--) {
+    var character = value[i];
+    var isEnteredCharacter = !isPermanentCharacter(maskOptions, i) && isAllowedCharacter(maskOptions, i, character);
+
+    if (isEnteredCharacter) {
+      filledLength = i + 1;
+      break;
+    }
+  }
+
+  return filledLength;
+}
+function isFilled(maskOptions, value) {
+  return getFilledLength(maskOptions, value) === maskOptions.mask.length;
+}
+function formatValue(maskOptions, value) {
+  var maskChar = maskOptions.maskChar,
+      mask = maskOptions.mask,
+      prefix = maskOptions.prefix;
+
+  if (!maskChar) {
+    value = insertString(maskOptions, '', value, 0);
+
+    if (value.length < prefix.length) {
+      value = prefix;
+    }
+
+    while (value.length < mask.length && isPermanentCharacter(maskOptions, value.length)) {
+      value += mask[value.length];
+    }
+
+    return value;
+  }
+
+  if (value) {
+    var emptyValue = formatValue(maskOptions, '');
+    return insertString(maskOptions, emptyValue, value, 0);
+  }
+
+  for (var i = 0; i < mask.length; i++) {
+    if (isPermanentCharacter(maskOptions, i)) {
+      value += mask[i];
+    } else {
+      value += maskChar;
+    }
+  }
+
+  return value;
+}
+function clearRange(maskOptions, value, start, len) {
+  var end = start + len;
+  var maskChar = maskOptions.maskChar,
+      mask = maskOptions.mask,
+      prefix = maskOptions.prefix;
+  var arrayValue = value.split('');
+
+  if (!maskChar) {
+    // remove any permanent chars after clear range, they will be added back by formatValue
+    for (var i = end; i < arrayValue.length; i++) {
+      if (isPermanentCharacter(maskOptions, i)) {
+        arrayValue[i] = '';
+      }
+    }
+
+    start = Math.max(prefix.length, start);
+    arrayValue.splice(start, end - start);
+    value = arrayValue.join('');
+    return formatValue(maskOptions, value);
+  }
+
+  return arrayValue.map(function (character, i) {
+    if (i < start || i >= end) {
+      return character;
+    }
+
+    if (isPermanentCharacter(maskOptions, i)) {
+      return mask[i];
+    }
+
+    return maskChar;
+  }).join('');
+}
+function insertString(maskOptions, value, insertStr, insertPosition) {
+  var mask = maskOptions.mask,
+      maskChar = maskOptions.maskChar,
+      prefix = maskOptions.prefix;
+  var arrayInsertStr = insertStr.split('');
+  var isInputFilled = isFilled(maskOptions, value);
+
+  var isUsablePosition = function isUsablePosition(pos, character) {
+    return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
+  };
+
+  var isUsableCharacter = function isUsableCharacter(character, pos) {
+    return !maskChar || !isPermanentCharacter(maskOptions, pos) || character !== maskChar;
+  };
+
+  if (!maskChar && insertPosition > value.length) {
+    value += mask.slice(value.length, insertPosition);
+  }
+
+  arrayInsertStr.every(function (insertCharacter) {
+    while (!isUsablePosition(insertPosition, insertCharacter)) {
+      if (insertPosition >= value.length) {
+        value += mask[insertPosition];
+      }
+
+      if (!isUsableCharacter(insertCharacter, insertPosition)) {
+        return true;
+      }
+
+      insertPosition++; // stop iteration if maximum value length reached
+
+      if (insertPosition >= mask.length) {
+        return false;
+      }
+    }
+
+    var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
+
+    if (!isAllowed) {
+      return true;
+    }
+
+    if (insertPosition < value.length) {
+      if (maskChar || isInputFilled || insertPosition < prefix.length) {
+        value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition + 1);
+      } else {
+        value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition);
+        value = formatValue(maskOptions, value);
+      }
+    } else if (!maskChar) {
+      value += insertCharacter;
+    }
+
+    insertPosition++; // stop iteration if maximum value length reached
+
+    return insertPosition < mask.length;
+  });
+  return value;
+}
+function getInsertStringLength(maskOptions, value, insertStr, insertPosition) {
+  var mask = maskOptions.mask,
+      maskChar = maskOptions.maskChar;
+  var arrayInsertStr = insertStr.split('');
+  var initialInsertPosition = insertPosition;
+
+  var isUsablePosition = function isUsablePosition(pos, character) {
+    return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
+  };
+
+  arrayInsertStr.every(function (insertCharacter) {
+    while (!isUsablePosition(insertPosition, insertCharacter)) {
+      insertPosition++; // stop iteration if maximum value length reached
+
+      if (insertPosition >= mask.length) {
+        return false;
+      }
+    }
+
+    var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
+
+    if (isAllowed) {
+      insertPosition++;
+    } // stop iteration if maximum value length reached
+
+
+    return insertPosition < mask.length;
+  });
+  return insertPosition - initialInsertPosition;
+}
+function getLeftEditablePosition(maskOptions, pos) {
+  for (var i = pos; i >= 0; --i) {
+    if (!isPermanentCharacter(maskOptions, i)) {
+      return i;
+    }
+  }
+
+  return null;
+}
+function getRightEditablePosition(maskOptions, pos) {
+  var mask = maskOptions.mask;
+
+  for (var i = pos; i < mask.length; ++i) {
+    if (!isPermanentCharacter(maskOptions, i)) {
+      return i;
+    }
+  }
+
+  return null;
+}
+function getStringValue(value) {
+  return !value && value !== 0 ? '' : value + '';
+}
+
+function processChange(maskOptions, value, selection, previousValue, previousSelection) {
+  var mask = maskOptions.mask,
+      prefix = maskOptions.prefix,
+      lastEditablePosition = maskOptions.lastEditablePosition;
+  var newValue = value;
+  var enteredString = '';
+  var formattedEnteredStringLength = 0;
+  var removedLength = 0;
+  var cursorPosition = Math.min(previousSelection.start, selection.start);
+
+  if (selection.end > previousSelection.start) {
+    enteredString = newValue.slice(previousSelection.start, selection.end);
+    formattedEnteredStringLength = getInsertStringLength(maskOptions, previousValue, enteredString, cursorPosition);
+
+    if (!formattedEnteredStringLength) {
+      removedLength = 0;
+    } else {
+      removedLength = previousSelection.length;
+    }
+  } else if (newValue.length < previousValue.length) {
+    removedLength = previousValue.length - newValue.length;
+  }
+
+  newValue = previousValue;
+
+  if (removedLength) {
+    if (removedLength === 1 && !previousSelection.length) {
+      var deleteFromRight = previousSelection.start === selection.start;
+      cursorPosition = deleteFromRight ? getRightEditablePosition(maskOptions, selection.start) : getLeftEditablePosition(maskOptions, selection.start);
+    }
+
+    newValue = clearRange(maskOptions, newValue, cursorPosition, removedLength);
+  }
+
+  newValue = insertString(maskOptions, newValue, enteredString, cursorPosition);
+  cursorPosition = cursorPosition + formattedEnteredStringLength;
+
+  if (cursorPosition >= mask.length) {
+    cursorPosition = mask.length;
+  } else if (cursorPosition < prefix.length && !formattedEnteredStringLength) {
+    cursorPosition = prefix.length;
+  } else if (cursorPosition >= prefix.length && cursorPosition < lastEditablePosition && formattedEnteredStringLength) {
+    cursorPosition = getRightEditablePosition(maskOptions, cursorPosition);
+  }
+
+  newValue = formatValue(maskOptions, newValue);
+
+  if (!enteredString) {
+    enteredString = null;
+  }
+
+  return {
+    value: newValue,
+    enteredString: enteredString,
+    selection: {
+      start: cursorPosition,
+      end: cursorPosition
+    }
+  };
+}
+
+function isWindowsPhoneBrowser() {
+  var windows = new RegExp('windows', 'i');
+  var phone = new RegExp('phone', 'i');
+  var ua = navigator.userAgent;
+  return windows.test(ua) && phone.test(ua);
+}
+
+function isFunction(value) {
+  return typeof value === 'function';
+}
+
+function getRequestAnimationFrame() {
+  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
+}
+
+function getCancelAnimationFrame() {
+  return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame;
+}
+
+function defer(fn) {
+  var hasCancelAnimationFrame = !!getCancelAnimationFrame();
+  var deferFn;
+
+  if (hasCancelAnimationFrame) {
+    deferFn = getRequestAnimationFrame();
+  } else {
+    deferFn = function deferFn() {
+      return setTimeout(fn, 1000 / 60);
+    };
+  }
+
+  return deferFn(fn);
+}
+function cancelDefer(deferId) {
+  var cancelFn = getCancelAnimationFrame() || clearTimeout;
+  cancelFn(deferId);
+}
+
+var InputElement =
+/*#__PURE__*/
+function (_React$Component) {
+  _inheritsLoose(InputElement, _React$Component);
+
+  function InputElement(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.focused = false;
+    _this.mounted = false;
+    _this.previousSelection = null;
+    _this.selectionDeferId = null;
+    _this.saveSelectionLoopDeferId = null;
+
+    _this.saveSelectionLoop = function () {
+      _this.previousSelection = _this.getSelection();
+      _this.saveSelectionLoopDeferId = defer(_this.saveSelectionLoop);
+    };
+
+    _this.runSaveSelectionLoop = function () {
+      if (_this.saveSelectionLoopDeferId === null) {
+        _this.saveSelectionLoop();
+      }
+    };
+
+    _this.stopSaveSelectionLoop = function () {
+      if (_this.saveSelectionLoopDeferId !== null) {
+        cancelDefer(_this.saveSelectionLoopDeferId);
+        _this.saveSelectionLoopDeferId = null;
+        _this.previousSelection = null;
+      }
+    };
+
+    _this.getInputDOMNode = function () {
+      if (!_this.mounted) {
+        return null;
+      }
+
+      var input = document.getElementsByName(_this.props.name)[0];
+      var isDOMNode = typeof window !== 'undefined' && input instanceof window.Element; // workaround for react-test-renderer
+      // https://github.com/sanniassin/react-input-mask/issues/147
+
+      if (input && !isDOMNode) {
+        return null;
+      }
+
+      if (input.nodeName !== 'INPUT') {
+        input = input.querySelector('input');
+      }
+
+      if (!input) {
+        throw new Error('react-input-mask: inputComponent doesn\'t contain input node');
+      }
+
+      return input;
+    };
+
+    _this.getInputValue = function () {
+      var input = _this.getInputDOMNode();
+
+      if (!input) {
+        return null;
+      }
+
+      return input.value;
+    };
+
+    _this.setInputValue = function (value) {
+      var input = _this.getInputDOMNode();
+
+      if (!input) {
+        return;
+      }
+
+      _this.value = value;
+      input.value = value;
+    };
+
+    _this.setCursorToEnd = function () {
+      var filledLength = getFilledLength(_this.maskOptions, _this.value);
+      var pos = getRightEditablePosition(_this.maskOptions, filledLength);
+
+      if (pos !== null) {
+        _this.setCursorPosition(pos);
+      }
+    };
+
+    _this.setSelection = function (start, end, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var input = _this.getInputDOMNode();
+
+      var isFocused = _this.isFocused(); // don't change selection on unfocused input
+      // because Safari sets focus on selection change (#154)
+
+
+      if (!input || !isFocused) {
+        return;
+      }
+
+      var _options = options,
+          deferred = _options.deferred;
+
+      if (!deferred) {
+        setInputSelection(input, start, end);
+      }
+
+      if (_this.selectionDeferId !== null) {
+        cancelDefer(_this.selectionDeferId);
+      } // deferred selection update is required for pre-Lollipop Android browser,
+      // but for consistent behavior we do it for all browsers
+
+
+      _this.selectionDeferId = defer(function () {
+        _this.selectionDeferId = null;
+        setInputSelection(input, start, end);
+      });
+      _this.previousSelection = {
+        start: start,
+        end: end,
+        length: Math.abs(end - start)
+      };
+    };
+
+    _this.getSelection = function () {
+      var input = _this.getInputDOMNode();
+
+      return getInputSelection(input);
+    };
+
+    _this.getCursorPosition = function () {
+      return _this.getSelection().start;
+    };
+
+    _this.setCursorPosition = function (pos) {
+      _this.setSelection(pos, pos);
+    };
+
+    _this.isFocused = function () {
+      return _this.focused;
+    };
+
+    _this.getBeforeMaskedValueChangeConfig = function () {
+      var _this$maskOptions = _this.maskOptions,
+          mask = _this$maskOptions.mask,
+          maskChar = _this$maskOptions.maskChar,
+          permanents = _this$maskOptions.permanents,
+          formatChars = _this$maskOptions.formatChars;
+      var alwaysShowMask = _this.props.alwaysShowMask;
+      return {
+        mask: mask,
+        maskChar: maskChar,
+        permanents: permanents,
+        alwaysShowMask: !!alwaysShowMask,
+        formatChars: formatChars
+      };
+    };
+
+    _this.isInputAutofilled = function (value, selection, previousValue, previousSelection) {
+      var input = _this.getInputDOMNode(); // only check for positive match because it will be false negative
+      // in case of autofill simulation in tests
+      //
+      // input.matches throws an exception if selector isn't supported
+
+
+      try {
+        if (input.matches(':-webkit-autofill')) {
+          return true;
+        }
+      } catch (e) {} // if input isn't focused then change event must have been triggered
+      // either by autofill or event simulation in tests
+
+
+      if (!_this.focused) {
+        return true;
+      } // if cursor has moved to the end while previousSelection forbids it
+      // then it must be autofill
+
+
+      return previousSelection.end < previousValue.length && selection.end === value.length;
+    };
+
+    _this.onChange = function (event) {
+      var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),
+          beforePasteState = _assertThisInitialize.beforePasteState;
+
+      var _assertThisInitialize2 = _assertThisInitialized(_assertThisInitialized(_this)),
+          previousSelection = _assertThisInitialize2.previousSelection;
+
+      var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+
+      var value = _this.getInputValue();
+
+      var previousValue = _this.value;
+
+      var selection = _this.getSelection(); // autofill replaces entire value, ignore old one
+      // https://github.com/sanniassin/react-input-mask/issues/113
+
+
+      if (_this.isInputAutofilled(value, selection, previousValue, previousSelection)) {
+        previousValue = formatValue(_this.maskOptions, '');
+        previousSelection = {
+          start: 0,
+          end: 0,
+          length: 0
+        };
+      } // set value and selection as if we haven't
+      // cleared input in onPaste handler
+
+
+      if (beforePasteState) {
+        previousSelection = beforePasteState.selection;
+        previousValue = beforePasteState.value;
+        selection = {
+          start: previousSelection.start + value.length,
+          end: previousSelection.start + value.length,
+          length: 0
+        };
+        value = previousValue.slice(0, previousSelection.start) + value + previousValue.slice(previousSelection.end);
+        _this.beforePasteState = null;
+      }
+
+      var changedState = processChange(_this.maskOptions, value, selection, previousValue, previousSelection);
+      var enteredString = changedState.enteredString;
+      var newSelection = changedState.selection;
+      var newValue = changedState.value;
+
+      if (isFunction(beforeMaskedValueChange)) {
+        var modifiedValue = beforeMaskedValueChange({
+          value: newValue,
+          selection: newSelection
+        }, {
+          value: previousValue,
+          selection: previousSelection
+        }, enteredString, _this.getBeforeMaskedValueChangeConfig());
+        newValue = modifiedValue.value;
+        newSelection = modifiedValue.selection;
+      }
+
+      _this.setInputValue(newValue);
+
+      if (isFunction(_this.props.onChange)) {
+        _this.props.onChange(event);
+      }
+
+      if (_this.isWindowsPhoneBrowser) {
+        _this.setSelection(newSelection.start, newSelection.end, {
+          deferred: true
+        });
+      } else {
+        _this.setSelection(newSelection.start, newSelection.end);
+      }
+    };
+
+    _this.onFocus = function (event) {
+      var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+      var _this$maskOptions2 = _this.maskOptions,
+          mask = _this$maskOptions2.mask,
+          prefix = _this$maskOptions2.prefix;
+      _this.focused = true; // if autoFocus is set, onFocus triggers before componentDidMount
+
+      _this.mounted = true;
+
+      if (mask) {
+        if (!_this.value) {
+          var emptyValue = formatValue(_this.maskOptions, prefix);
+          var newValue = formatValue(_this.maskOptions, emptyValue);
+          var filledLength = getFilledLength(_this.maskOptions, newValue);
+          var cursorPosition = getRightEditablePosition(_this.maskOptions, filledLength);
+          var newSelection = {
+            start: cursorPosition,
+            end: cursorPosition
+          };
+
+          if (isFunction(beforeMaskedValueChange)) {
+            var modifiedValue = beforeMaskedValueChange({
+              value: newValue,
+              selection: newSelection
+            }, {
+              value: _this.value,
+              selection: null
+            }, null, _this.getBeforeMaskedValueChangeConfig());
+            newValue = modifiedValue.value;
+            newSelection = modifiedValue.selection;
+          }
+
+          var isInputValueChanged = newValue !== _this.getInputValue();
+
+          if (isInputValueChanged) {
+            _this.setInputValue(newValue);
+          }
+
+          if (isInputValueChanged && isFunction(_this.props.onChange)) {
+            _this.props.onChange(event);
+          }
+
+          _this.setSelection(newSelection.start, newSelection.end);
+        } else if (getFilledLength(_this.maskOptions, _this.value) < _this.maskOptions.mask.length) {
+          _this.setCursorToEnd();
+        }
+
+        _this.runSaveSelectionLoop();
+      }
+
+      if (isFunction(_this.props.onFocus)) {
+        _this.props.onFocus(event);
+      }
+    };
+
+    _this.onBlur = function (event) {
+      var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+      var mask = _this.maskOptions.mask;
+
+      _this.stopSaveSelectionLoop();
+
+      _this.focused = false;
+
+      if (mask && !_this.props.alwaysShowMask && isEmpty(_this.maskOptions, _this.value)) {
+        var newValue = '';
+
+        if (isFunction(beforeMaskedValueChange)) {
+          var modifiedValue = beforeMaskedValueChange({
+            value: newValue,
+            selection: null
+          }, {
+            value: _this.value,
+            selection: _this.previousSelection
+          }, null, _this.getBeforeMaskedValueChangeConfig());
+          newValue = modifiedValue.value;
+        }
+
+        var isInputValueChanged = newValue !== _this.getInputValue();
+
+        if (isInputValueChanged) {
+          _this.setInputValue(newValue);
+        }
+
+        if (isInputValueChanged && isFunction(_this.props.onChange)) {
+          _this.props.onChange(event);
+        }
+      }
+
+      if (isFunction(_this.props.onBlur)) {
+        _this.props.onBlur(event);
+      }
+    };
+
+    _this.onMouseDown = function (event) {
+      // tiny unintentional mouse movements can break cursor
+      // position on focus, so we have to restore it in that case
+      //
+      // https://github.com/sanniassin/react-input-mask/issues/108
+      if (!_this.focused && document.addEventListener) {
+        _this.mouseDownX = event.clientX;
+        _this.mouseDownY = event.clientY;
+        _this.mouseDownTime = new Date().getTime();
+
+        var mouseUpHandler = function mouseUpHandler(mouseUpEvent) {
+          document.removeEventListener('mouseup', mouseUpHandler);
+
+          if (!_this.focused) {
+            return;
+          }
+
+          var deltaX = Math.abs(mouseUpEvent.clientX - _this.mouseDownX);
+          var deltaY = Math.abs(mouseUpEvent.clientY - _this.mouseDownY);
+          var axisDelta = Math.max(deltaX, deltaY);
+
+          var timeDelta = new Date().getTime() - _this.mouseDownTime;
+
+          if (axisDelta <= 10 && timeDelta <= 200 || axisDelta <= 5 && timeDelta <= 300) {
+            _this.setCursorToEnd();
+          }
+        };
+
+        document.addEventListener('mouseup', mouseUpHandler);
+      }
+
+      if (isFunction(_this.props.onMouseDown)) {
+        _this.props.onMouseDown(event);
+      }
+    };
+
+    _this.onPaste = function (event) {
+      if (isFunction(_this.props.onPaste)) {
+        _this.props.onPaste(event);
+      } // event.clipboardData might not work in Android browser
+      // cleaning input to get raw text inside onChange handler
+
+
+      if (!event.defaultPrevented) {
+        _this.beforePasteState = {
+          value: _this.getInputValue(),
+          selection: _this.getSelection()
+        };
+
+        _this.setInputValue('');
+      }
+    };
+
+    _this.handleRef = function (ref) {
+      if (_this.props.children == null && isFunction(_this.props.inputRef)) {
+        _this.props.inputRef(ref);
+      }
+    };
+
+    var _mask = props.mask,
+        _maskChar = props.maskChar,
+        _formatChars = props.formatChars,
+        _alwaysShowMask = props.alwaysShowMask,
+        _beforeMaskedValueChange = props.beforeMaskedValueChange;
+    var defaultValue = props.defaultValue,
+        _value = props.value;
+    _this.maskOptions = parseMask(_mask, _maskChar, _formatChars);
+
+    if (defaultValue == null) {
+      defaultValue = '';
+    }
+
+    if (_value == null) {
+      _value = defaultValue;
+    }
+
+    var _newValue = getStringValue(_value);
+
+    if (_this.maskOptions.mask && (_alwaysShowMask || _newValue)) {
+      _newValue = formatValue(_this.maskOptions, _newValue);
+
+      if (isFunction(_beforeMaskedValueChange)) {
+        var oldValue = props.value;
+
+        if (props.value == null) {
+          oldValue = defaultValue;
+        }
+
+        oldValue = getStringValue(oldValue);
+
+        var modifiedValue = _beforeMaskedValueChange({
+          value: _newValue,
+          selection: null
+        }, {
+          value: oldValue,
+          selection: null
+        }, null, _this.getBeforeMaskedValueChangeConfig());
+
+        _newValue = modifiedValue.value;
+      }
+    }
+
+    _this.value = _newValue;
+    return _this;
+  }
+
+  var _proto = InputElement.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.mounted = true; // workaround for react-test-renderer
+    // https://github.com/sanniassin/react-input-mask/issues/147
+
+    if (!this.getInputDOMNode()) {
+      return;
+    }
+
+    this.isWindowsPhoneBrowser = isWindowsPhoneBrowser();
+
+    if (this.maskOptions.mask && this.getInputValue() !== this.value) {
+      this.setInputValue(this.value);
+    }
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    var previousSelection = this.previousSelection;
+    var _this$props = this.props,
+        beforeMaskedValueChange = _this$props.beforeMaskedValueChange,
+        alwaysShowMask = _this$props.alwaysShowMask,
+        mask = _this$props.mask,
+        maskChar = _this$props.maskChar,
+        formatChars = _this$props.formatChars;
+    var previousMaskOptions = this.maskOptions;
+    var showEmpty = alwaysShowMask || this.isFocused();
+    var hasValue = this.props.value != null;
+    var newValue = hasValue ? getStringValue(this.props.value) : this.value;
+    var cursorPosition = previousSelection ? previousSelection.start : null;
+    this.maskOptions = parseMask(mask, maskChar, formatChars);
+
+    if (!this.maskOptions.mask) {
+      if (previousMaskOptions.mask) {
+        this.stopSaveSelectionLoop(); // render depends on this.maskOptions and this.value,
+        // call forceUpdate to keep it in sync
+
+        this.forceUpdate();
+      }
+
+      return;
+    } else if (!previousMaskOptions.mask && this.isFocused()) {
+      this.runSaveSelectionLoop();
+    }
+
+    var isMaskChanged = this.maskOptions.mask && this.maskOptions.mask !== previousMaskOptions.mask;
+
+    if (!previousMaskOptions.mask && !hasValue) {
+      newValue = this.getInputValue();
+    }
+
+    if (isMaskChanged || this.maskOptions.mask && (newValue || showEmpty)) {
+      newValue = formatValue(this.maskOptions, newValue);
+    }
+
+    if (isMaskChanged) {
+      var filledLength = getFilledLength(this.maskOptions, newValue);
+
+      if (cursorPosition === null || filledLength < cursorPosition) {
+        if (isFilled(this.maskOptions, newValue)) {
+          cursorPosition = filledLength;
+        } else {
+          cursorPosition = getRightEditablePosition(this.maskOptions, filledLength);
+        }
+      }
+    }
+
+    if (this.maskOptions.mask && isEmpty(this.maskOptions, newValue) && !showEmpty && (!hasValue || !this.props.value)) {
+      newValue = '';
+    }
+
+    var newSelection = {
+      start: cursorPosition,
+      end: cursorPosition
+    };
+
+    if (isFunction(beforeMaskedValueChange)) {
+      var modifiedValue = beforeMaskedValueChange({
+        value: newValue,
+        selection: newSelection
+      }, {
+        value: this.value,
+        selection: this.previousSelection
+      }, null, this.getBeforeMaskedValueChangeConfig());
+      newValue = modifiedValue.value;
+      newSelection = modifiedValue.selection;
+    }
+
+    this.value = newValue;
+    var isValueChanged = this.getInputValue() !== this.value; // render depends on this.maskOptions and this.value,
+    // call forceUpdate to keep it in sync
+
+    if (isValueChanged) {
+      this.setInputValue(this.value);
+      this.forceUpdate();
+    } else if (isMaskChanged) {
+      this.forceUpdate();
+    }
+
+    var isSelectionChanged = false;
+
+    if (newSelection.start != null && newSelection.end != null) {
+      isSelectionChanged = !previousSelection || previousSelection.start !== newSelection.start || previousSelection.end !== newSelection.end;
+    }
+
+    if (isSelectionChanged || isValueChanged) {
+      this.setSelection(newSelection.start, newSelection.end);
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.mounted = false;
+
+    if (this.selectionDeferId !== null) {
+      cancelDefer(this.selectionDeferId);
+    }
+
+    this.stopSaveSelectionLoop();
+  };
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        mask = _this$props2.mask,
+        alwaysShowMask = _this$props2.alwaysShowMask,
+        maskChar = _this$props2.maskChar,
+        formatChars = _this$props2.formatChars,
+        inputRef = _this$props2.inputRef,
+        beforeMaskedValueChange = _this$props2.beforeMaskedValueChange,
+        children = _this$props2.children,
+        restProps = _objectWithoutPropertiesLoose(_this$props2, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
+
+    var inputElement;
+    process.env.NODE_ENV !== "production" ? warning( // parse mask to test against actual mask prop as this.maskOptions
+    // will be updated later in componentDidUpdate
+    !restProps.maxLength || !parseMask(mask, maskChar, formatChars).mask, 'react-input-mask: maxLength property shouldn\'t be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length.') : void 0;
+
+    if (children) {
+      !isFunction(children) ? process.env.NODE_ENV !== "production" ? invariant(false, 'react-input-mask: children must be a function') : invariant(false) : void 0;
+      var controlledProps = ['onChange', 'onPaste', 'onMouseDown', 'onFocus', 'onBlur', 'value', 'disabled', 'readOnly'];
+
+      var childrenProps = _extends({}, restProps);
+
+      controlledProps.forEach(function (propId) {
+        return delete childrenProps[propId];
+      });
+      inputElement = children(childrenProps);
+      var conflictProps = controlledProps.filter(function (propId) {
+        return inputElement.props[propId] != null && inputElement.props[propId] !== restProps[propId];
+      });
+      !!conflictProps.length ? process.env.NODE_ENV !== "production" ? invariant(false, "react-input-mask: the following props should be passed to the react-input-mask's component and should not be altered in children's function: " + conflictProps.join(', ')) : invariant(false) : void 0;
+      process.env.NODE_ENV !== "production" ? warning(!inputRef, 'react-input-mask: inputRef is ignored when children is passed, attach ref to the children instead') : void 0;
+    } else {
+      inputElement = React.createElement("input", _extends({
+        ref: this.handleRef
+      }, restProps));
+    }
+
+    var changedProps = {
+      onFocus: this.onFocus,
+      onBlur: this.onBlur
+    };
+
+    if (this.maskOptions.mask) {
+      if (!restProps.disabled && !restProps.readOnly) {
+        changedProps.onChange = this.onChange;
+        changedProps.onPaste = this.onPaste;
+        changedProps.onMouseDown = this.onMouseDown;
+      }
+
+      if (restProps.value != null) {
+        changedProps.value = this.value;
+      }
+    }
+
+    inputElement = React.cloneElement(inputElement, changedProps);
+    return inputElement;
+  };
+
+  return InputElement;
+}(React.Component);
+
+module.exports = InputElement;
diff --git a/lib/react-input-mask.production.min.js b/lib/react-input-mask.production.min.js
new file mode 100644
index 0000000..ab07ee6
--- /dev/null
+++ b/lib/react-input-mask.production.min.js
@@ -0,0 +1 @@
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}var React=_interopDefault(require("react"));function _defaults2(e,t){for(var n=Object.getOwnPropertyNames(t),a=0;a<n.length;a++){var r=n[a],i=Object.getOwnPropertyDescriptor(t,r);i&&i.configurable&&e[r]===undefined&&Object.defineProperty(e,r,i)}return e}function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),_defaults2(e.prototype.constructor=e,t)}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var invariant=function(e,t,n,a,r,i,o,s){if(!e){var l;if(t===undefined)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,a,r,i,o,s],c=0;(l=new Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation"}throw l.framesToPop=1,l}},invariant_1=invariant;function setInputSelection(e,t,n){if("selectionStart"in e&&"selectionEnd"in e)e.selectionStart=t,e.selectionEnd=n;else{var a=e.createTextRange();a.collapse(!0),a.moveStart("character",t),a.moveEnd("character",n-t),a.select()}}function getInputSelection(e){var t=0,n=0;if("selectionStart"in e&&"selectionEnd"in e)t=e.selectionStart,n=e.selectionEnd;else{var a=document.selection.createRange();a.parentElement()===e&&(t=-a.moveStart("character",-e.value.length),n=-a.moveEnd("character",-e.value.length))}return{start:t,end:n,length:n-t}}var defaultFormatChars={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},defaultMaskChar="_";function parseMask(e,t,n){var a="",r="",i=null,o=[];if(t===undefined&&(t=defaultMaskChar),null==n&&(n=defaultFormatChars),!e||"string"!=typeof e)return{maskChar:t,formatChars:n,mask:null,prefix:null,lastEditablePosition:null,permanents:[]};var s=!1;return e.split("").forEach(function(e){s=!s&&"\\"===e||(s||!n[e]?(o.push(a.length),a.length===o.length-1&&(r+=e)):i=a.length+1,a+=e,!1)}),{maskChar:t,formatChars:n,prefix:r,mask:a,lastEditablePosition:i,permanents:o}}function isPermanentCharacter(e,t){return-1!==e.permanents.indexOf(t)}function isAllowedCharacter(e,t,n){var a=e.mask,r=e.formatChars;if(!n)return!1;if(isPermanentCharacter(e,t))return a[t]===n;var i=r[a[t]];return new RegExp(i).test(n)}function isEmpty(n,e){return e.split("").every(function(e,t){return isPermanentCharacter(n,t)||!isAllowedCharacter(n,t,e)})}function getFilledLength(e,t){var n=e.maskChar,a=e.prefix;if(!n){for(;t.length>a.length&&isPermanentCharacter(e,t.length-1);)t=t.slice(0,t.length-1);return t.length}for(var r=a.length,i=t.length;i>=a.length;i--){var o=t[i];if(!isPermanentCharacter(e,i)&&isAllowedCharacter(e,i,o)){r=i+1;break}}return r}function isFilled(e,t){return getFilledLength(e,t)===e.mask.length}function formatValue(e,t){var n=e.maskChar,a=e.mask,r=e.prefix;if(!n){for((t=insertString(e,"",t,0)).length<r.length&&(t=r);t.length<a.length&&isPermanentCharacter(e,t.length);)t+=a[t.length];return t}if(t)return insertString(e,formatValue(e,""),t,0);for(var i=0;i<a.length;i++)isPermanentCharacter(e,i)?t+=a[i]:t+=n;return t}function clearRange(n,e,a,t){var r=a+t,i=n.maskChar,o=n.mask,s=n.prefix,l=e.split("");if(i)return l.map(function(e,t){return t<a||r<=t?e:isPermanentCharacter(n,t)?o[t]:i}).join("");for(var u=r;u<l.length;u++)isPermanentCharacter(n,u)&&(l[u]="");return a=Math.max(s.length,a),l.splice(a,r-a),e=l.join(""),formatValue(n,e)}function insertString(i,o,e,s){var l=i.mask,u=i.maskChar,c=i.prefix,t=e.split(""),h=isFilled(i,o);return!u&&s>o.length&&(o+=l.slice(o.length,s)),t.every(function(e){for(;r=e,isPermanentCharacter(i,a=s)&&r!==l[a];){if(s>=o.length&&(o+=l[s]),t=e,n=s,u&&isPermanentCharacter(i,n)&&t===u)return!0;if(++s>=l.length)return!1}var t,n,a,r;return!isAllowedCharacter(i,s,e)&&e!==u||(s<o.length?o=u||h||s<c.length?o.slice(0,s)+e+o.slice(s+1):(o=o.slice(0,s)+e+o.slice(s),formatValue(i,o)):u||(o+=e),++s<l.length)}),o}function getInsertStringLength(a,e,t,r){var i=a.mask,o=a.maskChar,n=t.split(""),s=r;return n.every(function(e){for(;n=e,isPermanentCharacter(a,t=r)&&n!==i[t];)if(++r>=i.length)return!1;var t,n;return(isAllowedCharacter(a,r,e)||e===o)&&r++,r<i.length}),r-s}function getLeftEditablePosition(e,t){for(var n=t;0<=n;--n)if(!isPermanentCharacter(e,n))return n;return null}function getRightEditablePosition(e,t){for(var n=e.mask,a=t;a<n.length;++a)if(!isPermanentCharacter(e,a))return a;return null}function getStringValue(e){return e||0===e?e+"":""}function processChange(e,t,n,a,r){var i=e.mask,o=e.prefix,s=e.lastEditablePosition,l=t,u="",c=0,h=0,f=Math.min(r.start,n.start);if(n.end>r.start?h=(c=getInsertStringLength(e,a,u=l.slice(r.start,n.end),f))?r.length:0:l.length<a.length&&(h=a.length-l.length),l=a,h){if(1===h&&!r.length)f=r.start===n.start?getRightEditablePosition(e,n.start):getLeftEditablePosition(e,n.start);l=clearRange(e,l,f,h)}return l=insertString(e,l,u,f),(f+=c)>=i.length?f=i.length:f<o.length&&!c?f=o.length:f>=o.length&&f<s&&c&&(f=getRightEditablePosition(e,f)),u||(u=null),{value:l=formatValue(e,l),enteredString:u,selection:{start:f,end:f}}}function isWindowsPhoneBrowser(){var e=new RegExp("windows","i"),t=new RegExp("phone","i"),n=navigator.userAgent;return e.test(n)&&t.test(n)}function isFunction(e){return"function"==typeof e}function getRequestAnimationFrame(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame}function getCancelAnimationFrame(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame}function defer(e){return(!!getCancelAnimationFrame()?getRequestAnimationFrame():function(){return setTimeout(e,1e3/60)})(e)}function cancelDefer(e){(getCancelAnimationFrame()||clearTimeout)(e)}var InputElement=function(c){function e(e){var f=c.call(this,e)||this;f.focused=!1,f.mounted=!1,f.previousSelection=null,f.selectionDeferId=null,f.saveSelectionLoopDeferId=null,f.saveSelectionLoop=function(){f.previousSelection=f.getSelection(),f.saveSelectionLoopDeferId=defer(f.saveSelectionLoop)},f.runSaveSelectionLoop=function(){null===f.saveSelectionLoopDeferId&&f.saveSelectionLoop()},f.stopSaveSelectionLoop=function(){null!==f.saveSelectionLoopDeferId&&(cancelDefer(f.saveSelectionLoopDeferId),f.saveSelectionLoopDeferId=null,f.previousSelection=null)},f.getInputDOMNode=function(){if(!f.mounted)return null;var e=document.getElementsByName(f.props.name)[0],t="undefined"!=typeof window&&e instanceof window.Element;if(e&&!t)return null;if("INPUT"!==e.nodeName&&(e=e.querySelector("input")),!e)throw new Error("react-input-mask: inputComponent doesn't contain input node");return e},f.getInputValue=function(){var e=f.getInputDOMNode();return e?e.value:null},f.setInputValue=function(e){var t=f.getInputDOMNode();t&&(f.value=e,t.value=e)},f.setCursorToEnd=function(){var e=getFilledLength(f.maskOptions,f.value),t=getRightEditablePosition(f.maskOptions,e);null!==t&&f.setCursorPosition(t)},f.setSelection=function(e,t,n){void 0===n&&(n={});var a=f.getInputDOMNode(),r=f.isFocused();a&&r&&(n.deferred||setInputSelection(a,e,t),null!==f.selectionDeferId&&cancelDefer(f.selectionDeferId),f.selectionDeferId=defer(function(){f.selectionDeferId=null,setInputSelection(a,e,t)}),f.previousSelection={start:e,end:t,length:Math.abs(t-e)})},f.getSelection=function(){return getInputSelection(f.getInputDOMNode())},f.getCursorPosition=function(){return f.getSelection().start},f.setCursorPosition=function(e){f.setSelection(e,e)},f.isFocused=function(){return f.focused},f.getBeforeMaskedValueChangeConfig=function(){var e=f.maskOptions,t=e.mask,n=e.maskChar,a=e.permanents,r=e.formatChars;return{mask:t,maskChar:n,permanents:a,alwaysShowMask:!!f.props.alwaysShowMask,formatChars:r}},f.isInputAutofilled=function(e,t,n,a){var r=f.getInputDOMNode();try{if(r.matches(":-webkit-autofill"))return!0}catch(i){}return!f.focused||a.end<n.length&&t.end===e.length},f.onChange=function(e){var t=_assertThisInitialized(_assertThisInitialized(f)).beforePasteState,n=_assertThisInitialized(_assertThisInitialized(f)).previousSelection,a=f.props.beforeMaskedValueChange,r=f.getInputValue(),i=f.value,o=f.getSelection();f.isInputAutofilled(r,o,i,n)&&(i=formatValue(f.maskOptions,""),n={start:0,end:0,length:0}),t&&(n=t.selection,i=t.value,o={start:n.start+r.length,end:n.start+r.length,length:0},r=i.slice(0,n.start)+r+i.slice(n.end),f.beforePasteState=null);var s=processChange(f.maskOptions,r,o,i,n),l=s.enteredString,u=s.selection,c=s.value;if(isFunction(a)){var h=a({value:c,selection:u},{value:i,selection:n},l,f.getBeforeMaskedValueChangeConfig());c=h.value,u=h.selection}f.setInputValue(c),isFunction(f.props.onChange)&&f.props.onChange(e),f.isWindowsPhoneBrowser?f.setSelection(u.start,u.end,{deferred:!0}):f.setSelection(u.start,u.end)},f.onFocus=function(e){var t=f.props.beforeMaskedValueChange,n=f.maskOptions,a=n.mask,r=n.prefix;if(f.focused=!0,f.mounted=!0,a){if(f.value)getFilledLength(f.maskOptions,f.value)<f.maskOptions.mask.length&&f.setCursorToEnd();else{var i=formatValue(f.maskOptions,r),o=formatValue(f.maskOptions,i),s=getFilledLength(f.maskOptions,o),l=getRightEditablePosition(f.maskOptions,s),u={start:l,end:l};if(isFunction(t)){var c=t({value:o,selection:u},{value:f.value,selection:null},null,f.getBeforeMaskedValueChangeConfig());o=c.value,u=c.selection}var h=o!==f.getInputValue();h&&f.setInputValue(o),h&&isFunction(f.props.onChange)&&f.props.onChange(e),f.setSelection(u.start,u.end)}f.runSaveSelectionLoop()}isFunction(f.props.onFocus)&&f.props.onFocus(e)},f.onBlur=function(e){var t=f.props.beforeMaskedValueChange,n=f.maskOptions.mask;if(f.stopSaveSelectionLoop(),f.focused=!1,n&&!f.props.alwaysShowMask&&isEmpty(f.maskOptions,f.value)){var a="";if(isFunction(t))a=t({value:a,selection:null},{value:f.value,selection:f.previousSelection},null,f.getBeforeMaskedValueChangeConfig()).value;var r=a!==f.getInputValue();r&&f.setInputValue(a),r&&isFunction(f.props.onChange)&&f.props.onChange(e)}isFunction(f.props.onBlur)&&f.props.onBlur(e)},f.onMouseDown=function(e){if(!f.focused&&document.addEventListener){f.mouseDownX=e.clientX,f.mouseDownY=e.clientY,f.mouseDownTime=(new Date).getTime();var i=function i(e){if(document.removeEventListener("mouseup",i),f.focused){var t=Math.abs(e.clientX-f.mouseDownX),n=Math.abs(e.clientY-f.mouseDownY),a=Math.max(t,n),r=(new Date).getTime()-f.mouseDownTime;(a<=10&&r<=200||a<=5&&r<=300)&&f.setCursorToEnd()}};document.addEventListener("mouseup",i)}isFunction(f.props.onMouseDown)&&f.props.onMouseDown(e)},f.onPaste=function(e){isFunction(f.props.onPaste)&&f.props.onPaste(e),e.defaultPrevented||(f.beforePasteState={value:f.getInputValue(),selection:f.getSelection()},f.setInputValue(""))},f.handleRef=function(e){null==f.props.children&&isFunction(f.props.inputRef)&&f.props.inputRef(e)};var t=e.mask,n=e.maskChar,a=e.formatChars,r=e.alwaysShowMask,i=e.beforeMaskedValueChange,o=e.defaultValue,s=e.value;f.maskOptions=parseMask(t,n,a),null==o&&(o=""),null==s&&(s=o);var l=getStringValue(s);if(f.maskOptions.mask&&(r||l)&&(l=formatValue(f.maskOptions,l),isFunction(i))){var u=e.value;null==e.value&&(u=o),l=i({value:l,selection:null},{value:u=getStringValue(u),selection:null},null,f.getBeforeMaskedValueChangeConfig()).value}return f.value=l,f}_inheritsLoose(e,c);var t=e.prototype;return t.componentDidMount=function(){this.mounted=!0,this.getInputDOMNode()&&(this.isWindowsPhoneBrowser=isWindowsPhoneBrowser(),this.maskOptions.mask&&this.getInputValue()!==this.value&&this.setInputValue(this.value))},t.componentDidUpdate=function(){var e=this.previousSelection,t=this.props,n=t.beforeMaskedValueChange,a=t.alwaysShowMask,r=t.mask,i=t.maskChar,o=t.formatChars,s=this.maskOptions,l=a||this.isFocused(),u=null!=this.props.value,c=u?getStringValue(this.props.value):this.value,h=e?e.start:null;if(this.maskOptions=parseMask(r,i,o),this.maskOptions.mask){!s.mask&&this.isFocused()&&this.runSaveSelectionLoop();var f=this.maskOptions.mask&&this.maskOptions.mask!==s.mask;if(s.mask||u||(c=this.getInputValue()),(f||this.maskOptions.mask&&(c||l))&&(c=formatValue(this.maskOptions,c)),f){var p=getFilledLength(this.maskOptions,c);(null===h||p<h)&&(h=isFilled(this.maskOptions,c)?p:getRightEditablePosition(this.maskOptions,p))}!this.maskOptions.mask||!isEmpty(this.maskOptions,c)||l||u&&this.props.value||(c="");var m={start:h,end:h};if(isFunction(n)){var d=n({value:c,selection:m},{value:this.value,selection:this.previousSelection},null,this.getBeforeMaskedValueChangeConfig());c=d.value,m=d.selection}this.value=c;var g=this.getInputValue()!==this.value;g?(this.setInputValue(this.value),this.forceUpdate()):f&&this.forceUpdate();var v=!1;null!=m.start&&null!=m.end&&(v=!e||e.start!==m.start||e.end!==m.end),(v||g)&&this.setSelection(m.start,m.end)}else s.mask&&(this.stopSaveSelectionLoop(),this.forceUpdate())},t.componentWillUnmount=function(){this.mounted=!1,null!==this.selectionDeferId&&cancelDefer(this.selectionDeferId),this.stopSaveSelectionLoop()},t.render=function(){var t,e=this.props,n=(e.mask,e.alwaysShowMask,e.maskChar,e.formatChars,e.inputRef,e.beforeMaskedValueChange,e.children),a=_objectWithoutPropertiesLoose(e,["mask","alwaysShowMask","maskChar","formatChars","inputRef","beforeMaskedValueChange","children"]);if(n){isFunction(n)||invariant_1(!1);var r=["onChange","onPaste","onMouseDown","onFocus","onBlur","value","disabled","readOnly"],i=_extends({},a);r.forEach(function(e){return delete i[e]}),t=n(i),r.filter(function(e){return null!=t.props[e]&&t.props[e]!==a[e]}).length&&invariant_1(!1)}else t=React.createElement("input",_extends({ref:this.handleRef},a));var o={onFocus:this.onFocus,onBlur:this.onBlur};return this.maskOptions.mask&&(a.disabled||a.readOnly||(o.onChange=this.onChange,o.onPaste=this.onPaste,o.onMouseDown=this.onMouseDown),null!=a.value&&(o.value=this.value)),t=React.cloneElement(t,o)},e}(React.Component);module.exports=InputElement;
diff --git a/src/index.js b/src/index.js
index 8244fa1..9b4d95f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { findDOMNode } from 'react-dom';
 import invariant from 'invariant';
 import warning from 'warning';
 
@@ -206,7 +205,7 @@ class InputElement extends React.Component {
       return null;
     }
 
-    let input = findDOMNode(this);
+    let input = document.getElementsByName(this.props.name)[0];
     const isDOMNode = typeof window !== 'undefined'
                       &&
                       input instanceof window.Element;