title: Kendo UI with Bootstrap wrapper issue
body: <p>I am currently trying to use a mask feature from Kendo UI to mask the phone number input. </p>
  
  <p>Once I introduced the js code: </p>
  
  <p><code>$("#inputPhone").kendoMaskedTextBox({
          mask: "000.000.0000"
      });</code></p>
  
  <p>my UI looks like this: 
  <a href="https://i.stack.imgur.com/lxKr9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lxKr9.jpg" alt="enter image description here"></a></p>
  
  <p>It generates a span wrapper with the input tag, which is pretty annoying. 
  Here is the HTML: 
  <a href="https://i.stack.imgur.com/XqY5E.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XqY5E.jpg" alt="enter image description here"></a></p>
  
  <p>Is there any way to remove this span? or basically silence this span? or any other better solution to mask a phone number properly?</p>