import { FunctionComponent } from 'react';
import DatePicker, { DatePickerProps } from './DatePicker';
import DateRangePicker from './DateRangePicker';
import MonthPicker from './MonthPicker';
import WeekPicker from './WeekPicker';

interface CompoundDatePickerProps extends FunctionComponent<DatePickerProps> {
  Month: typeof MonthPicker;
  Range: typeof DateRangePicker;
  Week: typeof WeekPicker;
}

const CompoundDatePicker = DatePicker as CompoundDatePickerProps;

CompoundDatePicker.Month = MonthPicker;
CompoundDatePicker.Week = WeekPicker;
CompoundDatePicker.Range = DateRangePicker;

export default CompoundDatePicker;