diff --git a/packages/react/src/components/Forms/DatePicker/CalendarCell.tsx b/packages/react/src/components/Forms/DatePicker/CalendarCell.tsx index 31d8145..9bb0ad1 100644 --- a/packages/react/src/components/Forms/DatePicker/CalendarCell.tsx +++ b/packages/react/src/components/Forms/DatePicker/CalendarCell.tsx @@ -80,6 +80,11 @@ export const CalendarCell = ({ state, date }: CalendarCellProps) => { )} disabled={isDisabled} {...buttonProps} + // The keyboard's ENTER event triggers the button twice. + // We could prevent this behavior using their headless ui + // button component. + onKeyDown={(e) => e.preventDefault()} + onKeyUp={(e) => e.preventDefault()} ref={ref} > {formattedDate}