TimePicker

Este componente funciona como uma área interativa que, quando tocada, chama ou seleciona a hora nativa (hora e minuto) de cada plataforma.

Exemplo

Utilização

changeTime = value => {
  console.log('retorna o valor:', value);
  this.setState({ time: value });
};
<TimePicker
  onChange={this.changeTime}
  value='12:00'
  disabled={false}
  minTime='10:00'
  maxTime='15:00'
/>;

Propriedades

MinTime

O menor tempo aceitável.

<TimePicker minTime='10:00' />

MaxTime

O maior tempo aceitável.

<TimePicker maxTime='15:00' />

Disabled

Define se o TimePicker está inativo.

<TimePicker disabled={true} />

Value

Permite definir um horário pelo componente pai.

<TimePicker value='12:00' />

OnChange

O tempo definido pelo TimePicker pode ser retornado ao componente pai, usando a função onChange.

<TimePicker onChange={this.changeTime} />