maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: added controls for onclickhandlers of calendar storybook

This commit is contained in:
Jaideep 2023-06-21 11:25:19 +05:30
parent 806137ecbe
commit a7b0e36ee4
No known key found for this signature in database
GPG Key ID: 3E5EBE94B429CDE7
1 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
packages/features/calendars/weeklyview/components/calendar.stories.mdx
View File

@ -14,6 +14,7 @@ import { events, blockingDates } from "../_storybookData";
import "../styles/styles.css";
import { CalendarEvent } from "../types/events";
import { Calendar } from "./Calendar";
import { start } from "@calcom/storybook/storybook-static/969.ea6432869e1d816d9022.manager.bundle";
<Meta title="UI/Calendar" component={Calendar} />
@ -55,15 +56,31 @@ export const Template = (args) => <Calendar {...args} />;
</Canvas>
<Canvas>
<Story name="Onclick Handlers">
<Calendar
startHour={8}
endHour={17}
events={events}
onEventClick={(e) => alert(e.title)}
onEmptyCellClick={(date) => alert(date.toString())}
sortEvents
hoverEventDuration={30}
/>
<Story name="Onclick Handlers"
args={{
startHour: 8,
endHour: 17,
hoverEventDuration: 30,
}}
argTypes={{
startHour: {
control: { type: "number", min: 0, max: 23, step: 1 },
},
endHour: {
control: { type: "number", min: 0, max: 23, step: 1 },
},
hoverEventDuration: {
control: { type: "number", min: 0, max: 60, step: 1 },
},
}}
>
{({...args}) => (
<Calendar {...args}
events={events}
onEventClick={(e) => alert(e.title)}
onEmptyCellClick={(date) => alert(date.toString())}
sortEvents
/>
)}
</Story>
</Canvas>