Guaxu Docs
    Preparing search index...

    Function DatePicker

    • Parameters

      Returns Element

      A date selection component with calendar popover, validation, and accessibility features. Integrates with forms and supports custom validation, disabled dates, and error display. Uses the Brazilian Portuguese locale by default.

      const [date, setDate] = useState<string | null>(null);

      <DatePicker
      name="birthday"
      label="Data de nascimento"
      value={date}
      setValue={setDate}
      helpMessage="Selecione sua data de nascimento"
      isRequired
      errorMessage="Data inválida"
      isDateUnavailable={dateStr => new Date(dateStr) < new Date()}
      />