Skip to content

Date and Time Fields

Date field

A date picker that lets the end user select a date from a calendar.

Settings:

Label — The label displayed above the field.

Help text — Explanatory text shown below the field.

Required — Makes selecting a date mandatory.

Min date / Max date — Restricts the range of selectable dates. Useful for booking forms or deadline-driven scenarios where only future or past dates are valid.

Disable specific weekdays — Prevents the end user from selecting certain days of the week. For example, disable Saturday and Sunday to restrict selection to working days.

Disable specific dates — Blocks individual dates from being selectable. For example, public holidays.


Time field

A time picker that lets the end user select a time.

Settings:

Label — The label displayed above the field.

Help text — Explanatory text shown below the field.

Required — Makes selecting a time mandatory.

Minute increment — Controls the steps available in the minute selector. For example, a value of 15 shows 00, 15, 30, and 45 as options.

Earliest time / Latest time — Restricts the selectable time range. For example, set earliest to 08:00 and latest to 17:00 to limit selection to business hours.