add stories

stories/props/eventIdAccessor.mdx

@@ -0,0 +1,10 @@
+import { Canvas, Story } from '@storybook/addon-docs'
+
+# eventIdAccessor
+
+- type: `string | function (event: Object) => string`
+- default: 'id'
+
+The id of the event. Must resolve to a string. Used as the key for the event in the DOM. If not provided, the event will be given a key of 'evt\_<index>'.
+
+<Story id="props--event-id-accessor" />

stories/props/eventIdAccessor.stories.js

@@ -0,0 +1,33 @@
+import React from 'react'
+import { Calendar } from '../../src'
+import { accessorStoryArgs } from './storyDefaults'
+import mdx from './eventIdAccessor.mdx'
+
+export default {
+  title: 'props',
+  component: Calendar,
+  argTypes: {
+    localizer: { control: { type: null } },
+    events: { control: { type: null } },
+    defaultDate: {
+      control: {
+        type: null,
+      },
+    },
+  },
+  parameters: {
+    docs: {
+      page: mdx,
+    },
+  },
+}
+
+const Template = (args) => (
+  <div className="height600">
+    <Calendar {...args} />
+  </div>
+)
+
+export const EventIdAccessor = Template.bind({})
+EventIdAccessor.storyName = 'eventIdAccessor'
+EventIdAccessor.args = accessorStoryArgs

stories/props/storyDefaults.js

@@ -28,6 +28,7 @@ export const accessorStoryArgs = {
   titleAccessor: 'label',
   tooltipAccessor: 'label',
   startAccessor: 'startDate',
+  idAccessor: 'id',
 }
 /** END Specific to event key accessors */