Properties

Section titled "Properties"

activeViewChanged

Section titled "activeViewChanged"

Inherited from: IgxCalendarBaseDirective

Emits an event when the active view is changed.

<igx-calendar (activeViewChanged)="activeViewChanged($event)"></igx-calendar>
public activeViewChanged(event: CalendarView) {
 let activeView = event;
}
activeViewChanged: EventEmitter<IgxCalendarView>

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:106

cdr

Section titled "cdr" 
cdr: ChangeDetectorRef

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:60

defaultClass

Section titled "defaultClass" 
defaultClass: boolean = true

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:213

hideOutsideDays

Section titled "hideOutsideDays"

Inherited from: IgxCalendarBaseDirective

Sets/gets whether the outside dates (dates that are out of the current month) will be hidden. Default value is false.

<igx-calendar [hideOutsideDays]="true"></igx-calendar>
let hideOutsideDays = this.calendar.hideOutsideDays;
hideOutsideDays: boolean = false

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:71

id

Section titled "id"

Sets/gets the id of the days view. If not set, the id will have value "igx-days-view-0".

<igx-days-view id="my-days-view"></igx-days-view>
let daysViewId = this.daysView.id;
id: string

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:76

role

Section titled "role" 
role: string = 'grid'

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:84

selected

Section titled "selected"

Inherited from: IgxCalendarBaseDirective

Emits an event when a date is selected. Provides reference the selectedDates property.

 
selected: EventEmitter<Date | Date[]>

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:78

showWeekNumbers

Section titled "showWeekNumbers"

Show/hide week numbers

 
showWeekNumbers: boolean

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:115

Example

<igx-days-view [showWeekNumbers]="true"></igx-days-view>
``

tabIndex

Section titled "tabIndex" 
tabIndex: number = 0

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:80

viewClass

Section titled "viewClass" 
viewClass: true = true

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:87

viewDateChanged

Section titled "viewDateChanged"

Inherited from: IgxCalendarBaseDirective

Emits an event when the month in view is changed.

<igx-calendar (viewDateChanged)="viewDateChanged($event)"></igx-calendar>
public viewDateChanged(event: IViewDateChangeEventArgs) {
 let viewDate = event.currentValue;
}
viewDateChanged: EventEmitter<IViewDateChangeEventArgs>

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:92

activeView

Section titled "activeView"

Inherited from: IgxCalendarBaseDirective 

activeView: IgxCalendarView

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:374, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:387

disabledDates

Section titled "disabledDates"

Inherited from: IgxCalendarBaseDirective 

disabledDates: DateRangeDescriptor[]

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:567, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:583

formatOptions

Section titled "formatOptions"

Inherited from: IgxCalendarBaseDirective 

formatOptions: IFormattingOptions

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:338, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:346

formatViews

Section titled "formatViews"

Inherited from: IgxCalendarBaseDirective 

formatViews: IFormattingViews

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:355, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:363

hideLeadingDays

Section titled "hideLeadingDays" 
hideLeadingDays: boolean

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:147, projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:152

hideTrailingDays

Section titled "hideTrailingDays" 
hideTrailingDays: boolean

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:157, projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:162

locale

Section titled "locale"

Inherited from: IgxCalendarBaseDirective 

locale: string

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:319, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:327

resourceStrings

Section titled "resourceStrings"

Inherited from: IgxCalendarBaseDirective 

resourceStrings: ICalendarResourceStrings

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:285, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:292

selection

Section titled "selection"

Inherited from: IgxCalendarBaseDirective 

selection: string

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:509, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:516

showActiveDay

Section titled "showActiveDay" 
showActiveDay: boolean

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:167, projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:171

specialDates

Section titled "specialDates"

Inherited from: IgxCalendarBaseDirective 

specialDates: DateRangeDescriptor[]

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:608, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:624

standalone

Section titled "standalone" 
standalone: boolean

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:91, projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:95

value

Section titled "value"

Inherited from: IgxCalendarBaseDirective 

value: Date | Date[]

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:636, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:651

viewDate

Section titled "viewDate"

Inherited from: IgxCalendarBaseDirective 

viewDate: Date

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:537, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:544

weekStart

Section titled "weekStart"

Inherited from: IgxCalendarBaseDirective 

weekStart: number

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:302, projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:310

Accessors

Section titled "Accessors"

activeDate

Section titled "activeDate"

previewRangeDate

Section titled "previewRangeDate"

Methods

Section titled "Methods"

deselectDate

Section titled "deselectDate"

Inherited from: IgxCalendarBaseDirective

Deselects date(s) (based on the selection type).

deselectDate(value: string | Date | Date[]): void

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:746

Parameters

  • value: string | Date | Date[]

Returns void

formattedYears

Section titled "formattedYears"

Inherited from: IgxCalendarBaseDirective 

formattedYears(value: Date): string

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:464

Parameters

  • value: Date

Returns string

ngAfterContentChecked

Section titled "ngAfterContentChecked"

A callback method that is invoked immediately after the default change detector has completed checking all of the directive's content.

ngAfterContentChecked(): void

Defined in projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts:265

Returns void

selectDate

Section titled "selectDate"

Inherited from: IgxCalendarBaseDirective

Selects date(s) (based on the selection type).

selectDate(value: string | Date | Date[]): void

Defined in projects/igniteui-angular/calendar/src/calendar/calendar-base.ts:719

Parameters

  • value: string | Date | Date[]

Returns void