FullCalendarの週表示・日表示において時間軸が表示されない

前提・実現したいこと

「Ruby on Rails　速習実践ガイド」を少し前に終えたばかりのRuby初心者です。カレンダーを使ったToDoの表示を試みています。まだRubyを勉強し始めたばかりで、実装したい機能を調べながら追加しています。tempusdominus-bootstrap-4.js等を使い、カレンダーを表示させました。しかし、週表示と日表示を追加したところ、時間軸が表示されません。

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

下の図のようにall-dayの下に時間軸が表示されないです。

該当のソースコード

application.js
1$(function () {
2    function eventCalendar() {
3        return $('#calendar').fullCalendar({});
4    };
5    function clearCalendar() {
6        $('#calendar').html('');
7    };
8    $(document).on('turbolinks:load', function () {
9        eventCalendar();
10    });
11    $(document).on('turbolinks:before-cache', clearCalendar);
12
13    $('#calendar').fullCalendar({
14        events: '/tasks.json',
15        header: {
16            left: 'month, agendaWeek, agendaDay',
17            center: 'title',
18            right: 'today, prev, next'
19        },
20        buttonText: {
21            today: "Today",
22            month: "Month",
23            agendaWeek: 'Week',
24            agendaDay: 'Day'
25        },
26        eventTextColor: 'white',
27        timeFormat: {
28            agenda: 'h(:mm)'
29        },
30        defaultView: 'agendaWeek',
31        slotDuration: "00:30:00",
32        slotEventOverlap: false,
33        minTime: "00:00",
34        maxTime: "23:59",
35        nowIndicator: true,
36　　　　　slotLabelFormat: {
37            hour: 'numeric',
38            minute: '2-digit',
39            omitZeroMinute: true,
40            meridiem: 'short'
41        }
42    });
43});

_form.html.slim
1= form_with model: task, local: true do |f|
2    .form-group
3        = f.label :name
4        = f.text_field :name, class: 'form-control', id: 'task_name'
5    .form-group
6        = f.label :description
7        = f.text_area :description, rows: 5, class: 'form-control', id: 'task_description'
8    .form-group
9        .input-group data-target-input= "nearest" 
10            = f.label :start_date
11            = f.text_field :start_date, class: 'form-control datepicker', id: 'task_start_date'
12            .input-group-append [data-target= '#task_start_date', data-toggle= 'datetimepicker']
13                .input-group-text.fa.fa-calendar
14    .form-group
15        .input-group data-target-input= "nearest" 
16            = f.label :end_date
17            = f.text_field :end_date, class: 'form-control datepicker', id: 'task_end_date'
18            .input-group-append [data-target= '#task_end_date', data-toggle= 'datetimepicker']
19                .input-group-text.fa.fa-calendar
20    = f.submit nil, class: 'btn btn-primary'
21
22javascript:
23    $(function () {
24        $('.datepicker').datetimepicker({
25            format: 'YYYY-MM-DD HH:mm'
26        });
27    });