Datepicker

Como utilizar

import { Datepicker } from '@superlogica/design-system'

() => {
  const [value, setValue] = useState(new Date())

  return (
    <Datepicker
      label="Período"
      name="period"
      startDate={value}
      selected={value}
      onChange={(date) => setValue(date)}
    />
  )
}

Props

Prop	Tipo	Default	Descrição
name	`string`		Nome do componente
color	`string`		Deve conter o Token(do theme) da cor que você deseja como contorno do input
label	`string`		Label do componente.
startDate	`date`		Valor da data inicial.
endDate	`date`		Valor escolhido como segunda data no range do Datepicker.
ranged	`bool`	false	Caso receber true, o usuário poderá escolher duas datas(início e fim) no componente
twoMonths	`bool`	false	Caso receber true, será exibido dois meses no datepicker, um ao lado do outro
selected	`date`		Valor que o usuário escolher.
onChange	`func`		Sua função de handle para o onChange