Encontre a resposta que está procurando

Node Date Time Picker

O node Date Time Picker, disponível na categoria de nodes Aivo, permite exibir um componente para que os usuários selecionem uma data e hora no canal Web.

⚙ Configuração do node
A seguir, são detalhados os campos necessários para sua configuração:
  1. Name: permite personalizar o nome do node, que poderá ser visualizado posteriormente no workspace do Studio.
  2. Bot (obrigatório): selecione no menu suspenso o bot no qual o node será executado. Esse bot também deve conter o node Step In para o qual serão enviadas a data e a hora selecionadas pelo usuário.
  3. Next Step (obrigatório): adicionar ou selecionar no menu suspenso o node Step In para o qual serão enviadas a data e a hora selecionadas pelo usuário.
  4. Block Input (opcional): permite definir se a caixa de texto ficará temporariamente bloqueada enquanto o componente for exibido.
    • True: bloqueia a caixa de texto.
    • False: permite que o usuário insira texto.
  5. Ref (obrigatório): insira o nome do identificador interno onde serão armazenadas a data e a hora selecionadas pelo usuário.
  6. Label (opcional): define o rótulo ou nome que será exibido ao usuário final no formulário.
  7. Callback Label (opcional): atualmente, não é necessário configurá-lo, pois esse campo se aplica ao canal WhatsApp e o componente Date Time Picker está disponível somente para o canal Web.
  8. Available Dates (opcional): indica a variável que contém a lista de datas disponíveis para o usuário selecionar. As datas devem utilizar o formato ISO 8601, por exemplo: 2024-03-21T13:30:00_02:00.
    ℹ Tenha em mente: esse campo aceita apenas valores enviados por meio de msg a partir de um node Function. Ele não é compatível com Mustache e não pode ser carregado diretamente a partir de um node Inject.
  9. Timezone (opcional): permite selecionar um fuso horário específico para o componente. Se você selecionar uma opção, ela terá prioridade sobre o fuso horário indicado em Available Dates. Ou seja, se Available Dates incluir um fuso horário, ele será substituído pelo selecionado em Timezone; se não incluir nenhum, será aplicado automaticamente o fuso horário selecionado.
  10. Disable Previous Dates: essa opção vem habilitada por padrão, mas é opcional. Ao ativá-la, desabilita as datas anteriores à data atual e impede que o usuário possa selecioná-las.
  11. Enable Date Range (opcional): permite definir o intervalo de datas disponíveis para seleção do usuário. Ao ativá-la, serão exibidos dois campos obrigatórios que deverão ser preenchidos com datas no formato ISO 8601, sem incluir o horário:
    • Date Range Min: define a data mínima disponível.
    • Date Range Max: define a data máxima disponível.
  12. Twelve Hour Clock (opcional): vem habilitado por padrão e permite exibir os horários no formato de 12 horas, utilizando AM/PM.
📥 Você pode baixar um fluxo de exemplo por meio do link.

▶ No vídeo a seguir, você poderá conhecer todas as propriedades disponíveis para configurar esse node:
Este site armazena cookies em seu computador. Estes cookies são utilizados para coletar informações de como você interage com o nosso site e nos permite lembrar de você. Nós usamos essa informação para melhorar e personalizar sua experiência de navegação e para obter estatísticas e métricas sobre nossos visitantes, tanto neste site quanto em outros meios. Para obter mais informações sobre os cookies que utilizamos, consulte nossa Política de Privacidade.

Se você recusar, sua informação não será rastreada quando você visitar este site. Será utilizado somente um cookie em seu navegador para lembrá-lo de sua preferência de não ser rastreado.