[pickers] Consider TDate in ToolbarComponent types (#27035)

mui · Jun 30, 2021 · ae5c8fe · ae5c8fe
1 parent a89b3e3
commit ae5c8fe
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/material-ui-lab/src/DatePicker/shared.ts b/packages/material-ui-lab/src/DatePicker/shared.ts
@@ -44,7 +44,7 @@ export interface BaseDatePickerProps<TDate>
    * Component that will replace default toolbar renderer.
    * @default DatePickerToolbar
    */
-  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps>;
+  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
   /**
    * Array of views to show.
    */

diff --git a/packages/material-ui-lab/src/DateTimePicker/shared.ts b/packages/material-ui-lab/src/DateTimePicker/shared.ts
@@ -67,7 +67,7 @@ export interface BaseDateTimePickerProps<TDate>
    * Component that will replace default toolbar renderer.
    * @default DateTimePickerToolbar
    */
-  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps>;
+  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
   /**
    * Date format, that is displaying in toolbar.
    */

diff --git a/packages/material-ui-lab/src/TimePicker/shared.tsx b/packages/material-ui-lab/src/TimePicker/shared.tsx
@@ -28,7 +28,7 @@ export interface BaseTimePickerProps<TDate>
    * Component that will replace default toolbar renderer.
    * @default TimePickerToolbar
    */
-  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps>;
+  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
   /**
    * Array of views to show.
    */

diff --git a/packages/material-ui-lab/src/internal/pickers/typings/BasePicker.tsx b/packages/material-ui-lab/src/internal/pickers/typings/BasePicker.tsx
@@ -79,7 +79,7 @@ export interface BasePickerProps<TInputValue, TDateValue> {
   /**
    * Component that will replace default toolbar renderer.
    */
-  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps>;
+  ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDateValue>>;
   /**
    * Date format, that is displaying in toolbar.
    */