import React from 'react'
import DateInput from '../components/DateInput'

export default {
  title: 'Form/DateInput',
  component: DateInput,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
  argTypes: {
    dateFormat: {
      description: "Adicione uma formato de data: 'dd/MM/yyyy' ou 'dd/MM/yyyy HH:mm'.",
      options: ['dd/MM/yyyy', 'dd/MM/yyyy HH:mm'],
    },
    className: {
      description: 'Adicione uma classe.',
    },
    label: {
      description: 'Adicione uma label.',
    },
    dateSelected: {
      description: 'Adicione uma data inicial.',
    },
    onChange: {
      description: 'Função para capturar o valor quando alterado.',
    },
    showTimeSelect: {
      description: 'Adiciona horario na seleção da data.',
    },
    timeFormat: {
      description: 'Adicione uma formato ao horario na seleção da data.',
    },
    disabled: {
      description: 'Habilita ou desabilita.',
    },
  },
}

export const Default = (args) => <DateInput {...args} />

Default.args = {
  dateFormat: 'dd/MM/yyyy HH:mm',
  className: '',
  label: 'Data:',
  dateSelected: new Date(),
  onChange: '',
  showTimeSelect: false,
  timeFormat: 'HH:mm',
  disabled: false,
}
