Files
DefinitelyTyped/types/react-day-picker/react-day-picker-tests.tsx
2017-03-30 14:11:46 -07:00

53 lines
1.5 KiB
TypeScript

import * as React from 'react';
import DayPicker = require('react-day-picker');
function isSunday(day: Date) {
return day.getDay() === 0;
}
function MyComponent() {
return (
<DayPicker
initialMonth={ new Date(2016, 1) } localeUtils={DayPicker.LocaleUtils} modifiers={{ isSunday }}
/>
);
}
DayPicker.DateUtils.clone(new Date());
DayPicker.DateUtils.isDayInRange(new Date(), { from: new Date(), to: new Date(2050) });
interface MyCaptionProps extends DayPicker.CaptionElementProps {
myProp: number;
}
class Caption extends React.Component<MyCaptionProps, {}> {
render() {
const { date, locale, localeUtils, onClick } = this.props;
if (!date || !localeUtils || !onClick || typeof locale === 'undefined') {
return null;
}
return (
<div className="DayPicker-Caption" onClick={ onClick }>
{ localeUtils.formatMonthTitle(date, locale) }
</div>
);
}
}
<DayPicker captionElement={ Caption }/>;
type CaptionElementProps = Partial<DayPicker.CaptionElementProps>;
class CaptionElement extends React.Component<CaptionElementProps, {}> {
render() {
const { date, locale, localeUtils, onClick } = this.props;
if (!date || !locale || !localeUtils || !onClick) {
return <div/>;
}
return (
<div onClick={ onClick }>
{ localeUtils.formatMonthTitle(date, locale) }
</div>
);
}
}
<DayPicker captionElement={ <CaptionElement /> }/>;