react-toolbox/components/date_picker

Date Picker

A dialog date picker is used to select a single date. The selected day is indicated by a filled circle. The current day is indicated by a different color and type weight.

import DatePicker from 'react-toolbox/lib/date_picker';

const datetime = new Date(1995, 11, 17);
datetime.setHours(17);
datetime.setMinutes(28);

class DatePickerTest extends React.Component {
  state = {
    date2: datetime
  };

  handleChange = (item, value) => {
    const newState = {};
    newState[item] = value;
    this.setState(newState);
  };

  render () {
    return (
      <section>
        <DatePicker value={this.state.date1} onChange={this.handleChange.bind(this, 'date1')} />
        <DatePicker value={this.state.date2} onChange={this.handleChange.bind(this, 'date2')} />
      </section>
    );
  }
}

Properties

Name	Type	Default	Description
onChange	Function		Callback called when the picker value is changed.
value	Date		Date object with the currently selected date.