[pickers] Migrate PickersToolbarButton to emotion

packages/material-ui-lab/src/internal/pickers/PickersToolbarButton.tsx

@@ -1,59 +1,46 @@
 import * as React from 'react';
-import clsx from 'clsx';
 import Button, { ButtonProps } from '@material-ui/core/Button';
-import { MuiStyles, WithStyles, withStyles } from '@material-ui/core/styles';
+import styled from '@material-ui/styled-engine';
 import { TypographyProps } from '@material-ui/core/Typography';
 import PickersToolbarText from './PickersToolbarText';
 import { ExtendMui } from './typings/helpers';
 
-export interface ToolbarButtonProps extends ExtendMui<ButtonProps, 'value' | 'variant'> {
+export interface PickersToolbarButtonProps extends ExtendMui<ButtonProps, 'value' | 'variant'> {
   align?: TypographyProps['align'];
   selected: boolean;
   typographyClassName?: string;
   value: React.ReactNode;
   variant: TypographyProps['variant'];
 }
 
-export type PickersToolbarButtonClassKey = 'root';
+const PickersToolbarButtonRoot = styled(Button)({
+  padding: 0,
+  minWidth: 16,
+  textTransform: 'none',
+});
 
-export const styles: MuiStyles<PickersToolbarButtonClassKey> = {
-  root: {
-    padding: 0,
-    minWidth: '16px',
-    textTransform: 'none',
-  },
-};
-
-const ToolbarButton: React.FunctionComponent<ToolbarButtonProps & WithStyles<typeof styles>> = (
-  props,
-) => {
-  const {
-    align,
-    classes,
-    className,
-    selected,
-    typographyClassName,
-    value,
-    variant,
-    ...other
-  } = props;
+const PickersToolbarButton: React.FunctionComponent<PickersToolbarButtonProps> = React.forwardRef(
+  function PickersToolbarButton(props, ref) {
+    const { align, className, selected, typographyClassName, value, variant, ...other } = props;
 
-  return (
-    <Button
-      data-mui-test="toolbar-button"
-      variant="text"
-      className={clsx(classes.root, className)}
-      {...other}
-    >
-      <PickersToolbarText
-        align={align}
-        className={typographyClassName}
-        variant={variant}
-        value={value}
-        selected={selected}
-      />
-    </Button>
-  );
-};
+    return (
+      <PickersToolbarButtonRoot
+        data-mui-test="toolbar-button"
+        variant="text"
+        ref={ref}
+        className={className}
+        {...other}
+      >
+        <PickersToolbarText
+          align={align}
+          className={typographyClassName}
+          variant={variant}
+          value={value}
+          selected={selected}
+        />
+      </PickersToolbarButtonRoot>
+    );
+  },
+);
 
-export default withStyles(styles, { name: 'MuiPickersToolbarButton' })(ToolbarButton);
+export default PickersToolbarButton;

packages/material-ui-lab/src/themeAugmentation/components.d.ts

@@ -154,9 +154,6 @@ export interface LabComponents {
   MuiPickersToolbar?: {
     styleOverrides?: ComponentsOverrides['MuiPickersToolbar'];
   };
-  MuiPickersToolbarButton?: {
-    styleOverrides?: ComponentsOverrides['MuiPickersToolbarButton'];
-  };
   MuiPickersToolbarText?: {
     styleOverrides?: ComponentsOverrides['MuiPickersToolbarText'];
   };

packages/material-ui-lab/src/themeAugmentation/overrides.d.ts

@@ -19,7 +19,6 @@ import { PickersModalDialogClassKey } from '../internal/pickers/PickersModalDial
 import { PickersMonthClassKey } from '../MonthPicker/PickersMonth';
 import { PickersPopperClassKey } from '../internal/pickers/PickersPopper';
 import { PickersSlideTransitionClassKey } from '../CalendarPicker/PickersSlideTransition';
-import { PickersToolbarButtonClassKey } from '../internal/pickers/PickersToolbarButton';
 import { PickersToolbarClassKey } from '../internal/pickers/PickersToolbar';
 import { PickersToolbarTextClassKey } from '../internal/pickers/PickersToolbarText';
 import { PickersYearClassKey } from '../YearPicker/PickersYear';
@@ -61,7 +60,6 @@ export interface LabComponentNameToClassKey {
   MuiPickersPopper: PickersPopperClassKey;
   MuiPickersSlideTransition: PickersSlideTransitionClassKey;
   MuiPickersToolbar: PickersToolbarClassKey;
-  MuiPickersToolbarButton: PickersToolbarButtonClassKey;
   MuiPickersToolbarText: PickersToolbarTextClassKey;
   MuiPickersYear: PickersYearClassKey;
   MuiTabList: TabListClassKey;