bootstrap-datepickerをimportして使う

importが理解できてないんのもあって、npmインストールした後どう使うのかなと思ったら以下で動いたのでメモしておきます。

import 'bootstrap-datepicker';
import 'bootstrap-datepicker/dist/locales/bootstrap-datepicker.ja.min.js'

Typescriptで使うため以下もインストール。

@types/bootstrap-datepicker 

下記でdateタイプのテキストボックスに適用しました。

$('input[type="date"]').datepicker({
        format:'yyyy-mm-dd',
        language:'ja',
        beforeShowDay: (date)=>{

            const custumdate = {classes:''}

            switch(date.getDay()){
                case 0: //Sun
                    custumdate.classes = 'sunday';
                    break;
                case 6: //Sat
                    custumdate.classes = 'saturday';
                    break;
            }
            
            return custumdate;
        }
    });

HTML5のカレンダーアイコンを以下のCSSで非表示に

input[type="date"]::-webkit-calendar-picker-indicator { 
  display: none; 
}