Revert "DatePicker: input display style changes to block, fixed #2018"

This reverts commit b3095a703c5b0413aa479b600843fe488fbe3183.

examples/docs/en-US/date-picker.md

@@ -1,10 +1,3 @@
-<style>
-  .demo-date-picker .el-input {
-    width: 180px;
-    margin: auto;
-  }
-</style>
-
 <script>
   module.exports = {
     data() {

examples/docs/en-US/datetime-picker.md

@@ -1,10 +1,3 @@
-<style>
-  .demo-datetime-picker .el-input {
-    width: 180px;
-    margin: auto;
-  }
-</style>
-
 <script>
   module.exports = {
     data() {

examples/docs/en-US/time-picker.md

@@ -1,10 +1,3 @@
-<style>
-  .demo-time-picker .el-input {
-    width: 180px;
-    display: inline-block;
-  }
-</style>
-
 ## TimePicker
 
 Use Time Picker for time input.

examples/docs/zh-CN/date-picker.md

@@ -1,10 +1,3 @@
-<style>
-  .demo-date-picker .el-input {
-    width: 180px;
-    margin: auto;
-  }
-</style>
-
 <script>
   module.exports = {
     data() {

examples/docs/zh-CN/datetime-picker.md

@@ -1,10 +1,3 @@
-<style>
-  .demo-datetime-picker .el-input {
-    width: 180px;
-    margin: auto;
-  }
-</style>
-
 <script>
   module.exports = {
     data() {

examples/docs/zh-CN/time-picker.md

@@ -1,8 +1,4 @@
 <style>
-  .demo-time-picker .el-input {
-    width: 180px;
-    display: inline-block;
-  }
   .demo-box {
     .el-date-editor + .el-date-editor {
       margin-left: 10px;

packages/theme-default/src/date-picker/picker.css

@@ -3,6 +3,9 @@
 
 @component-namespace el {
   @b date-editor {
+    position: relative;
+    display: inline-block;
+
     .el-picker-panel {
       position: absolute;
       min-width: 180px;