DefinitelyTyped/types/react-calendar/react-calendar-tests.tsx
Stéphane S cefb035cbc
[react-calendar] Init typings (#43540)
Co-authored-by: Stéphane Saquet <stephane.saquet@wadane.com>
2020-04-01 11:28:55 -07:00

38 lines
760 B
TypeScript

import * as React from 'react';
import Calendar from 'react-calendar';
interface State {
value: Date | Date[];
}
export default class Sample extends React.Component<{}, State> {
state = {
value: new Date(),
};
onChange = (value: Date | Date[]) => {
this.setState({ value });
}
render() {
const { value } = this.state;
return (
<div className="Sample">
<header>
<h1>react-calendar sample</h1>
</header>
<div className="Sample__container">
<main className="Sample__container__content">
<Calendar
onChange={this.onChange}
showWeekNumbers
value={value}
/>
</main>
</div>
</div>
);
}
}