Datetimepickerで日付を設定できない

Question

以下の環境でDatetimepickerで表示はできますが、クリックできず日付を設定できません。
■環境
ruby: 2.6.5
rails: 6.0.2
Bootstrap4

■やったこと
以下を参考にしました。
https://qiita.com/nozomi53motomachi/items/fef1b90e69b4a3b52bf7

１．Tempus Dominusのインストール
２．moment.jsのインストール
３．font-awsomeのインストール

 @import "font-awesome";
 @import "tempusdominus-bootstrap-4.css";

４．HTMLに書き込む

<div class="container">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1"/>
                    <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>

よろしくお願いいたします。