Problem
I encountered an issue with my projects that are both using the bootstrap-datetimepicker. While one project displays the correct color, as seen here, the other project shows a wrong color, shown here. Below is the HTML code snippet I am working with:
<div class="form-group">
<label for="StartDate">From</label>
<input required id="StartDate" type="text" placeholder="Start Date" class="form-control input-xlarge mydatetime">
</div>
Solution Attempt
Here is the jQuery code I have tried to implement:
$('.mydatetime').datetimepicker({
language:'en',
format: 'yyyy-mm-dd hh:ii:ss',
autoclose: true,
todayBtn: true,
minuteStep:5,
pickerPosition: "bottom-right"
});
Even though both projects follow the same approach in utilizing datetimepicker, they display different results. I attempted to modify the CSS locally by adding the following lines to the stylesheet without success:
.mydatetime {
background-color: #fff ;
color: #333 ;
}
Any thoughts on what could be causing this discrepancy? Your input would be greatly appreciated.