vuejs-datepickerのinput要素にCSSを適用させたい

Question

実現したいこと

vuejs-datepickerのinputにCSSを適用させたい

状況

1. vuejs-datepickerを使用
2. Vue Composition APIを使用
3. Codesandboxで同様のコードを書いた際には適用されるが、自身の環境ではCSSが効かない

問題の箇所

自身の環境の<template></template>内ではvuejs-datepickerのCSSを適用することができない

【App.vue】

<template>
  <div>
    <Datepicker :input-class="'datepicker'" />
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType, toRefs, reactive, SetupContext, computed, onMounted } from '@vue/composition-api';
import Datepicker from 'vuejs-datepicker';
import { ja } from 'vuejs-datepicker/dist/locale';

components: { Datepicker }
</script>
<style lang="scss" scoped>
.datepicker {
  background: red;
  width: 215px;
  height: 30px;
}
</style>

試したこと

①Codesandboxで同様のことを試してみる

同様のコードを以下で試してみましたが、CSSはしっかり適応されており、『自身の環境でのみの問題』ということはわかりました。

Codesandbox

②input-classだけではなくwrapper-classや通常のclassでも試してみる

<Datepicker :wrapper-class="'datepicker'" />

<Datepicker class="datepicker" />

このようにするとCSSは適応されましたが、inputの外側要素にのみ適応され、『input自体のCSSを変更する』ことは実現できませんでした。

③記事を参照にコードを変更

こちらの記事を参照に以下のようにコードを変更

<Datepicker :class="$style.qqq" :calendar-class="`qqq`" />

<style module>
qqq {
  color: red;
}
</style>

こちらでも結果は変わりませんでした。

ご教示いただきたいこと

vuejs-datepickerのinputにCSSを適用させる方法

Composition APIを使用していることが原因なのでしょうか。
大変お手数をおかけし恐縮ですが、何卒宜しくお願い申し上げます。