import { formHelperTextClasses } from '@mui/material/FormHelperText';
import { DatePickerInput } from '../DatePicker/DatePickerInput';
import { Paper } from '../Paper';
import { styled } from '../styled';
export const StyledDatePickerInput = styled(DatePickerInput) `
  .${formHelperTextClasses.root} {
    display: none;
  }
`;
export const StyledPaper = styled(Paper) `
  display: flex;

  padding: ${({ theme }) => theme.spacing(3, 4)};

  background-color: ${({ theme }) => theme.palette.background.default};
  border-radius: ${({ theme }) => theme.shape.medium};
  box-shadow: ${({ theme }) => theme.elevation[200]};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: unset;
    
    padding: 0;

    border-radius: 0;
    box-shadow: none;
  }
`;
export const PickerSplitter = styled.div `
  margin: ${({ theme }) => theme.spacing(-3, 4)};

  border-left: 1px solid
    ${({ theme }) => theme.palette.components.border.default};
`;
