Asp.net 如何将材质日期选择器添加到.net webapp？

如何将材质日期选择器添加到我的asp.net mvc webapp？我尝试使用HTML.Helpers创建日期选择器，但它看起来像这样：

但我需要像这样：

---

另外，我正在使用引导。我是新来的，如果答案显而易见，请原谅我。

这是一个愚蠢的问题，但我找到了解决办法。我还必须在日期选择器上签上姓名首字母：

            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    var elems = document.querySelector('.IncidentDatepicker');

                    var options = {
                        defaultDate: new Date(),
                        setDefaultDate: true
                    }
                    var instances = M.Datepicker.init(elems, options);
                });
            </script>

document.addEventListener（'DOMContentLoaded'，函数（）{
var elems=document.querySelector（'.IncidentDatepicker'）；
变量选项={
defaultDate:新日期（），
setDefaultDate:true
}
var instances=M.Datepicker.init（元素、选项）；
});

这是可行的，但在我看来，这是一个糟糕的解决方案。我的部分视图在每次提交时都会动态加载，并且不会初始化任何视图，只初始化第一个