[DatePicker] Add keyboard support for selecting day, month, and year

packages/x-date-pickers/src/DateCalendar/DayCalendar.tsx

@@ -458,6 +458,11 @@ export function DayCalendar(inProps: DayCalendarProps) {
           focusDay(adapter.addMonths(day, -1));
           event.preventDefault();
           break;
+        case 'Enter':
+        case ' ':
+          handleDaySelect(day);
+          event.preventDefault();
+          break;
         default:
           break;
       }

packages/x-date-pickers/src/MonthCalendar/MonthCalendar.tsx

@@ -214,7 +214,7 @@ export const MonthCalendar = React.forwardRef(function MonthCalendar(
     [disableFuture, disablePast, maxDate, minDate, now, shouldDisableMonth, adapter],
   );
 
-  const handleMonthSelection = useEventCallback((event: React.MouseEvent, month: number) => {
+  const handleMonthSelection = useEventCallback((_event: React.UIEvent, month: number) => {
     if (readOnly) {
       return;
     }
@@ -269,7 +269,11 @@ export const MonthCalendar = React.forwardRef(function MonthCalendar(
         break;
       case 'ArrowRight':
         focusMonth((monthsInYear + month + (isRtl ? -1 : 1)) % monthsInYear);
-
+        event.preventDefault();
+        break;
+      case 'Enter':
+      case ' ':
+        handleMonthSelection(event, month);
         event.preventDefault();
         break;
       default:

packages/x-date-pickers/src/YearCalendar/YearCalendar.tsx

@@ -214,7 +214,7 @@ export const YearCalendar = React.forwardRef(function YearCalendar(
     [disableFuture, disablePast, maxDate, minDate, now, shouldDisableYear, adapter],
   );
 
-  const handleYearSelection = useEventCallback((event: React.MouseEvent, year: number) => {
+  const handleYearSelection = useEventCallback((_event: React.UIEvent, year: number) => {
     if (readOnly) {
       return;
     }
@@ -259,6 +259,11 @@ export const YearCalendar = React.forwardRef(function YearCalendar(
         focusYear(year + horizontalDirection);
         event.preventDefault();
         break;
+      case 'Enter':
+      case ' ':
+        handleYearSelection(event, year);
+        event.preventDefault();
+        break;
       default:
         break;
     }