Skip to content

Date

An input element designed for selecting dates, incorporating a dropdown interface with a calendar for ease of use. Provides support for configurable options such as minimum and maximum date ranges.

Required icons

angle-left
angle-right
calendar

Props

model-value: DateTime | null
The value.

auto-complete?: FluxAutoCompleteType
The label that is shown next to the checkbox.

auto-focus?: boolean
Focus the input when the form is mounted.

disabled?: boolean
Disable the form input.

is-readonly?: string
Make the form input read-only.

max?: DateTime
The maximum selectable date.

min?: DateTime
The minimum selectable date.

placeholder?: string
The placeholder that is visible in the form input.

Emits

update:model-value: [DateTime | null]
Triggered when the value is changed.