Material UI Libraryで日付/時刻ピッカーをプログラムで閉じる？

Question

Material UI Libraryで日付/時刻ピッカーをプログラムで閉じるには？

Answer 1

import React from 'react'; 
 
import DatePickerDialog from 'material-ui/DatePicker/DatePickerDialog'; 
 

 
export default class SomeComponent extends React.Component { 
 

 
    constructor(props, context) { 
 
    super(props, context); 
 
    this.closeDatePicker = this.closeDatePicker.bind(this); 
 
    this.openDatePicker = this.openDatePicker.bind(this); 
 
    } 
 

 
    closeDatePicker() { 
 
    this.datePicker.dismiss(); 
 
    } 
 

 
    openDatePicker() { 
 
    this.datePicker.show(); 
 
    } 
 

 
    render() { 
 
    return (
 
     <div> 
 
     <button onClick={this.openDatePicker}>Open</button> 
 
     <button onClick={this.closeDatePicker}>Close</button> 
 
     <DatePickerDialog ref={ref => this.datePicker = ref} /> 
 
     </div> 
 
    ); 
 
    } 
 
}