日付選択ライブラリ「flatpickr」の使い方

Question

表題の件で質問お願い致します。
Webアプリを作成する中で日付と時間選択が必要になり、日本語のドキュメントもあることからflatpickrを使用したいと考えたのですが上手く動作しません。
日本語ドキュメント

今回はネットワークに繋げない環境での使用を想定しているのでCDNでの読み込みが出来ないので以下のサイトから
https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.5.2/flatpickr.min.css
https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.5.2/flatpickr.min.js
flatpickr
名前をflatpickr.jsとflatpickr.min.cssとして2点のファイル作成しました。

htmlファイルを以下のように記述し

    <link rel="stylesheet" href="./static/flatpickr.min.css">
    <script src="./static/flatpickr.js"></script>

<input class="flatpickr" type="text" placeholder="Select Date.." readonly="readonly">

js部分は日本語ドキュメントと同様に以下のように記述しました

flatpickr('.flatpickr');

以下のようなフォームは表示されたのですがクリックしてもカレンダーが表示されません

ファイルの読み込みは成功しています。

記述が足りていないと思うのですが何が足りないでしょうか？
かなり初歩的な内容だと思うのですがアドバイス頂きたいです。
宜しくお願い致します。

Comments

[x_x]

エラーは出ていないでしょうか？

Answer 1

bodyタグ終了直前にて
flatpickr('.flatpickr');
を呼び出してみてください

Comments

[---stax---]

回答ありがとうございます。
ご指摘の内容で解決いたしました。
読み込み順の問題だったのでしょうか・・・
悩んでいたので大変助かりました。ありがとうございます。