diff --git a/src/components/datepicker/DatePicker.tsx b/src/components/datepicker/DatePicker.tsx index 7c197b9dd..0c8825c62 100644 --- a/src/components/datepicker/DatePicker.tsx +++ b/src/components/datepicker/DatePicker.tsx @@ -13,7 +13,8 @@ import localeUtils from './localeUtils'; import { GenericComponent } from '../../@types/types'; import { SIZES } from '../../constants'; -export interface DatePickerProps extends Omit { +export interface DatePickerProps + extends Omit { /** If true we give a border to our wrapper. */ bordered?: boolean; /** A class name for the DatePicker to give custom styles. */ @@ -32,6 +33,8 @@ export interface DatePickerProps extends Omit) => void; } const DatePicker: GenericComponent = ({ @@ -43,6 +46,7 @@ const DatePicker: GenericComponent = ({ showWeekNumbers, initialMonth, onChange, + onDayClick, ...others }) => { const [selectedDate, setSelectedDate] = useState(others.selectedDate); @@ -53,13 +57,14 @@ const DatePicker: GenericComponent = ({ setSelectedMonth(others.selectedDate); }, [others.selectedDate]); - const handleDayClick = (day: Date, modifiers: DayModifiers) => { + const handleDayClick = (day: Date, modifiers: DayModifiers, event: React.MouseEvent) => { if (modifiers[theme['disabled']]) { return; } setSelectedDate(day); onChange && onChange(day); + onDayClick && onDayClick(day, modifiers, event); }; const handleYearMonthChange = (selectedMonth: Date) => {