() => {
  class DatePickerExample extends Component {
    state = {
      date: '8 January 2018, 9:45'
    };
    setDate = (date: Date | null | undefined) => {
      this.setState({
        date
      });
    };
    render() {
      return <div style={{
        width: '100%'
      }} data-test="root">
          <div className="block">
            <span className="label">M</span>
            <DatePicker date={this.state.date} onChange={this.setDate} size={Size.M} />
          </div>
          <div className="block">
            <span className="label">L</span>
            <DatePicker date={this.state.date} onChange={this.setDate} size={Size.L} />
          </div>
          <div className="block">
            <span className="label">FULL</span>
            <DatePicker date={this.state.date} onChange={this.setDate} size={Size.FULL} />
          </div>
          <div className="block">
            <span className="label">AUTO</span>
            <DatePicker date={this.state.date} onChange={this.setDate} size={Size.AUTO} />
          </div>
        </div>;
    }
  }
  return <DatePickerExample />;
}