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) =>