Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    YearPicker

    A field that chooses a year from a page of twelve years.

    Storybook
    Storybook
    Source
    Source

    The example below loads live from Storybook; you can open the controls there.

    Live example, StorybookOpen in Storybook

    The trigger shows the chosen year or the placeholder; a click opens a page of twelve years in a grid. The chosen year is filled and the current year is outlined.

    With a default value, disabled, and the large size.

    Live example, StorybookOpen in Storybook

    The field uses the Select trigger tokens and the grid the calendar tokens; neither mode needs extra setup.