I am using the admin lte theme I have my files included as per instructions.
<!-- Syncfusion Essential JS 2 Styles -->
<link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" />
<!-- Syncfusion Essential JS 2 Scripts -->
<script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
Then in my body I have
<script>
function valueChange(args) {
/*Displays selected date in the label*/
var intl = new ej.base.Internationalization();
var value = intl.formatDate(args.value, { type: 'dateTime', format: 'dd/MM/yyyy' });
(document.getElementById('date_label')).textContent = 'Selected Value: ' + value;
}</script>
<ejs-scripts></ejs-scripts>
</body>
But I have my calnedar inside a div as such
<div class="card-body pt-0">
<!--The calendar -->
@section ControlsSection{
<div class=" control-section">
<div class="calender-section">
<div id="calender-control">
<ejs-calendar id="calendar" change="valueChange"></ejs-calendar>
<br>
<span id="date_label"> Selected Value: </span>
</div>
</div>
</div>
}
But when I go to view the source its not rendered nore does it display where meant to
My Visual Sutdio code here as you see I do have the tag their
And in my view imports
@using TheHockeyLabMn.Web
@using TheHockeyLabMn.Web.Models
@using Microsoft.AspNetCore.Identity
@addTagHelper *, TheHockeyLabMn.Web
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, Syncfusion.EJ2