diff --git a/stories/Calendar.stories.js b/stories/Calendar.stories.js
index 827253563..9f9ddbc22 100644
--- a/stories/Calendar.stories.js
+++ b/stories/Calendar.stories.js
@@ -12,13 +12,16 @@ import customComponents from './resources/customComponents'
export default {
title: 'Additional Examples',
component: Calendar,
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
}
-const Template = (args) => (
-
-
-
-)
+const Template = (args) =>
export const ComplexDayViewLayout = Template.bind({})
ComplexDayViewLayout.storyName = 'complex day view layout'
diff --git a/stories/DragAndDrop.stories.js b/stories/DragAndDrop.stories.js
index 39a81cc1c..333033917 100644
--- a/stories/DragAndDrop.stories.js
+++ b/stories/DragAndDrop.stories.js
@@ -7,6 +7,13 @@ import customComponents from './resources/customComponents'
export default {
title: 'Additional Examples/Drag and Drop',
component: Calendar,
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
}
const Template = (args) => (
diff --git a/stories/Durations.stories.js b/stories/Durations.stories.js
index 95451ed23..bed4307ac 100644
--- a/stories/Durations.stories.js
+++ b/stories/Durations.stories.js
@@ -1,5 +1,4 @@
import React from 'react'
-import { action } from '@storybook/addon-actions'
import {
Calendar,
Views,
@@ -25,6 +24,13 @@ const DraggableCalendar = withDragAndDrop(Calendar)
export default {
title: 'Additional Examples/Event Durations',
component: Calendar,
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
}
const Template = ({ localizer: loc = 'moment', ...args }) => {
diff --git a/stories/Layout.stories.js b/stories/Layout.stories.js
index ccf31d9fa..37a2c7b65 100644
--- a/stories/Layout.stories.js
+++ b/stories/Layout.stories.js
@@ -9,6 +9,13 @@ import createEvents from './helpers/createEvents'
export default {
title: 'Additional Examples/Layout',
component: Calendar,
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
}
const Template = (args) =>
diff --git a/stories/Timeslots.stories.js b/stories/Timeslots.stories.js
index c57403733..126fdfa1b 100644
--- a/stories/Timeslots.stories.js
+++ b/stories/Timeslots.stories.js
@@ -7,6 +7,13 @@ import { Calendar as BaseCalendar, Views, events } from './helpers'
export default {
title: 'Additional Examples/Timeslots',
component: Calendar,
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
}
const Template = (args) =>