DatePicker

UsageExamples
• Code

Import

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

Properties

dateFormat

Type	string
Default	'dd/MM/yyyy'

Description

Sets input date format.

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

defaultValue

Type	instance of Date

Description

Sets DatePicker's default value.

double

Type	bool
Default	false

Description

Open with two calendars.

inline

Type	bool

Description

Enables inline mode.

locale

Type	object
Default	ptBR

Description

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

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

onChange

Type	func
Default	() => {}
Param	event React.SyntheticEvent - The event triggered when a date is changed.
Param	date Date - The date.

Description

Callback fired when the DatePicker changes.

placeholder

Type	string

Description

Sets input placeholder.

position

Type	Enum of: DatePicker.positions.top DatePicker.positions.bottom
Default	DatePicker.positions.bottom

Description

Sets DatePicker's position.

value

Type	instance of Date

Description

Sets DatePicker's value.

shouldCloseOnSelect

Type	bool

Description

Sets if should close after select.

titleAction

Type	func

Description

Pass a callback to title when clicked.

yearlyView

Type	bool
Default	false

Description

Enables yearly view.

Feedback