Pular para o conteúdo principal

DateRangePicker

Import​

import { DateRangePicker } from '@resultadosdigitais/tangram-react-datepicker'

Properties​

dateFormat​

Typestring
Default'dd/MM/yyyy'

Description​

Sets input date format.

Check the Unicode Tokens docs to see all available formats: https://git.io/fxCyr

endDate​

Typeinstance of Date
Defaultnull

Description​

Sets DateRangePicker's pre-selected final date.

inline​

Typebool

Description​

Enables inline mode.

locale​

Typeobject
DefaultptBR

Description​

Sets DateRangePicker's locale. To change this, it's necessary get local in 'date-fns/locale'.

import enUS from 'date-fns/locale/en-US';

width​

Typestring

Description​

Sets the DateRangePicker custom width.

onSelectEnd​

Typefunc
Default() => {}
Paramdate Date - The date.

Description​

Callback fired when the DateRangePicker end date is selected.

onSelectStart​

Typefunc
Default() => {}
Paramdate Date - The date.

Description​

Callback fired when the DateRangePicker start date is selected.

position​

Type
Enum of:
  • DateRangePicker.positions.top
  • DateRangePicker.positions.bottom
DefaultDateRangePicker.positions.bottom

Description​

Sets DateRangePicker's position.

startDate​

Typeinstance of Date

Description​

Sets DateRangePicker's pre-selected initial date. By default, it is the current date of the component's first rendering.

minDate​

Typeinstance of Date

Description​

Sets the min date value.

maxDate​

Typeinstance of Date

Description​

Sets the max date value.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.