Html 输入组插件对输入文本不完整

我的输入组加载项与文本不完整。有人能帮我吗

这是输出

这是我的风格

<style>
   .dates{
    width: 200px !important;
    margin-left: 500px;
    }
 </style>

.日期{
宽度：200px！重要；
左边距：500px；
}

这是日期的代码

        <div class="form-group">
               <label for="title">Date</label>
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control dates" />
                    <span class="input-group-addon">
                      <span class="glyphicon glyphicon-calendar"></span> 
                    </span>
                </div>
            </div>

日期

如果我错了，请纠正我，因为我不知道确切的上下文。是否需要将输入设置为200px宽

如果确实要将输入宽度设置为特定值，则它必须位于输入组的容器中

。表单组包装器{
宽度：240px；
}

日期

请共享一个