如何以编程方式打开带有button @material-ui/core原生文本字段类型的日期对话框？

npm install @material-ui/core

import React, { useState } from 'react';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import { DatePickerDialog } from '@material-ui/pickers';

const DatePickerDialog = () => {
  const [isOpen, setIsOpen] = useState(false);
  
  // ...
}

const handleOpenDialog = () => {
  setIsOpen(true);
}

const DatePickerDialog = () => {
  const [isOpen, setIsOpen] = useState(false);

  const handleOpenDialog = () => {
    setIsOpen(true);
  }

  return (
    <div>
      <TextField type="text" label="日期" />
      <Button variant="contained" color="primary" onClick={handleOpenDialog}>
        打开日期对话框
      </Button>
      {isOpen && (
        <DatePickerDialog
          open={isOpen}
          onClose={() => setIsOpen(false)}
          // 其他日期对话框属性
        />
      )}
    </div>
  );
}