В основном пользователь загружает компонент datepicker, он должен отображать ему календарь.
http://chingyawhao.github.io/material-ui-pickers демо URl
у нас есть состояние «calendarShow» в datePicker (DateFormatInput), как изменить это состояние в нашем компоненте с помощью DateFormatInput
Исходный код для "Material-UI-Next-Pickers": https://github.com/chingyawhao/material-ui-next-pickers/blob/master/src/datepicker.tsx (DateFormatInput)
Пример:
import {DateFormatInput, TimeFormatInput} from 'material-ui-next-pickers'
class YourComponent extends React.Component<{}, YourComponentState> {
onChangeDate = (date:Date) => {
console.log('Date: ', date)
this.setState({date})
}
onChangeTime = (time:Date) => {
console.log('Time: ', time)
this.setState({time})
}
render() {
const {date, time} = this.state
return (
<div>
<DateFormatInput name='date-input' value={date} onChange={this.onChangeDate}/>
<TimeFormatInput name='time-input' value={time} onChange={this.onChangeTime}/>
</div>
)
}
}
interface YourComponentState {
date: Date
time: Date
}
Пожалуйста, предложите любое решение.