Lion Logo Lion Guides Components Docs Blog Toggle darkmode

Input Datepicker: Features

Minimum and maximum date

Below are examples of different validators for dates.

Disable specific dates

Calendar heading

You can modify the heading of the calendar with the .calendarHeading property or calendar-heading attribute for simple values.

By default, it will take the label value.

Disabled

You can disable datepicker inputs.

Read only

You can set datepicker inputs to readonly, which will prevent the user from opening the calendar popup.