Skip to content
Shamar

Date & time pickers

Form components gallery at `/demo/form-components`.
Flowbite calendar dropdown on focus.
Calendar plus time controls on the same field row.
DatePicker.make('launchDate')
DateTimePicker.make('launchAt').seconds()
TimePicker.make('restockAt').hours12()

Methods

MethodDescription
.native()Browser native picker.
.minDate() / .maxDate()Date bounds.
.seconds() / .hours12() / .hours24()DateTime/time format.
.minuteStep(n)Time step interval.
.label(text)Field label in the UI.
.required()Mark required on create/edit.
.helperText(text)Help text below the control.
.default(value)Default state when creating a record.
.hiddenOnForm() / .hiddenOnDetail()Hide on create/edit or show view.
.columnSpan(n) / .columnSpanFull()Grid span inside Section/Grid layouts.
.live()Re-render the form when this field changes.

Form components gallery at /demo/form-components.