@vendasta/va-picker v2.1.1

Va Picker

Version: 2.1.1

Example

<va-picker [alignRight]="false">
    <va-picker-title>Button Title</va-picker-title>
    <va-picker-tab-container>
        <va-picker-tab (click)="weeklySelected()" [disabled]="selectedTab === 'weekly'">Weekly</va-picker-tab>
        <va-picker-tab (click)="monthlySelected()" [disabled]="selectedTab === 'monthly'">Monthly</va-picker-tab>
    </va-picker-tab-container>
    <va-picker-search-bar placeholder="Search" [(ngModel)]="inputValue" ngDefaultControl>
        <va-picker-search-icon>
            <i class="material-icons">search</i>
        </va-picker-search-icon>
    </va-picker-search-bar>
    <va-range *ngIf="!!range">
        <va-picker-next-icon (click)="nextRange()" [ngClass]="{'va-picker-arrow-disabled': currentRangeIndex === range.length - 1}">
            <i class="material-icons picker-arrow">keyboard_arrow_right</i>
        </va-picker-next-icon>
        <va-range-label>
            {{ range[currentRangeIndex] }}
        </va-range-label>
        <va-picker-back-icon (click)="previousRange()" [ngClass]="{'va-picker-arrow-disabled': currentRangeIndex === 0}">
            <i class="material-icons picker-arrow">keyboard_arrow_left</i>
        </va-picker-back-icon>
    </va-range>
    <va-picker-list>
        <va-picker-list-item *ngFor="let date of list; let i = index" (click)="clicked(i)" [isSelected]="selected === i">
            {{date}}
        </va-picker-list-item>
    </va-picker-list>
</va-picker>

Change Log

2.1.1

• Minor styling fixes

2.1.0

• Allow general content in the drop down

2.0.0

• Update Range component to be more controllable for users

1.2.4

• Bug fixes

1.2.2/1.2.3

• Remove private dependency from being exported

1.2.1

• Remove unused dependencies

1.2.0

• Add support for right aligned drop down

1.1.0

• Add searchbox
• Add changeable arrow icons
• Add isSelected option to list items

1.0.0

• Inital Release