I'm having an issue with the datetimepicker on my project. The calendar appears incorrectly in Chrome, but looks fine in Edge. Here's a screenshot from Chrome: https://i.stack.imgur.com/Hi0j4.png
And here is how it looks in Edge:
https://i.stack.imgur.com/tddHC.png
I am currently working on an ASP.NET Core MVC project and below is the code snippet from the view:
<div class="wrap-input100 validate-input" data-validate="Required field">
<input type="text" class="form-control" id="AppointmentDate" name="date" placeholder="date">
<span @*class="focus-input100"*@></span>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
$(document).ready(function() {
var date_input = $('input[name="date"]'); //our date input has the name "date"
var options = {
format: 'mm/dd/yyyy',
todayHighlight: true,
autoclose: true,
language: 'arm'
};
date_input.datepicker(options);
});
</script>