import React from 'react';
import {WeaSelect, WeaRangePicker} from 'ecCom';
import {inject, observer} from 'mobx-react';
import {toJS} from 'mobx';

@inject('weesoStore')
@observer
export default class AboutTime extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    }
  }
  
  componentDidMount() {
  }
  
  render() {
    const {weesoStore, values, bindObj} = this.props;
    return (
        <WeaRangePicker ecId={`${this && this.props && this.props.ecId || ''}_WeaRangePicker@b5h25e`}
          {...bindObj.bind()}
          {...values}
          onChange={(...args)=> {
            weesoStore.setState({showToolPopover: true});
            weesoStore.setState({maskClosable: true});
            bindObj.onChange(...args)}}
          toggleOpen={(open) => {weesoStore.setState({maskClosable: !open.open})}} //阻止popover影响
        />
    )
  }
}