@vendasta/va-picker
v2.1.1
Published
A generic component for the Executive Report date picker
Downloads
13
Readme
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