datetime-local is showing the data type template on Html.TextBox input box rather than DateTime value – Asp.net

How can I display the preset value of model rather than showing the datetime template on input box?

Current view on Edit page for input with type = datetime-local

The code for TextBox right now

@Html.TextBox("EffectiveDate", (DateTime)ViewBag.EffectiveDate, new {  @type="datetime-local", @class="form-control"})

I want the text box to display the value of ViewBag.EffectiveDate rather than "dd/mm/yyyy –:– –"

Ideally, the text box should be like this but also gives option for user to edit the date

The code on ViewBag

var pacEffectiveDate = await _context.LocationPac.Where(l => l.LocationID == id).Select(l => l.EffectiveDate).FirstOrDefaultAsync();
ViewData["EffectiveDate"] = pacEffectiveDate;