Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import type { Slot } from '@medplum/fhirtypes'; import type { Meta } from '@storybook/react'; import type { JSX } from 'react'; import { Document } from '../Document/Document'; import { withMockedDate } from '../stories/decorators'; import { CalendarInput } from './CalendarInput'; export default { title: 'Medplum/CalendarInput', component: CalendarInput, decorators: [withMockedDate], } as Meta; export const Basic = (): JSX.Element => { const start = new Date(); const end = new Date(start); end.setHours(start.getHours() + 1); return ( <Document> <CalendarInput slots={ [ { resourceType: 'Slot', schedule: { reference: 'Schedule/example', }, status: 'free', start: start.toISOString(), end: end.toISOString(), }, ] as Slot[] } onChangeMonth={(date: Date) => console.log(date)} onClick={(date: Date) => console.log('Clicked ' + date)} /> </Document> ); };