index.tsx 828 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import { DatePicker } from "@material-ui/pickers";
  2. import { makeStyles } from '@material-ui/core'
  3. interface IStaticDatePicker {
  4. disabled:boolean,
  5. date: Date,
  6. changeDate: React.Dispatch<React.SetStateAction<any>>,
  7. }
  8. const useStyles = makeStyles({
  9. container: {
  10. position: 'absolute',
  11. left: 1369,
  12. top:1,
  13. width: 30,
  14. cursor: 'pointer',
  15. }
  16. })
  17. const StaticDatePicker = ({ disabled, date, changeDate }: IStaticDatePicker) => {
  18. const classes = useStyles()
  19. return (
  20. <DatePicker
  21. disabled={disabled}
  22. className={classes.container}
  23. autoOk
  24. inputVariant='outlined'
  25. orientation="portrait"
  26. variant="dialog"
  27. openTo="date"
  28. value={date}
  29. onChange={changeDate}
  30. />
  31. );
  32. };
  33. export default StaticDatePicker;