I watched the quick start tutorial and if I open the file in vs code and run that index.html page, then yes it works fine. But I'm integrating the package into an existing project in Visual Studio Community.I'm not building from the index file in the download itself. Here are some snips from my layout page, shows my style and script tags. Along with the snippet code you provided and the errors i am receiving. I'm thinking there is another library or file causing a conflict, but the only other library I have is the pre-loaded Jquery. If i remove it then i get "$ is not defined" Providing a full samples of code would be difficult, this is a fairly large project. The main issue right now, is that i was using the Jquery ui calendar plug in but it also uses the .datepicker class. Because of the .datepicker in the MDB library i can't get that to work either even when calling it with an Id and not the class. when i comment out the j-query ui reference i still get errors from the mdb lib like in the examples below. I am at a loss. Note: The colors and effects reference is just a copy i made of the free mdb lib with all of the color classes listed.

<title>@ViewData["Title"] - 502Dumpsters</title>
<link rel="stylesheet" href="~/css/all.css" />

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
<link rel="stylesheet" href="~/css/MDB5/css/mdb.min.css" />
<link rel="stylesheet" href="~/css/MDB5/css/colorsAndEffects.css" />
<link rel="stylesheet" href="~/css/site.css" />
@RenderSection("Styles", required: false)

 <div class="container my-5">

                            <div class="form-outline datepicker">
                                <input type="text"
                                       class="form-control"
                                       id="exampleDatepicker1" />
                                <label for="exampleDatepicker1" class="form-label">Example label</label>
                            </div>

                        </div>
    </footer>
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/MDB5/js/mdb.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@RenderSection("Scripts", required: false)

//in my js file $(document).ready(function () {

$(".datepicker").datepicker();

});

Errors i am getting in dev tools:

input.js:144 Uncaught TypeError: Cannot read property 'value' of null at t.value (input.js:144) at t.value (input.js:51) at input.js:245 at Array.forEach () at Module.r.m.n (input.js:244) at r (bootstrap:19) at bootstrap:83 at universalModuleDefinition:9 at universalModuleDefinition:1

jquery.min.js:2 Uncaught TypeError: $(...).datepicker is not a function at HTMLDocument. (Order.js:17) at l (jquery.min.js:2) at c (jquery.min.js:2)

Dear user,

as long as you don't provide your code we cannot help you.

From our side, everything works as expected. And actually it is simple as that -copy and paste. After downloading you don't need to do anything more. Just unzip the package and copy-paste the component you like.

Snippet editor also works fine - I've created a snippet with a working date picker. Have a look and tell me if in this snippet also you can see these bugs you mentioned in your message.

https://mdbootstrap.com/snippets/standard/ascensus/2431766

Did you follow our Quick Start for MDB5? Is anything unclear there?

https://youtu.be/h6uT2NKfBJQ