import React from 'react';
import DayPicker from '../../../src';

import styles from '../styles/cssmodules.css';

export default function CSSModules() {
  return (
    <DayPicker
      classNames={styles}
      enableOutsideDays
      initialMonth={new Date(2017, 1)}
      selectedDays={new Date(2017, 1, 23)}
      disabledDays={[new Date(2017, 1, 20), new Date(2018, 1, 28)]}
      modifiers={{
        [styles.sunday]: day => day.getDay() === 0,
        [styles.green]: new Date(2017, 1, 10),
      }}
    />
  );
}

@@ -107,16 +107,211 @@
 .css';%0A%0A
+function handleDayClick(day, modifiers) %7B%0A  if (modifiers%5Bstyles.green%5D) %7B%0A    console.log('This is a green day');%0A  %7D%0A  if (modifiers%5Bstyles.sunday%5D) %7B%0A    console.log('This is Sunday');%0A  %7D%0A%7D%0A%0A
 export d
@@ -694,16 +694,50 @@
      %7D%7D%0A
+      onDayClick=%7BhandleDayClick%7D%0A
     /%3E%0A 

Add onDayClick to CSS modules example