Manual Reference Source
import TimePicker from 'cloudify-stage/basic/TimePicker.js'
public class | source

TimePicker

Extends:

react~React.Component → TimePicker

TimePicker is a component showing datetime picker

Access

Stage.Basic.TimePicker

Usage

TimePicker

<TimePicker name='scheduledTime' value={this.state.scheduledTime} defaultValue=''
            minDate={moment()} maxDate={moment().add(1, 'Y')}
            onChange={(event, field) => this.setState({scheduledTime: field.value, queue: false})} />

Static Member Summary

Static Public Members
public static

propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

NameTypeAttributeDescription
name string

name of the field

defaultValue object

string data value to be set when Reset button is clicked

value object

string data value

placaholder string
  • optional
  • default: ''

input field placeholder

timeIntervals number
  • optional
  • default: 5

time interval between available time options (in minutes)

minDate object
  • optional
  • default: undefined

moment object for minimal date available in picker

maxDate object
  • optional
  • default: undefined

moment object for maximal date available in picker

onChange Function
  • optional
  • default: (function (event, data) {});

function called on data picker change