How can I add "Data range picker" from bootstrap 5 to my rails 7 application

Question

I purchased bootstrap 5 theme and want to add DATE RANGE PICKER (https://coderthemes.com/hyper_2/saas/form-advanced.html) to my rails application. I have ruby > 3 and rails > 7 (hotwire, stimulus etc.).

Incstructions from bootstrap:

<!-- Daterangepicker css -->
<link rel="stylesheet" href="assets/vendor/daterangepicker/daterangepicker.css" type="text/css" />

<!-- Daterangepicker js -->
<script src="assets/vendor/daterangepicker/moment.min.js"></script>
<script src="assets/vendor/daterangepicker/daterangepicker.js"></script>

<!-- Date Range Picker With Times -->
<div class="mb-3">
    <label class="form-label">Date Range Picker With Times</label>
    <input type="text" class="form-control date" id="daterangetime" data-toggle="date-picker" data-time-picker="true" data-locale="{'format': 'DD/MM hh:mm A'}">
</div>

My current steps:

1. I added "daterangepicker.css" file to app/assets/stylesheets.
2. Added "<%= stylesheet_link_tag 'daterangepicker.css' %>" to my "aplication.html.erb"
3. I created "custom" folder in app/javascript and added "moment.min.js" and "daterangepicker.js".
4. To my importmap.rb I added "pin_all_from "app/javascript/custom", under: "custom""

What did I do wrong? It looks like I have no connection to my js files because I receive empty input text area. Thanks