'VueCtkDateTimePicker'で入力ができるようにしたい

前提・実現したいこと

Vue.jsとRailsAPIでSPAを作成しています。
フォームで日時を入力するために'vue-ctk-date-time-picker'を使用してタイムピッカーを用意したいのですが、エラーが発生しています。

7時間ほど調べて試行錯誤しましたが、どう直したら良いのかわかりません。

import VueCtkDateTimePicker from 'vue-ctk-date-time-picker';
import 'vue-ctk-date-time-picker/dist/vue-ctk-date-time-picker.css';
Vue.component('vue-ctk-date-time-picker', VueCtkDateTimePicker);

この三行をコメントアウトすれば、問題なくその他は表示されるので
この三行の書き方か設定に問題があるように思いますが、検討がつきません。
もし、ご存知の方いらっしゃいましたら、アドバイスいただけると大変ありがたいです。

発生している問題・エラーメッセージ

ERROR in ./app/javascript/components/bookings/DateTimePicker.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--8-0!./node_modules/vue-loader/lib??vue-loader-options!./app/javascript/components/bookings/DateTimePicker.vue?vue&type=script&lang=js&) 10:42-62
"export 'default' (imported as 'VueCtkDateTimePicker') was not found in 'vue-ctk-date-time-picker'
 @ ./app/javascript/components/bookings/DateTimePicker.vue?vue&type=script&lang=js&
 @ ./app/javascript/components/bookings/DateTimePicker.vue
 @ ./node_modules/babel-loader/lib??ref--8-0!./node_modules/vue-loader/lib??vue-loader-options!./app/javascript/components/bookings/BookingNew.vue?vue&type=script&lang=js&
 @ ./app/javascript/components/bookings/BookingNew.vue?vue&type=script&lang=js&
 @ ./app/javascript/components/bookings/BookingNew.vue
 @ ./app/javascript/packs/router.js

該当のソースコード

<template> <div> <vue-ctk-date-time-picker label="日時を選択" v-model="value"></vue-ctk-date-time-picker> </div> </template> <script> import VueCtkDateTimePicker from 'vue-ctk-date-time-picker'; import 'vue-ctk-date-time-picker/dist/vue-ctk-date-time-picker.css'; Vue.component('vue-ctk-date-time-picker', VueCtkDateTimePicker); export default { data: () => ({ timeValue: "2020-06-21 11:26" }), }; </script> <style> </style>