TimePicker

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

Exemplo

Modifique esse componente em tempo real pelo Storybook clique aqui

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

• Type: String
• Opcional

O menor tempo aceitável.

<TimePicker minTime='10:00' />

maxTime

• Type: String
• Opcional

O maior tempo aceitável.

<TimePicker maxTime='15:00' />

disabled

• Type: Boolean
• Opcional

Define se o TimePicker está inativo.

<TimePicker disabled={true} />

value

• Type: String
• Obrigatório

Permite definir um horário pelo componente pai.

<TimePicker value='12:00' />

onChange

• Type: Function
• Opcional

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

<TimePicker onChange={this.changeTime} />