Unable to hide VToolbar

[kavishgambhir]

How can I disable VToolbar inside the calendar component and use my own VToolbar with a router-view inside the VApp component?

[kavishgambhir]

cc @ClickerMonkey

[ClickerMonkey]

Use the ds-calendar component instead of ds-calendar-app

[x7ian]

I wanted to be able to show or hide the toolbar according to some condition.
In order to do this, I had to modify the CalendarApp component.
First I added a new prop to it the following way:

useToolbar:
    {
      type: Boolean,
      default: true
    },

then I added a v-if condition to the v-toolbar component like this:

<v-toolbar app flat fixed
    v-if="useToolbar"
    class="ds-app-calendar-toolbar"
    color="white"
    :clipped-left="$vuetify.breakpoint.lgAndUp">

So now I can add a use-toolbar prop in my App.vue that shows or hides the toolbar:

<ds-calendar-app ref="app"
      :calendar="calendar"
      :read-only="readOnly"
      :use-toolbar="false"
      @change="saveState">

instead of false you can use a variable that can be then modified in a method if you want to be able to show or hide the toolbar based on a particular condition.