Skip to content

SiCalendarButtonComponent documentation

selector
si-calendar-button

Calendar toggle button used in combination with a datepicker directive.

Example:

<si-calendar-button class="w-100">
  <input
    class="form-control"
    type="text"
    siDatepicker
    [siDatepickerConfig]="config"
  />
</si-calendar-button>

Input Properties

NameTypeDefaultDescription
ariaLabel
TranslatableString$localize`:@@SI_DATEPICKER.CALENDAR_TOGGLE_BUTTON:Open calendar`Aria label for the calendar toggle button.

Types Documentation

Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.
Translatable
import

Except where otherwise noted, content on this site is licensed under MIT License.