import InputDate from 'cloudify-stage/basic/form/InputDate.js'

public class | source

InputDate

Extends:

react~Component → InputDate

InputDate is a component showing calendar picker using react-datepicker library

Access

Stage.Basic.Form.InputDate

Usage

InputDate

<Form.InputDate name='endDate' value={this.state.endDate}
                onChange={this._handleCustomInputChange.bind(this)}
                startDate={this.state.startDate}
                endDate={this.state.endDate}
                maxDate={moment()} />

Static Member Summary

Static Public Members
public static	propTypes: * propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

Name	Type	Attribute	Description
name	string		name of the field
value	object	optional default: null	MomentJS object with date to be selected on the picker
onChange	Function	optional default: (function () {});	function (selectedDateMoment, {name, value}) called on calendar date change
minDate	object	optional default: undefined	MomentJS object with min allowed date on the picker
maxDate	object	optional default: undefined	MomentJS object with max allowed date on the picker
startDate	object	optional default: undefined	MomentJS object for start range date (used when two InputDate components are used to display date range)
endDate	object	optional default: undefined	MomentJS object for end range date (used when two InputDate components are used to display date range)
timeIntervals	string	optional default: 60	interval (in minutes) between time options