6.0.10 • Published 1 month ago
@acpaas-ui/ngx-calendar v6.0.10
@acpaas-ui/ngx-calendar
A simple calendar component with a month, year and decennia view where you can easily navigate to a specific date.
Usage
import { CalendarModule } from '@acpaas-ui/ngx-calendar';
Documentation
Visit our documentation site for full how-to docs and guidelines
API
Name | Default value | Description |
---|---|---|
@Input() selectedDate: Date; | - | The date the user selected. Will be used as a base for the different calendar views. |
@Input() range: DateRange; | - | A date range to decide which dates are available for selection. |
@Input() weekdayLabels: WeekdayLabelsConfig; | - | Override the default weekday labels. Can also be done in the forChild method. |
@Input() monthLabels: MonthLabelsConfig; | - | Override the default month labels. Can also be done in the forChild method. |
@Output() selectDate: EventEmitter<any> | - | Will emit the selected date and completion state (the date is complete when a day is picked). |
Example
import { CalendarModule } from '@acpaas-ui/ngx-calendar;'
@NgModule({
imports: [
CalendarModule.forChild([
'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday',
], [
'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December',
])
]
});
export class AppModule {};
import { DateRange } from '@acpaas-ui/ngx-utils';
public clickedDate: Date = new Date();
public range: DateRange = [1, 6];
selectDate(event) {
if (event.complete) {
this.clickedDate = event.date;
}
}
<aui-calendar
[range]="range"
[selectedDate]="clickedDate"
(selectDate)="selectDate($event)">
</aui-calendar>
Contributing
Visit our Contribution Guidelines for more information on how to contribute.
6.0.10
1 month ago
6.0.9
1 month ago
6.0.8
3 months ago
6.0.6
3 months ago
6.0.5
4 months ago
6.0.3
9 months ago
6.0.2
9 months ago
6.0.4
8 months ago
6.0.0
11 months ago
6.0.0-beta.0
12 months ago
7.0.0-beta.1
12 months ago
5.2.1
2 years ago
4.7.1
2 years ago
5.0.1
3 years ago
5.0.0
3 years ago
4.6.1
3 years ago
4.6.0
3 years ago
4.2.0
4 years ago
4.0.0
4 years ago
4.0.0-rc.10
4 years ago
4.0.0-rc.9
4 years ago
4.0.0-rc.7
4 years ago
4.0.0-rc.8
4 years ago
4.0.0-rc.2
4 years ago
4.0.0-rc.6
4 years ago
4.0.0-rc.1
4 years ago