Date Picker

Attribute Type Documentation Default Value
id :string

The component ID

Required form * :any

The form around the input group.

name :string

The input name

icon :string

The input icon

field :atom

The form field key.

field_start :atom

The form field key for start date when using a range

field_end :atom

The form field key for end date when using a range

label :string

The input label

label_start :string

The input label for start date when using a range

label_end :string

The input label for end date when using a range

min_date :string

The earliest date that you can set

max_date :string

The latest date that you can set

placeholder :string

The input placeholder

placeholder_start :string

The input placeholder for start date when using a range

placeholder_end :string

The input placeholder for end date when using a range

hint :string

An hint to display below the input

value :any

The current selected date.

value_start :any

The current selected date for start date when using a range.

value_end :any

The current selected date for end date when using a range.

device_kind :string

The device kind option used to display input calendar

reset_button :atom

If there is an reset button

range :boolean

When true, the component will render two inputs to be able to select start and end dates.

false
group_class :string

Extend input group class

class :string

Extend input class

disabled :boolean

Set to true to disable the input.

false